*,::after,::before{margin:0;padding:0;box-sizing:border-box}body{background-color:#12151f;color:#e0e0e0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;animation:fade-up .6s ease forwards;opacity:0}@keyframes fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.code{font-size:clamp(96px,22vw,140px);font-weight:800;letter-spacing:-6px;line-height:1;position:relative;user-select:none;color:transparent}.code::after{content:'404';position:absolute;inset:0;background:linear-gradient(160deg,#4a5568 0,#2d3748 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.line{width:32px;height:2px;background:#2a3347;border-radius:2px;margin:28px 0}.message{font-size:.925rem;font-weight:400;color:#8892a4;letter-spacing:.3px;line-height:1.7;max-width:280px;margin-bottom:36px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border:1px solid #2a3347;border-radius:8px;background:#1c2133;color:#c5cfe0;font-size:.82rem;font-weight:500;letter-spacing:.4px;text-decoration:none;transition:border-color .2s,color .2s,background .2s;cursor:pointer}.btn:hover{border-color:#3b82f6;background:#1e2d4a;color:#fff}.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.btn:hover svg{transform:translateX(-2px)}.footer{position:fixed;bottom:20px;display:flex;align-items:center;gap:8px;font-size:.65rem;color:#2a3347;letter-spacing:1px;text-transform:uppercase;user-select:none}.footer-dot{width:3px;height:3px;background:#2a3347;border-radius:50%}