:root{--text:#4a5568;--text-h:#1a202c;--text-muted:#718096;--bg:#f7f8fc;--bg-card:#fff;--border:#e2e8f0;--accent:#4a7fa5;--accent-dark:#2d5f80;--accent-light:#e8f0f7;--danger:#b91c1c;--danger-bg:#fef2f2;--success:#15803d;--success-bg:#f0fdf4;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.6 Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{color:var(--text-h);margin:0;font-weight:600}a{color:var(--accent)}.page{max-width:480px;margin:0 auto;padding:24px 20px 48px}.page--wide{max-width:720px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f}.card+.card{margin-top:16px}.btn{background:var(--accent);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;display:block}.btn:hover:not(:disabled){background:var(--accent-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{color:var(--accent);border:1px solid var(--border);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--accent-light);color:var(--accent-dark)}.input-group{margin-bottom:16px}.input-label{color:var(--text-h);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.input:focus{border-color:var(--accent);outline:none}.alert{border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:14px}.alert--error{background:var(--danger-bg);color:var(--danger)}.alert--success{background:var(--success-bg);color:var(--success)}.muted{color:var(--text-muted);font-size:14px}.center{text-align:center}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.app-logo{color:var(--text-h);font-size:18px;font-weight:700;text-decoration:none}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}