/* Guest pages use the same primary/secondary palette as the signed-in workspace. */
:root{--ink:#203747;--muted:#657986;--card:#fff;--page:#f3f6f8;--line:#dce5e9}
:root[data-bs-theme="dark"]{--ink:#e0e9ef;--muted:#adbfcc;--card:#1d2b36;--page:#131e27;--line:#415462}
html,body{background:var(--page);color:var(--ink)}
.page{background:radial-gradient(circle at 10% 5%,var(--secondary-soft),transparent 60%),var(--page)}
.page::before{background-image:radial-gradient(var(--accent) .55px,transparent .75px);opacity:.12}
.shell{background:var(--card);border-color:var(--line);box-shadow:0 28px 70px #102b3826}
.story{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,#101b26),var(--accent) 68%,var(--secondary));color:#fff}
.story::before{background:linear-gradient(120deg,transparent 47%,#ffffff0c 47.2% 47.6%,transparent 47.8%),radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--secondary-light) 35%,transparent),transparent 40%)}
.story::after{border-color:#ffffff38;box-shadow:0 0 0 35px #ffffff09,0 0 0 75px #ffffff06}
.brand small,.story-copy>p,.capability span,.secure,.story .login-copyright{color:#ffffffd9}
.kicker,.story h1 em,.shield{color:var(--secondary-light)}
.shield,.capability{border-color:#ffffff38}
.mark{background:linear-gradient(135deg,var(--accent-light),var(--secondary-light));color:#102b38}
.panel{background:var(--card)}
.login-head h2,.field label{color:var(--ink)}
.login-head p,.remember,.support,.rule,.zoom-note{color:var(--muted)}
.input-wrap input{background:var(--page);color:var(--ink);border-color:var(--line)}
.input-wrap input::placeholder{color:var(--muted);opacity:.8}
.input-wrap>svg,.toggle{color:var(--secondary-ink)}
.input-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.16)}
.toggle:hover{background:var(--secondary-soft)}
.remember input{accent-color:var(--accent)}
.help,.support a{color:var(--secondary-ink)}
.submit{background:linear-gradient(105deg,var(--accent-hover),var(--accent));color:#fff;box-shadow:0 12px 24px rgba(var(--accent-rgb),.2)}
.submit:focus-visible{outline:3px solid var(--accent-light);outline-offset:3px}
.rule::before,.rule::after{background:var(--line)}
#passkey-login{color:var(--secondary-ink)!important;border-color:var(--line)!important;background:var(--secondary-soft)!important}
#passkey-message{color:var(--muted)!important}
[data-bs-theme="dark"] .error{background:#482b2b;color:#ffccc6;border-color:#94554b}
[data-bs-theme="dark"] .story{background:linear-gradient(145deg,#101b26,color-mix(in srgb,var(--accent) 55%,#101b26),color-mix(in srgb,var(--secondary) 40%,#101b26))}
