<!DOCTYPE html><html lang="ru"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>404 - Матрица</title><style>*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;font-family:"Courier New",monospace;cursor:default}canvas{position:fixed;top:0;left:0;z-index:0}.box{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.content{background:rgba(0,0,0,0.85);border:1px solid #0f0;border-radius:10px;padding:40px 60px;box-shadow:0 0 40px rgba(0,255,0,0.3),inset 0 0 20px rgba(0,255,0,0.1);max-width:800px}.err{font-size:clamp(80px,20vw,150px);font-weight:bold;color:#0f0;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0;animation:glitch 3s infinite;letter-spacing:15px}.msg{font-size:clamp(18px,4vw,32px);color:#0f0;margin:20px 0 15px;text-shadow:0 0 10px #0f0;font-weight:bold;animation:flicker 4s infinite}.desc{font-size:clamp(14px,2vw,18px);color:#0f0;margin:0 auto;line-height:1.6;opacity:0.95;text-shadow:0 0 2px #003300}.subtitle{color:#0f0;font-size:14px;margin-top:30px;min-height:20px}.blink-cursor{display:inline-block;width:10px;height:18px;background:#0f0;margin-left:2px;vertical-align:middle;animation:blink .7s infinite;box-shadow:0 0 5px #0f0}@keyframes glitch{0%,100%{text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f0}10%{text-shadow:-3px 0 #ff0040,3px 0 #0ff}20%{transform:skewX(-2deg)}25%{transform:skewX(0)}50%{text-shadow:0 0 20px #0f0,0 0 40px #0f0}60%{text-shadow:2px 0 #ff0040,-2px 0 #0ff;transform:skewX(2deg)}65%{transform:skewX(0)}}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,100%{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f0}20%,24%,55%{opacity:0.5;text-shadow:none}}@keyframes trail{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(30px) scale(0.5)}}</style></head><body><canvas id="m"></canvas><div class="box"><div class="content"><div class="err">404</div><div class="msg">СТРАНИЦА НЕ НАЙДЕНА!</div><div class="desc">Ты выбрал неверный путь, Нео. Эта страница не существует в Матрице. Возможно, агенты удалили её... или она никогда не существовала.</div><div class="subtitle"><span id="type"></span><span class="blink-cursor"></span></div></div></div><script>var c=document.getElementById("m"),x=c.getContext("2d");c.width=window.innerWidth;c.height=window.innerHeight;var chars="01";var f=16,col=Math.floor(c.width/f),drops=[];for(var i=0;i<col;i++)drops[i]=Math.random()*-100;function draw(){x.fillStyle="rgba(0,0,0,0.05)";x.fillRect(0,0,c.width,c.height);x.font=f+"px monospace";for(var i=0;i<drops.length;i++){var char=chars[Math.floor(Math.random()*chars.length)];var bright=Math.random();if(bright>0.95){x.fillStyle="#fff";x.shadowBlur=15;x.shadowColor="#0f0"}else{x.fillStyle="hsl(120,100%,"+Math.floor(35+Math.random()*30)+"%)";x.shadowBlur=0}x.fillText(char,i*f,drops[i]*f);if(drops[i]*f>c.height&&Math.random()>0.975)drops[i]=0;drops[i]++}}setInterval(draw,40);window.onresize=function(){c.width=innerWidth;c.height=innerHeight;col=Math.floor(c.width/f);drops=[];for(var i=0;i<col;i++)drops[i]=Math.random()*-100};var text="Wake up, Neo... Follow the white rabbit 🐇";var idx=0,el=document.getElementById("type");function typeWriter(){if(idx<=text.length){el.textContent=text.substring(0,idx);idx++;setTimeout(typeWriter,100)}else{setTimeout(function(){idx=0;el.textContent="";typeWriter()},3000)}}typeWriter();document.addEventListener("mousemove",function(e){var d=document.createElement("div");d.textContent=Math.random()>0.5?"1":"0";d.style.cssText="position:fixed;left:"+e.clientX+"px;top:"+e.clientY+"px;color:#0f0;pointer-events:none;font-weight:bold;font-size:16px;z-index:99;text-shadow:0 0 5px #0f0;animation:trail 1s forwards";document.body.appendChild(d);setTimeout(function(){d.remove()},1000)});</script></body></html>