.notfound-page{--navy-950:#050d1e;--navy-900:#0a1a3a;--navy-800:#0f2045;--blue:#2e7dff;--cyan:#22d3ee;--text-primary:#fff;--text-secondary:#b8c5dd;--text-muted:#7e8fb0;--glass-b:#ffffff14;--radius-md:12px;--t:.2s ease;background:var(--navy-950);color:var(--text-primary);font-family:var(--font-montserrat), system-ui, sans-serif;-webkit-font-smoothing:antialiased}.notfound-page .bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.notfound-page .orb{filter:blur(90px);border-radius:50%;position:absolute}.notfound-page .orb-a{background:#2e7dff1f;width:600px;height:600px;top:-160px;left:-120px}.notfound-page .orb-b{background:#22d3ee12;width:380px;height:380px;bottom:-80px;right:5%}.notfound-page .grid-bg{background-image:linear-gradient(#2e7dff0a 1px,#0000 1px),linear-gradient(90deg,#2e7dff0a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 70% at 50% 40%,#000,#0000)}.notfound-page .page{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.notfound-page nav{align-items:center;padding:24px 48px;display:flex}.notfound-page .nav-logo img{height:36px;display:block}.notfound-page main{text-align:center;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.notfound-page .content{width:100%;max-width:560px}.notfound-page .four-o-four{letter-spacing:-.04em;background:linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:clamp(7rem,20vw,12rem);font-weight:900;line-height:1;display:inline-block;position:relative}.notfound-page .four-o-four:before,.notfound-page .four-o-four:after{content:"404";background:linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.notfound-page .four-o-four:before{clip-path:polygon(0 0,100% 0,100% 38%,0 38%);animation:4s infinite glitch-a}.notfound-page .four-o-four:after{clip-path:polygon(0 62%,100% 62%,100% 100%,0 100%);animation:4s infinite glitch-b}@keyframes glitch-a{0%,90%,to{opacity:0;transform:none}92%{opacity:1;transform:translate(-3px)}94%{opacity:1;transform:translate(3px)}96%{opacity:0;transform:none}}@keyframes glitch-b{0%,90%,to{opacity:0;transform:none}93%{opacity:1;transform:translate(3px)}95%{opacity:1;transform:translate(-3px)}97%{opacity:0;transform:none}}.notfound-page .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px;font-size:.72rem;font-weight:700;display:block}.notfound-page h1{letter-spacing:-.025em;margin-bottom:16px;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;line-height:1.2}.notfound-page p{color:var(--text-secondary);margin-bottom:40px;font-size:1rem;line-height:1.7}.notfound-page .actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:56px;display:flex}.notfound-page .btn{cursor:pointer;transition:all var(--t);border:none;border-radius:8px;align-items:center;gap:8px;padding:13px 26px;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.notfound-page .btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 #2e7dff00}.notfound-page .btn-primary:hover{background:#4f95ff;transform:translateY(-2px);box-shadow:0 0 24px #2e7dff66}.notfound-page .btn-ghost{color:var(--text-secondary);border:1px solid var(--glass-b);background:0 0}.notfound-page .btn-ghost:hover{color:var(--text-primary);border-color:#2e7dff66;transform:translateY(-2px)}.notfound-page .quick-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.notfound-page .quick-link{color:var(--text-muted);border:1px solid var(--glass-b);transition:color var(--t), border-color var(--t);border-radius:100px;padding:6px 14px;font-size:.8rem;text-decoration:none}.notfound-page .quick-link:hover{color:var(--cyan);border-color:#22d3ee4d}.notfound-page footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-b);padding:24px 48px;font-size:.8rem}@media (max-width:560px){.notfound-page nav{padding:20px 24px}.notfound-page .actions{flex-direction:column;align-items:center}.notfound-page .btn{justify-content:center;width:100%}}.notfound-page .footer-li-link{color:var(--text-muted,#7e8fb0);align-items:center;transition:color .2s;display:inline-flex}.notfound-page .footer-li-link:hover{color:#22d3ee}