:root{--bg-color:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb}*{box-sizing:border-box;margin:0;padding:0;font-family:SF Pro Display,SF Pro Text,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.error-container{text-align:center;opacity:0;width:100%;max-width:600px;padding:40px 20px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp;transform:translateY(20px)}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.error-icon{width:80px;height:80px;color:var(--accent-primary);background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.error-icon svg{width:40px;height:40px}.error-code{color:#cbd5e1;letter-spacing:-1px;margin-bottom:8px;font-size:4rem;font-weight:700;line-height:1}.error-title{color:var(--text-primary);margin-bottom:16px;font-size:2rem;font-weight:700}.error-message{color:var(--text-secondary);margin-bottom:40px;max-width:80%;margin-inline:auto;font-size:1.1rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff;border:1px solid #0000}.btn-primary:hover{background-color:var(--accent-primary-hover)}.btn-secondary{color:#334155;background-color:#fff;border:1px solid #cbd5e1}.btn-secondary:hover{background-color:#f1f5f9}.btn svg{stroke-width:2px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (width<=640px){.error-code{font-size:3rem}.error-title{font-size:1.5rem}.btn{justify-content:center;width:100%}}