.cbpro-auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;background:#f5f8fc;color:#081834;font-family:Barlow,sans-serif}
.cbpro-auth-story{background:#081834;color:#edf4ff;padding:56px clamp(32px,6vw,96px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:32px}
.cbpro-auth-story img{width:240px;height:60px;object-fit:contain}
#root .cbpro-auth h1{font:800 clamp(40px,4.6vw,68px)/1.05 Phudu,sans-serif;letter-spacing:-.025em;margin:0;max-width:10ch}
.cbpro-auth-story p{font-size:20px;line-height:1.5;color:#c8dcf5;max-width:30ch}
.cbpro-auth-story a{color:inherit;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.cbpro-auth-form{padding:64px clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0;gap:24px}
.cbpro-auth-form>div{max-width:520px;width:100%;margin:auto}
.cbpro-auth-form>*{min-width:0;max-width:100%}
.cbpro-auth-form input{min-width:0;width:100%}
.cbpro-auth-form [class*=flex]{min-width:0;flex-wrap:wrap}
.cbpro-auth-form [class*=card-glow]{background:transparent;border:0;box-shadow:none;border-radius:0}
#root .cbpro-auth .font-display{font-family:Phudu,sans-serif}
.cbpro-auth-form input{min-height:48px;font-size:16px;background:white;border-color:#9cb5d0}
.cbpro-auth-form label{font-size:14px;letter-spacing:0;text-transform:none}
.cbpro-auth-form button[type=submit]{min-height:48px;font-size:16px}
.cbpro-auth a:focus-visible,.cbpro-auth button:focus-visible,.cbpro-auth input:focus-visible{outline:3px solid #18bf6b;outline-offset:3px}
@media(max-width:760px){.cbpro-auth{grid-template-columns:minmax(0,1fr)}.cbpro-auth-story{padding:28px 24px;gap:16px}.cbpro-auth-story img{width:180px;height:45px}#root .cbpro-auth h1{font-size:36px;max-width:16ch}.cbpro-auth-story p{font-size:16px;margin:0}.cbpro-auth-form{padding:32px 20px}.cbpro-auth-form [class*=max-h]{max-height:none}}
#root .cbpro-auth-form h2{font:700 32px/1.15 Phudu,sans-serif;margin:0 0 12px;letter-spacing:-.02em}
.cbpro-recovery-status{max-width:48ch;line-height:1.6}
.cbpro-recovery-status a{display:inline-flex;align-items:center;min-height:44px;color:#064ba0;text-underline-offset:4px;font-weight:600}
html[data-cbpro-theme=dark] .cbpro-auth{background:#101e32;color:#edf4ff}
html[data-cbpro-theme=dark] .cbpro-auth-form input{background:#172b45;color:#edf4ff;border-color:#6488b2}
html[data-cbpro-theme=dark] .cbpro-auth-form input::placeholder{color:#b5c9e3}
html[data-cbpro-theme=dark] .cbpro-recovery-status a{color:#89baff}
.cbpro-auth-story>a:first-child{background:#f5f8fc;padding:12px 16px;border-radius:4px}

/* Entry is a simple branded checkpoint, with the form as the focal point. */
.cbpro-auth{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);background:#f3f6fa;caret-color:#124aa6}
.cbpro-auth-story{position:relative;padding:64px clamp(28px,5vw,88px);gap:34px;border-bottom:0}
.cbpro-auth-story::after{content:"";width:80px;height:5px;background:#0dd878;margin-top:12px}
#root .cbpro-auth h1{font-size:clamp(48px,5.5vw,80px);line-height:.99;font-weight:700;max-width:12ch;text-wrap:balance}
.cbpro-auth-story p{font-size:18px;line-height:1.7;color:#bfcee3;max-width:32ch}
.cbpro-auth-form{padding:64px clamp(24px,7vw,112px)}
.cbpro-auth-form>div{max-width:480px}
.cbpro-auth-form label{font-size:15px;font-weight:600;margin-bottom:8px}
.cbpro-auth-form input{border-radius:6px;min-height:52px;box-shadow:none;border-color:#a6b7cc;transition:border-color 160ms ease}
.cbpro-auth-form input:focus{border-color:#124aa6;box-shadow:0 0 0 3px #124aa61a}
.cbpro-auth-form button[type=submit]{min-height:52px;background:#124aa6;color:#fff;border-radius:6px;font-weight:600;letter-spacing:0;text-transform:none}
.cbpro-auth-form button[type=submit]:hover{background:#0c387e}
.cbpro-auth-form button:disabled{opacity:.55;cursor:not-allowed}
.cbpro-auth-form [class*="text-muted-foreground"]{color:#536780}
.cbpro-auth-form [role=alert]{line-height:1.6}
.cbpro-auth ::selection{background:#0dd878;color:#081834}
html[data-cbpro-theme=dark] .cbpro-auth-form [class*="text-muted-foreground"]{color:#b6c9e0}
@media(max-width:760px){.cbpro-auth{grid-template-columns:1fr}.cbpro-auth-story{padding:28px 24px;gap:20px}.cbpro-auth-story::after{margin-top:0;width:56px}#root .cbpro-auth h1{font-size:42px;max-width:20ch}.cbpro-auth-story p{font-size:16px;max-width:52ch}.cbpro-auth-form{padding:36px 24px 56px}}
@media(prefers-reduced-motion:reduce){.cbpro-auth *{animation:none!important;transition:none!important}}