@font-face{font-family:Geist;src:url('/brand/fonts/Geist-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
/* Account entry: scoped so authenticated dashboard typography and layout stay independent. */
html body[data-page=account].auth-open{font-family:Geist,"Segoe UI",system-ui,sans-serif!important;-webkit-font-smoothing:auto;text-rendering:auto}
html body[data-page=account].auth-open>header{border-color:#c8edff16}
html body[data-page=account].auth-open .nav{max-width:1280px;padding:20px 32px}
html body[data-page=account].auth-open .nav>.logo img{width:180px;height:48px;object-fit:contain}
html body[data-page=account].auth-open .navright{font-size:13px;gap:24px}
html body[data-page=account].auth-open main{max-width:1200px;padding:48px 32px 64px;gap:80px;grid-template-columns:minmax(0,1fr) minmax(0,450px)}
html body[data-page=account].auth-open .auth-desktop-intro{max-width:510px}
.auth-intro-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;color:#a9c6d7;font-weight:500}
.auth-intro-kicker>span{width:6px;height:6px;border-radius:50%;background:#9bddff}
html body[data-page=account].auth-open .auth-desktop-intro h2{font-size:clamp(40px,4.2vw,60px);line-height:1.08;letter-spacing:-.055em;margin:26px 0 22px;font-weight:550!important}
.auth-desktop-intro h2>span{color:#a6dfff}
html body[data-page=account].auth-open .auth-desktop-intro>p{font-size:16px;line-height:1.8;color:#a9bdcb;max-width:440px;margin:0}
.auth-network{position:relative;max-width:440px;height:180px;margin:26px 0 34px;color:#acdfff30}
.auth-network>svg{width:100%;height:100%;display:block}
.auth-network svg circle{fill:#a6dfff;stroke:#c9edff;stroke-width:1}
.auth-network-center{position:absolute;left:50%;top:50%;width:76px;height:76px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #c8edff38;border-radius:23px;background:linear-gradient(145deg,#d9f2ff15,#050b11f5)!important;background-image:linear-gradient(145deg,#d9f2ff15,#050b11f5)!important}
.auth-network-center img{width:44px;height:44px;object-fit:contain}
.auth-network-label{position:absolute;font-size:11px;color:#98b1c1;background:#03080b;padding:3px 7px;border-radius:8px;letter-spacing:.02em}
.auth-network-label-a{top:19px;left:14px}.auth-network-label-b{bottom:15px;left:14px}.auth-network-label-c{top:19px;right:10px}.auth-network-label-d{bottom:15px;right:10px}
.auth-intro-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:24px;border-top:1px solid #c8edff21}
.auth-intro-points>div{display:flex;flex-direction:column;gap:7px;min-width:0}.auth-intro-points strong{font-size:13px;font-weight:500;color:#e1f1fa}.auth-intro-points span{font-size:11px;color:#91aaba}
html body[data-page=account].auth-open :is(#authView,#resetView){width:100%;max-width:450px;min-width:0;margin:0;padding:34px;border:1px solid #c8edff2d!important;border-radius:28px!important;background:#071019b8!important;background-image:linear-gradient(155deg,#c4eaff07,#00000020)!important}
html body[data-page=account].auth-open #authView.sky-lens::before{background-image:linear-gradient(140deg,#e8f8ff08,#b6e4ff03)!important}
.auth-card-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:500;letter-spacing:1.8px;color:#a8c9dc}
.auth-card-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c8edff2d;border-radius:9px;background:#c8eaff08;color:#b5e5ff;font-size:17px;letter-spacing:0}
html body[data-page=account].auth-open #authTitle{font-size:36px;line-height:1.15;letter-spacing:-.045em;margin:24px 0 10px;font-weight:550!important}
html body[data-page=account].auth-open #authLead{font-size:14px;line-height:1.65;color:#a8bfce;margin:0 0 24px}
html body[data-page=account].auth-open .auth-methods{gap:8px;margin:0 0 22px}
html body[data-page=account].auth-open .auth-methods button{min-height:87px!important;padding:12px 6px!important;border-radius:16px!important;background:#c8eaff04!important;gap:6px;font-family:inherit;font-weight:500}
html body[data-page=account].auth-open .auth-methods button[aria-pressed=true]{background:#a9dfff12!important;border-color:#c7ecff64!important}
html body[data-page=account].auth-open .auth-methods button>span{font-size:12px}.auth-methods button svg{width:20px;height:20px}
html body[data-page=account].auth-open .auth-methods button small{font-size:9px;letter-spacing:0;color:#9ab2c1}
.auth-divider{display:flex;align-items:center;gap:12px;margin:0 0 22px;color:#8fa7b7;font-size:11px;white-space:nowrap}.auth-divider::before,.auth-divider::after{content:'';height:1px;background:#c8edff1b;flex:1}
html body[data-page=account].auth-open #authForm label{font-size:12px;font-weight:500;color:#c3d6e2;margin:18px 0 9px;line-height:1.4}
html body[data-page=account].auth-open #authForm>label:first-of-type{margin-top:0}
html body[data-page=account].auth-open #authForm input{height:48px;min-height:48px;border-radius:14px!important;background:#03090fc9!important;border-color:#c8edff29!important;padding:12px 14px;font:14px/1.4 Geist,"Segoe UI",system-ui,sans-serif;color:#edf7ff}
html body[data-page=account].auth-open #authForm input::placeholder{color:#728e9f;opacity:1}
html body[data-page=account].auth-open #authForm input:focus{outline:2px solid #a9dfff65;outline-offset:2px;border-color:#a9dfff6b!important}
.auth-password-field{position:relative;min-width:0}
html body[data-page=account].auth-open #authForm #password{padding-right:54px}
html body[data-page=account].auth-open #authPasswordToggle{position:absolute;right:2px;top:2px;width:44px;height:44px;min-height:44px;padding:12px;border:0!important;background:transparent!important;color:#9ebdce;border-radius:14px!important;display:grid;place-items:center}
#authPasswordToggle svg{width:19px;height:19px}
html body[data-page=account].auth-open #authCapsLock{font-size:11px;color:#f4cb9b;margin:8px 0 0}
html body[data-page=account].auth-open #authError{font-size:12px;color:#f1b5c7;line-height:1.6;margin-top:12px}
html body[data-page=account].auth-open #authSubmit{width:100%;min-height:48px;margin-top:22px;font-size:14px;font-family:inherit;font-weight:600!important;justify-content:center;gap:10px;border-radius:999px!important;background:#a3dfff!important;color:#06131c!important}
html body[data-page=account].auth-open #authSubmit svg{width:16px;height:16px}
html body[data-page=account].auth-open #authLinks{font-size:12px;line-height:1.9;margin:22px 0 0;text-align:center;color:#91adbd}
html body[data-page=account].auth-open #authLinks a{color:#cceeff;text-decoration:none;border-bottom:1px solid #cceeff35;padding-bottom:2px}
.auth-card-foot{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:26px;padding-top:20px;border-top:1px solid #c8edff18;color:#7794a6;font-size:10px;letter-spacing:.02em}
.auth-card-foot svg{width:13px;height:13px;flex-shrink:0}
html body[data-page=account].auth-open #authProviderNotice{font-size:13px;line-height:1.7;padding:18px;margin:0;border-radius:16px!important;background:#a9dfff08!important;border-color:#c8edff24!important;color:#bdd4e2}
@media(max-width:1099px){html body[data-page=account].auth-open main{display:block;max-width:520px;min-height:0;padding:40px 24px 60px}html body[data-page=account].auth-open :is(#authView,#resetView){margin:0 auto}html body[data-page=account].auth-open .auth-desktop-intro{display:none!important}}
@media(max-width:600px){html body[data-page=account].auth-open .nav{padding:14px 20px;gap:16px}html body[data-page=account].auth-open .nav>.logo img{width:148px;height:40px}html body[data-page=account].auth-open .navright{font-size:12px;gap:16px}html body[data-page=account].auth-open main{padding:26px 16px 40px}html body[data-page=account].auth-open :is(#authView,#resetView){padding:26px 22px;border-radius:24px!important}html body[data-page=account].auth-open #authTitle{font-size:32px;margin-top:22px}html body[data-page=account].auth-open #authForm input{font-size:16px}.auth-card-kicker{font-size:8px;letter-spacing:1.4px}.auth-intro-kicker{font-size:9px}}
@media(max-width:359px){html body[data-page=account].auth-open :is(#authView,#resetView){padding:24px 18px}html body[data-page=account].auth-open .nav{padding-inline:16px}.auth-card-kicker{letter-spacing:1px}html body[data-page=account].auth-open .auth-methods button small{font-size:8px}}
/* OAuth responds immediately, including before optional capability discovery resolves. */
html body[data-page=account] #authProviderNotice[data-state=loading]{display:flex;align-items:center;gap:12px;color:#d4edff}
html body[data-page=account] #authProviderNotice[data-state=loading]::before{content:'';display:block;flex:0 0 14px;width:14px;height:14px;border:2px solid #9bdfff30;border-top-color:#bdeaff;border-radius:50%;animation:oauth-spinner .85s linear infinite}
html body[data-page=account] #authProviderNotice[data-state=error]{color:#edc0c5;border-color:#d1a3ac45}
html body[data-page=account] [data-auth-provider][aria-busy=true]{opacity:1;border-color:#a8ddff80!important;background:#102535!important}
@keyframes oauth-spinner{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html body[data-page=account] #authProviderNotice[data-state=loading]::before{animation:none}}

/* Sign-in composition: the form leads, the transparent figure floats beside it. */
@media(min-width:1100px){
 html body[data-page=account].auth-open main{max-width:1480px;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:32px;align-items:center;padding:48px 40px 64px}
 html body[data-page=account].auth-open :is(#authView,#resetView){grid-column:1;grid-row:1;justify-self:start}
 html body[data-page=account].auth-open .auth-desktop-intro{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0;align-self:center;background:none!important;border:0!important;padding:0!important;pointer-events:none}
 html body[data-page=account].auth-open .auth-floating-figure{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;object-position:center;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
}
/* Public entry header follows the landing capsule, including the edge-to-edge mobile bar. */
.auth-site-links,.auth-register-link,html body[data-page] .auth-site-menu{display:none}
html body[data-page=account].auth-open>header{position:sticky;top:0;z-index:16;padding:12px clamp(20px,4vw,64px) 0;border:0!important;background:transparent!important}
html body[data-page=account].auth-open>header .nav{height:62px;min-height:0;max-width:1240px;margin:0 auto;padding:0 8px!important;gap:24px;border:1px solid #d9f3ff24!important;border-radius:999px!important;background:#03080ea8!important;backdrop-filter:blur(18px) saturate(1.7)!important}
html body[data-page=account].auth-open>header .nav::before,html body[data-page=account].auth-open>header .nav::after{content:none!important;display:none!important}
html body[data-page=account].auth-open>header .logo img{width:76px!important;height:48px!important}
html body[data-page=account].auth-open .auth-site-links{display:flex;align-items:center;gap:2px;margin:auto;padding:4px;border-radius:999px;background:#c8eaff08}
.auth-site-links a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;font-size:14px;text-decoration:none;color:#c9dcea}.auth-site-links a:hover{background:#c8eaff14;color:#fff}
html body[data-page=account].auth-open .navright{margin-left:0;gap:12px}
html body[data-page=account].auth-open .navright>a[href="/#pricing"],html body[data-page=account].auth-open #navLogin{display:none!important}
html body[data-page=account].auth-open .auth-register-link{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:0 18px;border-radius:999px;background:#a3dfff;color:#06131c;font-size:13px;font-weight:550;text-decoration:none}
html body[data-page=account].auth-open .auth-site-menu{display:grid;place-items:center;background:#c8eaff0d!important;border:1px solid #d9f3ff24!important}
/* A quiet, open form replaces the framed card. */
html body[data-page=account].auth-open main{max-width:1480px;min-height:calc(100svh - 74px);padding:56px 64px 64px;align-items:center}
html body[data-page=account].auth-open :is(#authView,#resetView){max-width:420px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
html body[data-page=account].auth-open :is(#authView,#resetView)::before,html body[data-page=account].auth-open :is(#authView,#resetView)::after{content:none!important;display:none!important}
html body[data-page=account].auth-open .auth-card-kicker{gap:12px;font-size:10px;letter-spacing:1.5px;color:#8fa9b9;margin-bottom:22px}.auth-card-kicker>span{color:#536875}
html body[data-page=account].auth-open #authTitle{font-size:clamp(38px,3.8vw,54px);font-weight:500!important;letter-spacing:-.055em;line-height:1.04;margin:0 0 18px}
html body[data-page=account].auth-open #authLead{max-width:340px;font-size:15px;line-height:1.7;margin:0 0 28px;color:#a9bdcb}
html body[data-page=account].auth-open .auth-methods{gap:8px;margin-bottom:24px}
html body[data-page=account].auth-open .auth-methods button{min-height:62px!important;padding:10px 6px!important;border-radius:18px!important;gap:4px;background:#b9e8ff06!important;border:1px solid #c8edff24!important;display:grid;grid-template-columns:18px auto;justify-content:center;align-content:center;column-gap:8px}
html body[data-page=account].auth-open .auth-methods button svg{width:17px;height:17px;grid-column:1;grid-row:1}
html body[data-page=account].auth-open .auth-methods button>span{font-size:12px;grid-column:2;grid-row:1}
html body[data-page=account].auth-open .auth-methods button small{grid-column:1/-1;font-size:8px;line-height:1.4}
html body[data-page=account].auth-open .auth-methods button[aria-pressed=true]{background:#c5ebff10!important;border-color:#b8e5ff55!important}
html body[data-page=account].auth-open .auth-divider{margin-bottom:24px;font-size:10px;color:#839dab;letter-spacing:.04em}
html body[data-page=account].auth-open #authForm label{margin:18px 0 9px;font-size:12px}
html body[data-page=account].auth-open #authForm input{height:52px;border-radius:16px!important;background:#c0eaff05!important;border-color:#c0eaff24!important}
html body[data-page=account].auth-open #authPasswordToggle{height:48px;width:48px;top:2px;right:2px}
html body[data-page=account].auth-open #authSubmit{margin-top:24px;min-height:52px;font-size:14px}
html body[data-page=account].auth-open #authLinks{margin-top:24px;font-size:12px}
html body[data-page=account].auth-open .policy-links{margin-top:20px;font-size:11px;color:#7d98aa}
@media(min-width:1100px){
 html body[data-page=account].auth-open main{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:80px}
 html body[data-page=account].auth-open .auth-desktop-intro{width:calc(100% + 40px);max-width:none;justify-self:start;transform:translateX(24px)}
 html body[data-page=account].auth-open .auth-floating-figure{width:100%;max-height:720px}
 html body[data-page=account].auth-open{overflow-x:clip}
}
@media(max-width:1099px){html body[data-page=account].auth-open main{display:block;max-width:520px;min-height:calc(100svh - 74px);padding:48px 32px 60px}html body[data-page=account].auth-open .navright{margin-left:auto}}
@media(max-width:850px){html body[data-page=account].auth-open .auth-site-links{display:none}}
@media(max-width:767px){html body[data-page=account].auth-open>header{padding:0!important}html body[data-page=account].auth-open>header .nav{height:56px;border-radius:0!important;border-top:0!important;border-left:0!important;border-right:0!important;width:100%;max-width:none}html body[data-page=account].auth-open>header .logo img{width:66px!important;height:46px!important}html body[data-page=account].auth-open .auth-register-link{display:none}html body[data-page=account].auth-open .navright{margin-left:auto}}
@media(max-width:600px){html body[data-page=account].auth-open main{padding:44px 24px 40px;min-height:calc(100svh - 56px)}html body[data-page=account].auth-open #authTitle{font-size:42px}html body[data-page=account].auth-open #authForm input{font-size:16px}html body[data-page=account].auth-open .auth-card-kicker{font-size:9px;letter-spacing:1.2px}}
@media(max-width:359px){html body[data-page=account].auth-open main{padding-inline:20px}html body[data-page=account].auth-open #authTitle{font-size:36px}html body[data-page=account].auth-open .auth-methods button{column-gap:5px}html body[data-page=account].auth-open .auth-methods button>span{font-size:11px}}
/* Public menu is mobile-only, and must never leak into the signed-in header. */
html body[data-page=account] #landingMenuButton{display:none!important}
@media(max-width:850px){html body[data-page=account].auth-open #landingMenuButton{display:grid!important}}

/* Larger matte sign-in methods; retain provider state and keyboard focus. */
html body[data-page=account].auth-open .auth-methods{gap:10px;margin-top:30px;margin-bottom:26px}
html body[data-page=account].auth-open .auth-methods button{min-height:86px!important;padding:16px 8px!important;border-radius:20px!important;background:#111b24!important;background-image:none!important;border:1px solid #b9d7e929!important;backdrop-filter:none!important;box-shadow:none!important;column-gap:9px;row-gap:7px}
html body[data-page=account].auth-open .auth-methods button svg{width:21px;height:21px}
html body[data-page=account].auth-open .auth-methods button>span{font-size:14px;font-weight:500}
html body[data-page=account].auth-open .auth-methods button small{font-size:9px;color:#a6bdcb}
html body[data-page=account].auth-open .auth-methods button[aria-pressed=true]{background:#1a2a36!important;border-color:#badff15c!important}
@media(hover:hover){html body[data-page=account].auth-open .auth-methods button:hover{background:#1b2b37!important;border-color:#badff170!important}}
@media(max-width:359px){html body[data-page=account].auth-open .auth-methods{gap:7px}html body[data-page=account].auth-open .auth-methods button{min-height:80px!important;padding-inline:5px!important;column-gap:6px}html body[data-page=account].auth-open .auth-methods button>span{font-size:12px}html body[data-page=account].auth-open .auth-methods button svg{width:18px;height:18px}html body[data-page=account].auth-open .auth-methods button small{font-size:8px}}

/* Icon-only providers and a separate legal footer. Labels remain accessible. */
html body[data-page=account].auth-open .auth-methods button{display:flex!important;align-items:center;justify-content:center;gap:0!important;min-height:82px!important;padding:18px!important}
html body[data-page=account].auth-open .auth-methods button :is(span,small){display:none!important}
html body[data-page=account].auth-open .auth-methods button svg{width:28px;height:28px;flex-shrink:0}
html body[data-page=account].auth-open .auth-divider{font-size:14px;line-height:1.5;letter-spacing:0;color:#b9cdd9;margin-bottom:24px;gap:16px}
html body[data-page=account].auth-open #authTitle{font-size:clamp(56px,5.5vw,76px);line-height:.98;letter-spacing:-.065em;margin-bottom:24px;max-width:440px}
.auth-page-footer{display:none}
html body[data-page=account].auth-open .auth-page-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1352px;margin:0 auto;padding:22px 40px;color:#819aa9;font-size:11px}
.auth-page-footer nav{display:flex;gap:24px;align-items:center}.auth-page-footer a{color:#a5bdcc;text-decoration:none}.auth-page-footer a:hover{color:#e7f7ff}
html body[data-page=account].auth-open main{min-height:calc(100svh - 140px)}
@media(max-width:767px){html body[data-page=account].auth-open main{min-height:calc(100svh - 122px)}html body[data-page=account].auth-open .auth-page-footer{padding:22px 24px;gap:16px}.auth-page-footer nav{gap:20px}}
@media(max-width:600px){html body[data-page=account].auth-open #authTitle{font-size:56px;max-width:380px}html body[data-page=account].auth-open .auth-methods button{min-height:76px!important}html body[data-page=account].auth-open .auth-divider{font-size:14px}}
@media(max-width:359px){html body[data-page=account].auth-open #authTitle{font-size:48px}html body[data-page=account].auth-open .auth-page-footer{padding-inline:20px;gap:12px}.auth-page-footer nav{gap:14px}.auth-page-footer>span{font-size:10px}}
/* Oversized entry headline, intentionally broken across two lines. */
html body[data-page=account].auth-open #authTitle{font-size:clamp(88px,7.8vw,112px);line-height:.94;letter-spacing:-.065em;max-width:100%;overflow-wrap:normal}
@media(max-width:1099px){html body[data-page=account].auth-open #authTitle{font-size:88px}}
@media(max-width:600px){html body[data-page=account].auth-open #authTitle{font-size:clamp(64px,20vw,100px)}}
/* The headline spans the desktop composition instead of the narrow form column. */
@media(min-width:1100px){html body[data-page=account].auth-open #authTitle{position:relative;z-index:1;width:max-content;max-width:none;white-space:nowrap;font-size:clamp(110px,10.8vw,160px);line-height:1;letter-spacing:-.065em;margin-bottom:30px}html body[data-page=account].auth-open .auth-desktop-intro{transform:translate(24px,64px)}}
@media(max-width:1099px){html body[data-page=account].auth-open #authTitle{width:max-content;max-width:100%;white-space:nowrap;font-size:clamp(34px,6.2vw,64px);line-height:1.05;letter-spacing:-.065em}}
@media(max-width:600px){html body[data-page=account].auth-open #authTitle{font-size:clamp(32px,9vw,54px)}}
@media(min-width:1100px){html body[data-page=account].auth-open .auth-desktop-intro{transform:translate(88px,120px)}}
@media(min-width:1100px){html body[data-page=account].auth-open main{overflow-x:clip;overflow-y:visible}}
/* Same full-width inset as the console, without its thicker legacy auth shell. */
html body[data-page=account].auth-open>header{padding:10px 20px 0!important}
html body[data-page=account].auth-open>header .nav{width:100%!important;max-width:none!important;height:60px!important;padding:0 12px!important;margin:0!important}
html body[data-page=account].auth-open>header .logo img{width:64px!important;height:42px!important}
@media(max-width:767px){html body[data-page=account].auth-open>header{padding:0!important}html body[data-page=account].auth-open>header .nav{height:56px!important;padding:0 8px!important}html body[data-page=account].auth-open>header .logo img{width:66px!important;height:46px!important}}

.auth-desktop-intro>picture{display:block;width:100%}