.login-page{background:radial-gradient(circle at top,var(--panel-alt),var(--bg-elevated));justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--panel);width:min(420px,90vw);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:20px;padding:28px}.login-title{color:var(--text-strong);font-size:22px;font-weight:700}.login-subtitle{color:var(--muted);margin-top:6px;font-size:13px}.login-form{flex-direction:column;gap:14px;margin-top:18px;display:flex}.login-step{color:var(--muted);font-size:12px}.login-field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.login-field input{border:1px solid var(--line-strong);min-height:42px;color:var(--text-strong);background:var(--panel-alt);border-radius:12px;padding:10px 12px;font-size:14px}.login-error{color:var(--danger-text);font-size:12px}.login-muted{color:var(--muted);font-size:12px}.login-success{color:var(--success-text);background:var(--success-surface);border:1px solid var(--success-border);border-radius:10px;padding:8px 10px;font-size:12px}.login-submit{background:var(--accent);min-height:42px;color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;margin-top:6px;padding:10px 14px;font-size:14px;font-weight:600}.login-actions{flex-wrap:wrap;gap:10px;display:flex}.login-secondary{border:1px solid var(--line-strong);background:var(--panel-alt);min-height:42px;color:var(--text-strong);cursor:pointer;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600}.login-consent{border:1px solid var(--line-strong);background:var(--panel-alt);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.login-consent-title{color:var(--text-strong);font-size:13px;font-weight:600}.login-consent-body{color:var(--muted-strong);white-space:pre-wrap;max-height:220px;font-size:12px;line-height:1.5;overflow:auto}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-secondary{border:1px solid var(--line-strong);background:var(--panel-alt);min-height:42px;color:var(--text-strong);cursor:pointer;border-radius:12px;margin-top:4px;padding:9px 14px;font-size:13px;font-weight:600}@media (max-width:560px){.login-page{padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px));align-items:flex-start}.login-card{width:100%;margin-top:max(8px,env(safe-area-inset-top,0px));border-radius:18px;padding:18px 14px}.login-actions{flex-direction:column}.login-submit,.login-secondary{width:100%}}