.auth-card{text-align:center;background:radial-gradient(70% 120% at 50% 0%,#38bdf829,transparent 70%),var(--surface);border:1px solid var(--border);border-radius:24px;max-width:440px;margin:56px auto 0;padding:36px 28px}.auth-card h1{justify-content:center;font-size:clamp(22px,2.6vw,28px)}.auth-card .lead{color:var(--muted);margin:10px 0 28px}.auth-card .avatar{margin:0 auto 16px}.auth-card .avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.providers{flex-direction:column;gap:12px;display:flex}.provider{height:50px;font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:14px;font-size:16px;font-weight:700;transition:transform .15s,opacity .15s}.provider:hover{transform:translateY(-1px)}.provider:disabled{cursor:default;opacity:.7;transform:none}.provider:focus-visible,.btn:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.provider-google{color:#1f1f1f;background:#fff;border-color:#dadce0}.provider-apple{color:#fff;background:#000;border-color:#2a2a2a}.auth-error{color:#fca5a5;margin-top:4px;font-size:14px}.auth-note{color:var(--faint);margin-top:22px;font-size:13px;line-height:1.5}.auth-note a{color:var(--muted)}.auth-rows{flex-direction:column;gap:10px;margin:22px 0 26px;display:flex}.auth-row{background:var(--surface-2);text-align:left;border-radius:12px;justify-content:space-between;gap:12px;padding:12px 14px;font-size:14px;display:flex}.auth-row span{color:var(--muted)}.auth-row strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.auth-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}button.btn{cursor:pointer;border:0;font-family:inherit}.btn-ghost{color:var(--text);box-shadow:none;background:0 0;border:1px solid var(--border)!important}.btn:disabled{opacity:.7;cursor:default}@media (max-width:640px){.auth-card{margin-top:28px;padding:28px 18px}}