/* Match the public landing typography without changing workspace styles. */
:root:has(.auth-page){--fg:#181b21;--muted:#777c87;--line:#e8e9ee;--accent:#7560da;--soft:#f2effd}
:root[data-product=whatsapp]:has(.auth-page){--accent:#17854e;--soft:#edf8f0}
:root[data-theme=dark]:has(.auth-page){--bg:#0e1118;--card:#171c26;--fg:#f3f4f8;--muted:#a2a8b6;--line:#2a303c;--field:#121721;--accent:#b39aff;--soft:#272035}
:root[data-theme=dark][data-product=whatsapp]:has(.auth-page){--accent:#63d697;--soft:#192e24}
.auth-page{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:1.65}
.auth-page button,.auth-page input{font-family:inherit;font-weight:400}
.auth-page .brand{font-size:17px!important}
.auth-page .brand .sms-word{font-weight:400}
.auth-page .eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em}
.auth-page .login-layout .intro h1{font-weight:400;font-size:clamp(36px,4vw,52px);line-height:1.12;letter-spacing:-.055em;margin:25px 0 24px}
.auth-page .intro>p{font-size:14px;font-weight:400;line-height:1.85}
.auth-page .login-card{border-radius:23px;box-shadow:0 18px 65px #18231f05}
.auth-page .login-card h2{font-size:30px;font-weight:400;line-height:1.2;letter-spacing:-.045em;margin:18px 0}
.auth-page .login-card>p{font-size:14px;font-weight:400;line-height:1.8}
.auth-page .login-card label{font-size:13px;font-weight:500}
.auth-page input{font-size:14px;font-weight:400;line-height:1.5;min-height:48px}
.auth-page input::placeholder{font-weight:400;color:var(--muted);opacity:.8}
.auth-page input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--soft)}
.auth-page .primary{font-size:13px;font-weight:500;min-height:48px;background:var(--fg);color:var(--bg)}
html[data-theme=dark][data-product=whatsapp] .auth-page .primary{color:var(--bg)}
.auth-page .primary:hover:not(:disabled){background:var(--accent)}
.auth-page .quiet{font-size:12px;font-weight:400}
.auth-page .quiet:hover{background:var(--field)}
.auth-page .login-card .actions{gap:10px}
.auth-page .login-card .actions .quiet{padding:9px 14px}
.auth-page .notice,.auth-page details,.auth-page .intro .route-note{font-size:11px;font-weight:400;line-height:1.8}
.auth-page .route-title{font-size:14px;font-weight:500}
.auth-page .route-range{font-size:42px;font-weight:400;letter-spacing:-.055em}
.auth-page .route-slide h3{font-size:15px;font-weight:400}
.auth-page .route-price{font-size:21px;font-weight:400}
.auth-page .intro .route-slide p{font-weight:400}
.auth-page footer,.auth-page .telegram-contact{font-size:11px;font-weight:400}
.auth-page button,.auth-page a{transition:background-color .2s,color .2s}
.auth-page button:focus-visible,.auth-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:850px){.auth-page .login-card{padding:28px 24px}.auth-page .login-card h2{font-size:28px}.auth-page .route-range{font-size:40px}}
@media(prefers-reduced-motion:reduce){.auth-page button,.auth-page a{transition:none}}