/* Login visual system, aligned with the public landing. */
html{display:block;padding:0;min-height:100%}
body.public-login{display:block;padding:28px 40px 64px;background:radial-gradient(ellipse at 26% 40%,#dbeafe99,transparent 55%),linear-gradient(180deg,#f8fbff,#fff);min-height:100vh}
.login-nav{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;background:rgba(255,255,255,.8);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 44px #0f172a08}
.login-brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font:700 1.2rem 'Space Grotesk',sans-serif;letter-spacing:-.04em}
.login-brand img{height:auto}.login-brand small{display:block;font:700 .5rem Manrope,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--text3);margin-top:3px}
.login-home{font-size:.78rem;font-weight:700;color:var(--text2);text-decoration:none;padding:10px;border-radius:9px}.login-home:hover{background:var(--bg3);color:#2563eb}
.login-layout{max-width:1200px;margin:64px auto 0;display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:start}
.login-story{padding-top:48px;position:sticky;top:60px}.login-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;padding:9px 12px;border-radius:99px;font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-eyebrow span,.login-note span{width:6px;height:6px;background:#2563eb;border-radius:50%;flex-shrink:0}
.login-story h1{font-family:'Space Grotesk',Manrope,sans-serif;font-size:clamp(2.8rem,4.6vw,4.4rem);font-weight:700;line-height:1;letter-spacing:-.06em;margin-top:26px}.login-story h1>span{color:#2563eb}.login-story>p{font-size:1rem;line-height:1.85;color:var(--text2);max-width:460px;margin-top:24px}
.login-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px;padding:22px 0;border-block:1px solid #dce5f1}.login-flow>div{display:flex;flex-direction:column;gap:7px}.login-flow span{font:700 .66rem 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#2563eb}.login-flow strong{font-size:.83rem;letter-spacing:-.02em}.login-flow small{font-size:.63rem;color:var(--text3);line-height:1.5}.login-note{display:flex;align-items:center;gap:9px;margin-top:22px;font-size:.69rem;color:var(--text3)}.login-note span{background:#16a36a}
.public-login .card{width:100%;max-width:none;padding:32px;border:1px solid #e0e7f0;border-radius:24px;background:#fff;box-shadow:0 24px 70px #0f172a0e;overflow:hidden}.public-login .card>.logo{display:none}.login-heading{margin-bottom:26px}.login-heading h2{font:700 1.85rem/1.2 'Space Grotesk',sans-serif;letter-spacing:-.045em}.login-heading p{font-size:.8rem;color:var(--text3);margin-top:8px}
.public-login .tab-row{margin-bottom:25px;background:#f4f6f9;padding:5px;border-color:#e5eaf1}.public-login .tab{min-height:42px;font-size:.78rem;color:#657287}.public-login .tab.on{background:#fff;color:#1f5fe8;box-shadow:0 4px 14px #0f172a0b}.public-login .lbl{font-size:.7rem;text-transform:none;letter-spacing:0;color:var(--text2);margin-bottom:8px}.public-login .inp{min-height:48px;border:1px solid #dce3ec;background:#f8fbff;border-radius:11px;font-size:.85rem}.public-login .inp-wrap{margin-bottom:18px}.public-login .btn{min-height:47px;font-size:.81rem;border-radius:12px}.public-login .btn-primary{background:#1f5fe8;color:#fff;box-shadow:0 10px 28px #2563eb22}.public-login .btn-primary:hover{background:#174fd0;color:#fff}.public-login .btn-violet{background:#fff;border:1px solid #dce3ec;color:var(--text2);box-shadow:none}.public-login .btn-violet:hover{background:#f8fbff;border-color:#bfc9d8}.public-login .link{font-size:.75rem;font-weight:600}.public-login .role-chip{background:#f8fbff;border-width:1px}.public-login .spinner{border-color:#ffffff50;border-top-color:#fff}.public-login :is(a,button,input,select,[tabindex]):focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
[data-theme="dark"] body.public-login{background:radial-gradient(ellipse at 25% 25%,#142b5266,transparent 60%),#07101f}[data-theme="dark"] .login-nav{background:#0b1426;border-color:#26364f}[data-theme="dark"] .public-login .card{background:#0b1426;border-color:#26364f}[data-theme="dark"] .login-eyebrow{background:#122646;border-color:#264774;color:#93c5fd}[data-theme="dark"] .login-story h1>span{color:#60a5fa}[data-theme="dark"] .login-flow{border-color:#26364f}[data-theme="dark"] .public-login :is(.inp,.role-chip,.tab-row){background:#111d32;border-color:#26364f}[data-theme="dark"] .public-login .tab{color:#94a3b8}[data-theme="dark"] .public-login .tab.on{background:#223756;color:#bfdbfe}[data-theme="dark"] .public-login .btn-violet{background:#111d32;border-color:#334155;color:#e2e8f0}
@media(min-width:1600px){.login-layout{margin-top:100px}}
@media(max-width:1000px){body.public-login{padding:22px 24px 64px}.login-layout{gap:36px;margin-top:44px}.login-story h1{font-size:3rem}.login-flow{gap:8px}.login-flow small{font-size:.58rem}.public-login .card{padding:26px}}
@media(max-width:760px){body.public-login{padding:16px 16px 80px}.login-nav{padding:8px 10px;border-radius:14px}.login-home{font-size:.68rem;padding:8px}.login-brand{font-size:1.05rem}.login-brand img{width:29px}.login-brand small{font-size:.43rem}.login-layout{display:block;max-width:480px;margin-top:28px}.login-story{display:none}.public-login .card{padding:25px 22px;border-radius:20px}.login-heading h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.public-login *{transition:none!important;scroll-behavior:auto!important}}