:root{--bg-page: #f9fafb;--bg-card: #ffffff;--text-main: #111827;--text-sub: #6b7280;--border: #e5e7eb;--primary: #6366f1;--primary-hover: #4f46e5;--success: #10b981;--error: #ef4444;--error-bg: #fee2e2;--error-border: #fca5a5;--error-text: #991b1b;--input-bg: #ffffff}@media(prefers-color-scheme:dark){:root{--bg-page: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-sub: #94a3b8;--border: #334155;--primary: #818cf8;--primary-hover: #6366f1;--success: #34d399;--error: #f87171;--error-bg: #450a0a;--error-border: #7f1d1d;--error-text: #fecaca;--input-bg: #1e293b}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-page);color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;transition:background-color .2s,color .2s}#root{width:100%;display:flex;justify-content:center}.card{background:var(--bg-card);border-radius:12px;padding:32px 40px;box-shadow:0 1px 3px #0000001a;width:100%;max-width:440px}.card--center{text-align:center;padding-top:48px;padding-bottom:48px}@media(max-width:480px){.card{padding-left:20px;padding-right:20px}}@keyframes spin{to{transform:rotate(360deg)}}