@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.p404-root{z-index:50;background:#09090b;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.p404-root:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff08 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.p404-orb{filter:blur(110px);pointer-events:none;opacity:.18;border-radius:50%;position:absolute}.p404-orb-1{background:#8b5cf6;width:480px;height:480px;animation:18s ease-in-out infinite alternate p404-drift;top:-120px;left:-100px}.p404-orb-2{background:#06b6d4;width:380px;height:380px;animation:22s ease-in-out infinite alternate-reverse p404-drift;bottom:-80px;right:-80px}.p404-orb-3{background:#3b82f6;width:260px;height:260px;animation:15s ease-in-out infinite alternate p404-drift;bottom:20%;left:10%}@keyframes p404-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,30px)scale(1.08)}}.p404-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:0;padding:0 24px;animation:.7s cubic-bezier(.22,1,.36,1) both p404-rise;display:flex;position:relative}@keyframes p404-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.p404-code{letter-spacing:-.04em;background:linear-gradient(135deg,#a78bfa 0%,#06b6d4 55%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:clamp(100px,20vw,200px);font-weight:900;line-height:1;position:relative}.p404-code:after{content:"404";background:linear-gradient(135deg,#8b5cf644,#06b6d422);-webkit-text-fill-color:transparent;filter:blur(28px);z-index:-1;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0;transform:translateY(12px)}.p404-divider{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:99px;width:56px;height:3px;margin:20px auto 28px}.p404-heading{color:#f4f4f5;letter-spacing:-.02em;margin:0;font-size:clamp(20px,4vw,28px);font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) .1s both p404-rise}.p404-message{color:#71717a;max-width:380px;margin:12px 0 0;font-size:15px;font-weight:400;line-height:1.65;animation:.7s cubic-bezier(.22,1,.36,1) .18s both p404-rise}.p404-hint{color:#a1a1aa;background:#18181b;border:1px solid #3f3f46;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:8px 14px;font-size:13px;animation:.7s cubic-bezier(.22,1,.36,1) .24s both p404-rise;display:inline-flex}.p404-hint-icon{flex-shrink:0;font-size:15px}.p404-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:36px;animation:.7s cubic-bezier(.22,1,.36,1) .28s both p404-rise;display:flex}.p404-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.p404-btn:active{transform:scale(.96)}.p404-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);box-shadow:0 4px 16px #7c3aed59}.p404-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed8c}.p404-btn-secondary{color:#a1a1aa;background:0 0;border:1px solid #3f3f46}.p404-btn-secondary:hover{color:#f4f4f5;background:#18181b;border-color:#52525b;transform:translateY(-1px)}.p404-footer{color:#3f3f46;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-top:1px solid #18181b;justify-content:space-between;align-items:center;padding:10px 24px;font-size:11px;font-weight:500;animation:.7s cubic-bezier(.22,1,.36,1) .35s both p404-rise;display:flex;position:absolute;bottom:0;left:0;right:0}.p404-footer-status{align-items:center;gap:7px;display:flex}.p404-status-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:2.4s infinite p404-pulse;box-shadow:0 0 6px #ef444488}@keyframes p404-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width:480px){.p404-actions{flex-direction:column;width:100%}.p404-btn{justify-content:center;width:100%}.p404-orb-1,.p404-orb-2,.p404-orb-3{opacity:.1}}