.page{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}.page-top{justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.page .brand{display:inline-flex}.top-right{color:var(--ink-3);font-size:13px}.top-right a{color:var(--ink);transition:color .16s var(--ease-out);margin-left:6px;font-weight:500}.top-right a:hover{color:var(--brand)}.page-foot{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 32px 28px;font-size:12px;display:flex}.page-foot-links{gap:18px;display:flex}.page-foot-links a:hover{color:var(--ink-2)}.stage{justify-content:center;align-items:flex-start;padding:48px 32px 32px;display:flex}.auth{flex-direction:column;gap:28px;width:100%;max-width:440px;display:flex}.auth-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.eyebrow-pill{color:var(--ink);border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow-pill .dot{background:var(--brand);border-radius:50%;width:6px;height:6px}.auth-h1{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:0;font-size:44px;font-weight:600;line-height:1.05}.auth-h1 .ink-3{color:var(--ink-3)}.auth-sub{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.form-stack{flex-direction:column;gap:18px;display:flex}.seg-wrap{justify-content:center;display:flex}.seg{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;min-width:180px;padding:4px;display:inline-grid;position:relative}.seg button{color:var(--ink-2);transition:color .16s var(--ease-out);z-index:1;background:0 0;border:0;border-radius:7px;padding:7px 18px;font-size:13px;font-weight:500;position:relative}.seg button.active{color:var(--ink)}.seg-thumb{background:var(--surface-subtle);width:calc(50% - 4px);box-shadow:var(--shadow-soft);transition:transform .22s var(--ease-out);border-radius:7px;position:absolute;top:4px;bottom:4px}.seg[data-mode=signup] .seg-thumb{transform:translate(100%)}.seg[data-mode=login] .seg-thumb{transform:translate(0)}.sso-btn{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--border);transition:background .16s var(--ease-out), border-color .16s var(--ease-out), transform 80ms var(--ease-out);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:13px 14px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.sso-btn:hover{background:var(--surface-subtle);border-color:var(--border-strong)}.sso-btn:active{transform:scale(.98)}.sso-btn:disabled{opacity:.6;cursor:progress}.divider{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.field label{color:var(--ink);font-size:13px;font-weight:500}.field-link{color:var(--brand);transition:color .16s var(--ease-out);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-weight:500}.field-link:hover{color:var(--brand-ink)}.input-wrap{display:flex;position:relative}.field input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .16s,box-shadow .16s}.field input::placeholder{color:var(--ink-3)}.field input:hover{border-color:var(--border-strong)}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}.field.has-error input{border-color:var(--negative);box-shadow:0 0 0 3px var(--negative-ring)}.field-error{color:var(--negative);font-size:12px}.input-affix{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:6px 8px;font-family:inherit;transition:color .16s,background .16s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-affix:hover{color:var(--ink);background:var(--surface-subtle)}.check-row{color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-top:2px;font-size:13px;display:inline-flex}.check-box{border:1px solid var(--border-strong);background:var(--surface);color:#0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .16s,border-color .16s;display:inline-flex}.check-row.is-on .check-box{background:var(--brand);border-color:var(--brand);color:#fff}.auth-cta{background:var(--ink);width:100%;color:var(--paper);box-shadow:var(--shadow-soft);transition:background .16s var(--ease-out), box-shadow .16s var(--ease-out), transform 80ms var(--ease-out);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:15px 18px;font-family:inherit;font-size:15px;font-weight:500;display:inline-flex}.auth-cta:hover{box-shadow:var(--shadow-lift);background:#000}.auth-cta:active{transform:scale(.98)}.auth-cta:disabled{opacity:.6;cursor:progress}.auth-cta .spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.alt-row{text-align:center;color:var(--ink-2);margin-top:2px;font-size:13px}.alt-row .alt-link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13px;font-weight:500;transition:color .16s}.alt-row .alt-link:hover{color:var(--brand-ink);text-decoration:underline}.terms{text-align:center;color:var(--ink-3);margin:0 auto;font-size:12px;line-height:1.55}.terms a{color:var(--ink-2);border-bottom:1px solid var(--border)}.terms a:hover{color:var(--ink)}.state-card{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 4px 4px;display:flex}.state-icon{background:var(--brand-soft);width:56px;height:56px;color:var(--brand);border:1px solid var(--brand-line);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.state-h{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:600}.state-p{color:var(--ink-2);max-width:340px;margin:0;font-size:14px;line-height:1.55}.state-p .ink{color:var(--ink);font-weight:500}.state-back{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-family:inherit;font-size:13px;transition:color .16s;display:inline-flex}.state-back:hover{color:var(--ink)}.redirect-bar{background:var(--surface-subtle);border-radius:999px;width:220px;height:4px;margin-top:8px;overflow:hidden}.redirect-bar>div{background:var(--brand);border-radius:999px;width:0;height:100%;animation:1.8s linear forwards auth-fill}@keyframes auth-fill{to{width:100%}}.trust-strip{border-top:1px solid var(--border);color:var(--ink-3);flex-wrap:wrap;justify-content:center;gap:28px;margin-top:8px;padding-top:24px;font-size:12px;display:flex}.trust-strip span{align-items:center;gap:6px;display:inline-flex}.trust-strip svg{color:var(--brand)}.auth{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:none}html:not(.is-loaded) .auth{opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.auth{transition:none}}@media (max-width:920px){.page-top{padding:0 20px}.stage{padding:32px 20px}.auth-h1{font-size:36px}}@media (max-width:480px){.page-top{height:56px;padding:0 16px}.page-foot{padding:20px 16px 24px;font-size:11px}.stage{padding:24px 16px}.auth-h1{font-size:32px}.trust-strip{gap:14px 22px}}