.nf404{color:#f3f8ff;background:radial-gradient(1100px 700px at 10% -10%,#1f5087 0%,#0000 60%),radial-gradient(900px 600px at 90% 110%,#0e2e54 0%,#0000 55%),linear-gradient(135deg,#06172b 0%,#081c35 45%,#0a2341 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.nf404-bg{pointer-events:none;position:absolute;inset:0}.nf404-orb{filter:blur(44px);opacity:.3;border-radius:9999px;position:absolute}.nf404-orb-a{background:#2d74c5;width:320px;height:320px;animation:9s ease-in-out infinite nf404-float-a;top:8%;left:8%}.nf404-orb-b{background:#6aa7ee;width:280px;height:280px;animation:11s ease-in-out infinite nf404-float-b;bottom:7%;right:10%}.nf404-grid{opacity:.22;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:48px 48px;animation:20s linear infinite nf404-grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 100%);mask-image:radial-gradient(circle,#000 30%,#0000 100%)}.nf404-card{z-index:1;text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(760px,100%);box-shadow:none;background:0 0;border:0;border-radius:24px;padding:44px 28px;position:relative}.nf404-code{letter-spacing:.04em;color:#0000;background:linear-gradient(90deg,#d3e7ff,#7bb3f3,#d3e7ff) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(88px,17vw,180px);font-weight:900;line-height:1;animation:3.5s ease-in-out infinite nf404-shine}.nf404-title{margin:12px 0 10px;font-size:clamp(28px,4.2vw,44px);font-weight:800}.nf404-copy{color:#f0f7ffd9;max-width:560px;margin:0 auto;font-size:clamp(15px,2.3vw,18px);line-height:1.62}.nf404-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.nf404-btn{border-radius:9999px;justify-content:center;align-items:center;min-width:160px;padding:11px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.nf404-btn:hover{transform:translateY(-1px)}.nf404-btn-primary{color:#07213b;background:linear-gradient(135deg,#8cc0ff,#c2ddff);box-shadow:0 10px 22px #6da6ed59}.nf404-btn-primary:hover{box-shadow:0 14px 28px #6da6ed6b}.nf404-btn-ghost{color:#ecf5ff;background:#ffffff14;border:1px solid #ffffff57}.nf404-btn-ghost:hover{background:#ffffff24}@keyframes nf404-grid{0%{transform:translate(0,0)}to{transform:translate(48px,48px)}}@keyframes nf404-shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes nf404-float-a{0%,to{transform:translate(0,0)}50%{transform:translate(16px,-18px)}}@keyframes nf404-float-b{0%,to{transform:translate(0,0)}50%{transform:translate(-20px,14px)}}@media (max-width:640px){.nf404-card{border-radius:18px;padding:34px 18px}.nf404-actions{gap:10px}.nf404-btn{width:100%;min-width:0}}