.oauth-login-page{min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 12% 8%,#eaf2ff 0,#f7f9fc 32%,#f7f9fc 100%)}
.login-topbar{position:relative}.login-topbar .public-nav-links{margin-left:auto;justify-content:flex-end;flex:1 1 auto}.login-topbar .public-nav-cta{margin-left:auto}
.oauth-login-shell{display:grid;place-items:center;min-height:calc(100dvh - 72px - 150px);padding:44px clamp(16px,4vw,36px) 56px}
.oauth-login-card{width:min(100%,440px);padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.1)}
.card-head{display:block;margin-bottom:18px}
.card-head h1{margin:0;font-size:26px;line-height:1.24;letter-spacing:-.045em;color:var(--ink)}
.login-status{margin:0 0 16px;padding:12px 14px;border-radius:8px;background:#eef3f9;color:#334155;font-size:14px;font-weight:900}
.login-status[data-kind="success"]{background:#e8f7ef;color:#047857}
.login-status[data-kind="error"]{background:#fff1f2;color:#be123c}
.login-status[data-kind="info"]{background:#eef3f9;color:#334155}
.oauth-provider-list{display:grid;gap:10px;margin:0 0 16px}
.oauth-provider-list .login-provider{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px 15px;border-radius:8px;font-size:15px;letter-spacing:-.01em}
.oauth-provider-list .login-provider span{font-weight:900}
.oauth-provider-list .login-provider b{font-size:13px;font-weight:900;opacity:.86}
.oauth-provider-list .login-provider:focus-visible,.outline-link:focus-visible,.public-topbar a:focus-visible{outline:3px solid rgba(15,118,110,.28);outline-offset:3px}
.login-note{margin:14px 0 10px;color:var(--muted);font-size:13px;line-height:1.6}
.login-consent{margin:14px 0 6px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}

.consent-opt-note{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5;padding-left:24px}
.login-terms{margin:8px 0 12px;font-size:12px;color:var(--muted);line-height:1.5}
.login-terms a{color:#183760;text-decoration:underline;font-weight:700}
.oauth-login-card .outline-link{width:100%;justify-content:center;min-height:44px}
@media (max-width:900px){.oauth-login-shell{min-height:auto}.oauth-login-card{max-width:560px}}
@media (max-width:640px){.public-topbar.login-topbar .public-topbar-inner{align-items:center;flex-direction:row}.public-topbar.login-topbar nav{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.public-topbar.login-topbar .public-nav-links a:not(.public-nav-cta){display:none}.oauth-login-shell{padding-top:24px}.oauth-login-card{padding:22px}.card-head h1{font-size:23px}}