@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap";
:root{--bg-base:#0a0604;--bg-surface:#110905;--bg-card:#1a0e07;--accent:#ff3d00;--accent-glow:#ff3d0033;--accent-soft:#ff3d0014;--accent-dim:#ff6a3d;--text-primary:#fff;--text-secondary:#b8a9a0;--text-muted:#5a4840;--border:#ffffff12;--border-accent:#ff3d0059;--font-display:"Syne", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-18px)rotate(1.5deg)}66%{transform:translateY(-8px)rotate(-1deg)}}@keyframes glitch-1{0%,90%,to{clip-path:none;transform:none}91%{clip-path:inset(20% 0 60%);transform:translate(-4px)}93%{clip-path:inset(60% 0 10%);transform:translate(4px)}95%{clip-path:inset(40% 0 30%);transform:translate(-2px)}}@keyframes glitch-2{0%,85%,to{clip-path:none;opacity:0;transform:none}86%{clip-path:inset(10% 0 70%);opacity:.55;transform:translate(6px,-2px)}89%{clip-path:inset(70% 0 5%);opacity:.55;transform:translate(-6px,2px)}92%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-ring{0%{opacity:.6;transform:translate(-50%,-50%)scale(.85)}50%{opacity:.08;transform:translate(-50%,-50%)scale(1.15)}to{opacity:.6;transform:translate(-50%,-50%)scale(.85)}}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,-40px)scale(1.1)}}@keyframes drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(.9)}}@keyframes drift-3{0%,to{transform:translate(0)}50%{transform:translate(30px,50px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes orbit{0%{transform:rotate(0)translate(90px)rotate(0)}to{transform:rotate(360deg)translate(90px)rotate(-360deg)}}@keyframes orbit-reverse{0%{transform:rotate(0)translate(130px)rotate(0)}to{transform:rotate(-360deg)translate(130px)rotate(360deg)}}@keyframes orbit-slow{0%{transform:rotate(45deg)translate(68px)rotate(-45deg)}to{transform:rotate(405deg)translate(68px)rotate(-405deg)}}@keyframes particle-rise{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120px)scale(0)}}.page-404{background:var(--bg-base);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.page-404:before{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}.page-404:after{content:"";pointer-events:none;z-index:99;background:linear-gradient(#0000,#ff3d0006,#0000);height:120px;animation:6s linear infinite scanline;position:fixed;top:0;left:0;right:0}.bg-blobs{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-blobs .blob{filter:blur(90px);border-radius:50%;position:absolute}.bg-blobs .blob--1{background:radial-gradient(circle,#ff3d0024,#0000 70%);width:620px;height:620px;animation:18s ease-in-out infinite drift-1;top:-160px;left:-120px}.bg-blobs .blob--2{background:radial-gradient(circle,#ff783214,#0000 70%);width:500px;height:500px;animation:22s ease-in-out infinite drift-2;bottom:-100px;right:-80px}.bg-blobs .blob--3{background:radial-gradient(circle,#ff3d0012,#0000 70%);width:360px;height:360px;animation:14s ease-in-out infinite drift-3;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-overlay{background-image:linear-gradient(var(--border) 1px, transparent 1px),linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;z-index:1;background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 80%)}.particles{pointer-events:none;z-index:2;position:fixed;inset:0}.particles .particle{background:var(--accent);border-radius:50%;animation:linear infinite particle-rise;position:absolute}.particles .particle:first-child{opacity:.6;background:var(--accent);width:3px;height:4px;animation-duration:7s;animation-delay:-6s;bottom:3%;left:67%}.particles .particle:nth-child(2){opacity:.4;background:var(--accent);width:2px;height:4px;animation-duration:6s;animation-delay:-6s;bottom:26%;left:30%}.particles .particle:nth-child(3){opacity:.4;background:#ffffff73;width:2px;height:4px;animation-duration:7s;animation-delay:-2s;bottom:19%;left:73%}.particles .particle:nth-child(4){opacity:.7;background:var(--accent);width:4px;height:2px;animation-duration:4s;animation-delay:-2s;bottom:2%;left:63%}.particles .particle:nth-child(5){opacity:.1;background:var(--accent);width:3px;height:4px;animation-duration:7s;animation-delay:-2s;bottom:18%;left:83%}.particles .particle:nth-child(6){opacity:.5;background:#ffffff73;width:2px;height:2px;animation-duration:7s;animation-delay:-4s;bottom:2%;left:32%}.particles .particle:nth-child(7){opacity:.6;background:var(--accent);width:3px;height:2px;animation-duration:5s;animation-delay:-3s;bottom:29%;left:86%}.particles .particle:nth-child(8){opacity:.5;background:var(--accent);width:4px;height:2px;animation-duration:7s;animation-delay:-1s;bottom:5%;left:26%}.particles .particle:nth-child(9){opacity:.7;background:#ffffff73;width:3px;height:3px;animation-duration:5s;animation-delay:-4s;bottom:2%;left:10%}.particles .particle:nth-child(10){opacity:.6;background:var(--accent);width:2px;height:2px;animation-duration:4s;animation-delay:-3s;bottom:17%;left:59%}.particles .particle:nth-child(11){opacity:.4;background:var(--accent);width:3px;height:3px;animation-duration:4s;animation-delay:-3s;bottom:25%;left:87%}.particles .particle:nth-child(12){opacity:.6;background:#ffffff73;width:3px;height:2px;animation-duration:7s;animation-delay:-2s;bottom:39%;left:69%}.particles .particle:nth-child(13){opacity:.7;background:var(--accent);width:3px;height:2px;animation-duration:6s;animation-delay:-3s;bottom:18%;left:62%}.particles .particle:nth-child(14){opacity:.2;background:var(--accent);width:4px;height:3px;animation-duration:5s;animation-delay:-6s;bottom:26%;left:25%}.nav-404{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0604bf;justify-content:space-between;align-items:center;padding:20px 40px;animation:.6s both fade-in;display:flex;position:fixed;top:0;left:0;right:0}.nav-404__logo{letter-spacing:-.02em;color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.nav-404__logo span.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%;display:inline-block}.nav-404__status{color:var(--text-muted);align-items:center;gap:8px;font-size:.72rem;display:flex}.nav-404__status:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #ff3d00b3}.container-404{z-index:10;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:900px;padding:0 24px;display:flex;position:relative}.orbit-visual{width:260px;height:260px;margin-bottom:0;animation:8s ease-in-out -2s infinite float;position:relative}.orbit-visual .orbit-ring{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-visual .orbit-ring--outer{border:1px solid #ff3d0026;width:240px;height:240px}.orbit-visual .orbit-ring--inner{border:1px solid #ff3d004d;width:165px;height:165px}.orbit-visual .pulse-ring{border:1px solid #ff3d0038;border-radius:50%;width:195px;height:195px;animation:3s ease-in-out infinite pulse-ring;position:absolute;top:50%;left:50%}.orbit-visual .orbit-dot{transform-origin:0 0;margin-top:-5px;margin-left:-5px;position:absolute;top:50%;left:50%}.orbit-visual .orbit-dot:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-visual .orbit-dot--1{animation:6s linear infinite orbit}.orbit-visual .orbit-dot--1:after{background:var(--accent);width:10px;height:10px;box-shadow:0 0 14px var(--accent)}.orbit-visual .orbit-dot--2{animation:9s linear infinite orbit-reverse}.orbit-visual .orbit-dot--2:after{background:#fff;width:7px;height:7px;box-shadow:0 0 10px #fff9}.orbit-visual .orbit-dot--3{animation:13s linear infinite orbit-slow}.orbit-visual .orbit-dot--3:after{background:var(--accent-dim);width:5px;height:5px;box-shadow:0 0 8px #ff6a3d99}.orbit-visual .core{background:var(--bg-card);border:1px solid var(--border-accent);width:80px;height:80px;box-shadow:0 0 32px var(--accent-glow),inset 0 0 20px #ff3d000f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-visual .core .core-number{color:var(--accent);letter-spacing:.06em;font-size:.65rem;font-weight:500}.glitch-wrap{margin-bottom:16px;animation:.7s .1s both fade-in-up;position:relative}.glitch-wrap .number-404{letter-spacing:-.04em;color:var(--text-primary);font-size:clamp(40px,10vw,80px);font-weight:800;line-height:.85;animation:8s infinite glitch-1;display:inline-block;position:relative}.glitch-wrap .number-404:before{content:attr(data-text);color:var(--accent);animation:8s infinite glitch-2;position:absolute;top:0;left:0}.glitch-wrap .number-404 .accent-digit{color:var(--accent);text-shadow:0 0 40px #ff3d0099}.headline-404{letter-spacing:-.025em;color:var(--text-primary);margin-bottom:14px;font-size:clamp(1.4rem,3.5vw,2.2rem);font-weight:700;animation:.7s .2s both fade-in-up}.subtext-404{color:var(--text-secondary);max-width:420px;margin-bottom:20px;font-size:.875rem;line-height:1.7;animation:.7s .3s both fade-in-up}.subtext-404 .cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:1em;margin-left:2px;animation:1s step-end infinite blink-cursor;display:inline-block}.terminal{background:var(--bg-surface);border:1px solid var(--border);text-align:left;border-radius:10px;width:100%;max-width:480px;margin-bottom:40px;padding:16px 20px;animation:.7s .4s both fade-in-up;position:relative;overflow:hidden}.terminal:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.terminal__header{border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:12px;padding-bottom:10px;display:flex}.terminal__header .dot{border-radius:50%;width:10px;height:10px}.terminal__header .dot--red{background:#ff5f57}.terminal__header .dot--yellow{background:#febc2e}.terminal__header .dot--green{background:#28c840}.terminal__header span{color:var(--text-muted);margin-left:8px;font-size:.7rem}.terminal__line{color:var(--text-muted);font-size:.75rem;line-height:1.8}.terminal__line .prompt{color:var(--accent);margin-right:6px}.terminal__line .cmd{color:var(--text-secondary)}.terminal__line .error{color:#ff6b7a}.terminal__line .warn{color:#ffc36b}.terminal__line .ok{color:#4ade80}.cta-group{flex-wrap:wrap;justify-content:center;gap:14px;animation:.7s .5s both fade-in-up;display:flex}.btn{letter-spacing:.01em;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .22s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1f,#0000);transition:opacity .22s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 0 24px #ff3d0073}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 38px #ff3d00a6}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-2px)}.btn svg{flex-shrink:0;width:16px;height:16px}.status-bar{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0a0604e0;justify-content:space-between;align-items:center;padding:12px 40px;animation:.6s .6s both fade-in;display:flex;position:fixed;bottom:0;left:0;right:0}.status-bar__left,.status-bar__right{align-items:center;gap:20px;display:flex}.status-bar__item{color:var(--text-muted);align-items:center;gap:6px;font-size:.68rem;display:flex}.status-bar__item .indicator{background:var(--accent);width:5px;height:5px;box-shadow:0 0 6px var(--accent);border-radius:50%}@media (max-width:600px){.nav-404{padding:16px 20px}.orbit-visual{width:200px;height:200px}.orbit-ring--outer{width:190px!important;height:190px!important}.orbit-ring--inner{width:130px!important;height:130px!important}.status-bar{display:none}.cta-group{flex-direction:column;align-items:stretch}.btn{justify-content:center}}