:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b42;background:#f2f5f9;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid #dce3ec;border-radius:18px;padding:36px;box-shadow:0 12px 40px #172b420a}
.eyebrow{margin:0 0 20px;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#475b74}
h1{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
.intro{color:#526178;font-size:15px;line-height:1.6;margin:0 0 26px}
form{display:grid;gap:18px}
label{display:grid;gap:8px;font-size:14px;font-weight:600}
input{width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid #aab8ca;border-radius:8px;font:inherit;font-weight:400;color:inherit;background:#fff}
button{font:inherit;cursor:pointer}
.primary{min-height:46px;border:0;border-radius:8px;background:#245ac0;color:#fff;font-weight:650;padding:12px 16px;margin-top:4px}
.primary:hover{background:#1949a4}
button:disabled{opacity:.6;cursor:wait}
a{color:#245ac0;text-underline-offset:3px}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #4a84e3;outline-offset:3px}
.secondary-actions{display:grid;justify-items:start;gap:4px;margin-top:18px}
.secondary-actions button{border:0;background:none;color:#245ac0;text-align:left;padding:8px 0;min-height:40px;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.secondary-actions a,.signup-link{font-size:14px;line-height:1.6}
.signup-link{margin:18px 0 0}
.hint{font-size:13px;line-height:1.5;color:#526178;margin:-10px 0 0}
[data-provider]{display:block;width:100%;min-height:44px;margin-top:12px;border:1px solid #aab8ca;border-radius:8px;background:#fff;color:#172b42;padding:10px}
#status:empty{display:none}
#status{font-size:14px;line-height:1.6;background:#edf3ff;border:1px solid #c5d7f5;border-radius:8px;padding:12px;margin:20px 0 0;overflow-wrap:anywhere}
.footnote{border-top:1px solid #e5eaf1;margin:24px 0 0;padding-top:18px;font-size:12px;line-height:1.6;color:#526178}
@media(max-width:480px){body{padding:20px 12px}.auth-card{padding:26px 22px;border-radius:14px}h1{font-size:26px}}