.auth-page{--brand:#14448d;--brand-strong:#0e326b;--ink:#182633;--ink-soft:#626d79;--ink-muted:#687482;--line:#dce3e9;--surface-subtle:#f5f7f9;min-height:100dvh;color:var(--ink);background:#fff;flex-direction:column;padding:0 48px;font-family:Readex Pro,sans-serif;display:flex}.auth-header{justify-content:space-between;align-items:center;gap:24px;width:min(1240px,100%);min-height:96px;margin-inline:auto;display:flex}.auth-brand{border-radius:6px;display:inline-flex}.auth-home-link{color:#4a5c6f;align-items:center;gap:8px;min-height:44px;font-size:12px;display:inline-flex}.auth-home-link:hover{color:var(--brand)}.auth-layout{flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;width:min(420px,100%);margin:12px auto 28px;display:grid}.auth-form-panel{align-items:center;min-width:0;padding-block:24px;display:grid}.auth-form-inner{width:min(420px,100%);margin-inline:auto}.auth-mode-switch{background:#f2f5f8;border:1px solid #e6ebef;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:38px;padding:5px;display:grid}.auth-mode-switch button{color:#647181;cursor:pointer;border:1px solid #0000;border-radius:9px;min-height:43px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.6;transition:background-color .16s,color .16s}.auth-mode-switch button[aria-pressed=true]{color:#14448d;background:#fff;border-color:#e2e8ef;box-shadow:0 2px 4px #183a5b08}.auth-heading{margin-bottom:30px}.auth-heading h1{color:#182633;letter-spacing:-.8px;margin:0;font-size:clamp(28px,2.5vw,34px);font-weight:600;line-height:1.55}.auth-heading p{color:#626d79;margin-top:10px;font-size:13px;line-height:1.9}.auth-form-panel form{gap:21px;display:grid}.auth-form-panel form label{color:#273847;padding-bottom:3px;font-size:13px;font-weight:500;line-height:1.7;display:inline-block}.auth-form-panel .auth-input{color:#182633;background:#fff;border:1px solid #d5dee7;border-radius:10px;width:100%;height:52px;padding:12px 15px;font-family:inherit;font-size:15px;transition:border-color .16s,box-shadow .16s;box-shadow:0 1px 2px #183a5b03}.auth-form-panel .auth-input::placeholder{color:#84909d;font-size:13px}.auth-form-panel .auth-input[type=email]{text-align:left;direction:ltr;font-family:DM Sans,sans-serif}.auth-form-panel .auth-input:focus-visible{border-color:#3161a2;outline:0;box-shadow:0 0 0 4px #3265a512}.auth-form-panel .auth-password-input{padding-inline-end:48px}.auth-form-panel .auth-submit{color:#fff;background:#14448d;border:1px solid #14448d;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin-top:4px;font-size:14px;font-weight:500;transition:background-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 5px 12px -7px #14448d70}.auth-form-panel .auth-submit:hover{background:#0e326b;box-shadow:0 6px 16px -7px #14448d90}.auth-form-panel .auth-submit:disabled{opacity:.6;cursor:wait}.auth-form-panel .auth-google{border-color:#d5dee7;border-radius:10px;min-height:52px;font-size:13px}.auth-form-panel .auth-google svg{width:19px;height:19px}.auth-form-panel .auth-divider{margin-block:23px}.auth-form-panel .auth-switch-prompt{margin-top:25px;font-size:12px;line-height:1.8}.auth-form-panel .auth-inline-link{text-underline-offset:4px;min-height:32px}.auth-footer{border-top:1px solid #edf0f3;width:min(1240px,100%);margin:0 auto;padding:18px 0 24px}.auth-footer nav{justify-content:center;gap:12px 22px;font-size:11px}.auth-page :where(a,button):focus-visible{outline-offset:4px;outline:3px solid #3265a5}@media (width<=1000px){.auth-page{padding-inline:28px}}@media (width<=800px){.auth-page{padding-inline:24px}.auth-header{border-bottom:1px solid #edf0f3;min-height:80px}.auth-layout{margin-block:24px;display:block}.auth-form-panel{padding-block:8px 20px}.auth-form-panel .auth-input{font-size:16px}.auth-mode-switch{margin-bottom:28px}.auth-heading{margin-bottom:26px}.auth-heading h1{font-size:30px}.auth-footer{padding-top:20px}}@media (width<=400px){.auth-page{padding-inline:20px}.auth-home-link{gap:5px;font-size:10px}.auth-header{gap:12px}.auth-heading h1{font-size:28px}.auth-form-panel .auth-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important}}
