*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06060a;--surface:#0e0e14;--surface2:#14141c;--border:#ffffff12;--border2:#ffffff1f;--text:#f0eef8;--text2:#9b97b2;--text3:#5a566e;--accent:#7b5eea;--accent2:#5dcaa5;--accent3:#f0997b;--font-head:"Syne",sans-serif;--font-body:"DM Sans",sans-serif}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scanline{0%{top:-10%}to{top:110%}}@keyframes glitch1{0%,95%,to{clip-path:none;transform:none}96%{clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);transform:translate(-4px)}97%{clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);transform:translate(4px)}98%{clip-path:polygon(0 10%,100% 10%,100% 25%,0 25%);transform:translate(-3px)}99%{clip-path:none;transform:none}}@keyframes glitch2{0%,95%,to{clip-path:none;opacity:0;transform:none}96%{clip-path:polygon(0 55%,100% 55%,100% 70%,0 70%);opacity:.7;transform:translate(4px)}97%{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);opacity:.7;transform:translate(-4px)}98%{clip-path:none;opacity:0}}.page{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:100px clamp(1.5rem,6vw,5rem) 5rem;display:flex;position:relative;overflow:hidden}.page-bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 0%,#0000 75%)}.page-glow{pointer-events:none;background:radial-gradient(#7b5eea2e 0%,#0000 70%);width:700px;height:400px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.page-glow-accent{pointer-events:none;background:radial-gradient(#f0997b14 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:15%;right:8%}.error-num-wrap{margin-bottom:2rem;animation:.6s both fadeUp,6s ease-in-out .6s infinite float;display:inline-block;position:relative}.error-num{font-family:var(--font-head);letter-spacing:-.05em;background:linear-gradient(135deg,#7b5eeae6 0%,#5dcaa5b3 60%,#f0997b80 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(7rem,20vw,14rem);font-weight:800;line-height:1;position:relative}.error-num:before,.error-num:after{content:"404";font-family:var(--font-head);font-size:inherit;letter-spacing:inherit;font-weight:800;line-height:inherit;background:inherit;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.error-num:before{animation:8s step-end infinite glitch1}.error-num:after{animation:8s step-end .5s infinite glitch2}.error-num-scan{pointer-events:none;border-radius:4px;position:absolute;inset:0;overflow:hidden}.error-num-scan:after{content:"";background:linear-gradient(#0000,#7b5eea0f,#0000);height:40%;animation:4s linear infinite scanline;position:absolute;left:0;right:0}.error-badge{color:#f0997b;letter-spacing:.08em;text-transform:uppercase;background:#f0997b1a;border:.5px solid #f0997b4d;border-radius:100px;align-items:center;gap:7px;margin-bottom:1.6rem;padding:.35rem .9rem;font-size:.76rem;font-weight:500;animation:.5s .15s both fadeUp;display:inline-flex}.error-badge-dot{background:#f0997b;border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite pulse}.error-title{font-family:var(--font-head);letter-spacing:-.03em;color:var(--text);max-width:560px;margin-bottom:1rem;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.1;animation:.5s .2s both fadeUp}.error-sub{color:var(--text2);max-width:460px;margin:0 auto 2.8rem;font-size:1rem;font-weight:300;animation:.5s .28s both fadeUp}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3.5rem;animation:.5s .35s both fadeUp;display:flex}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:.85rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-2px)}.btn-ghost{color:var(--text2);border:.5px solid var(--border2);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:.85rem 2rem;font-size:1rem;font-weight:400;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}.quick-links{animation:.5s .42s both fadeUp}.quick-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:1rem;font-size:.78rem;font-weight:500}.quick-grid{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.quick-item{background:var(--surface);border:.5px solid var(--border2);color:var(--text2);border-radius:10px;align-items:center;gap:7px;padding:.6rem 1.1rem;font-size:.88rem;font-weight:400;text-decoration:none;transition:border-color .2s,color .2s,background .2s,transform .15s;display:flex;position:relative;overflow:hidden}.quick-item:before{content:"";background:linear-gradient(90deg,transparent,var(--item-accent,var(--accent)),transparent);opacity:0;height:1.5px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.quick-item:hover{border-color:var(--item-accent,var(--accent));color:var(--text);background:var(--surface2);transform:translateY(-2px)}.quick-item:hover:before{opacity:1}.quick-item-icon{font-size:.95rem;line-height:1}