/* Account screens share the public site's type, blue and rounded controls. */
.auth-page{min-height:100dvh;background:radial-gradient(ellipse at 15% 40%,#101d322e,transparent 48%),var(--bg);display:flex;flex-direction:column}
.auth-main{flex:1;display:grid;align-items:center}
.auth-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;border-bottom:1px solid #ffffff0a}
.auth-header .brand img{width:166px}.auth-header .text-link{font-size:12px;border:0;padding:9px 0;gap:9px}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;flex:1;padding:42px 0 52px;max-width:1180px}
.auth-story{min-width:0;position:relative;padding:24px 0 30px}
.auth-story .eyebrow,.auth-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#90a6c1;margin-bottom:24px}
.auth-story h2{font-size:clamp(42px,4.5vw,64px);line-height:1.04;font-weight:350;letter-spacing:-.06em;margin-bottom:22px;max-width:500px}
.auth-story h2 span{color:#96a9c8;display:block}
.auth-story>p:not(.eyebrow):not(.auth-eyebrow){color:#9aaac0;font-size:15px;line-height:1.8;max-width:390px}
.auth-art{position:relative;margin:28px 0 15px;height:250px;isolation:isolate}
.auth-art:before{content:'';position:absolute;left:-15%;top:38%;width:112%;height:120px;transform:rotate(-12deg);border:1px solid #284e791e;border-radius:50%;box-shadow:0 -2px 12px #1877f20b;pointer-events:none}
.auth-story-benefits{display:flex;flex-wrap:wrap;gap:16px 24px;list-style:none;padding:0;margin:0;color:#95a6bd;font-size:11px;line-height:1.5}
.auth-story-benefits li{display:flex;align-items:center;gap:8px}
.auth-story-benefits li:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);flex:none}
.auth-panel{min-width:0;width:100%;max-width:490px;margin-left:auto;padding:32px 36px 30px;border:1px solid #28313e;border-radius:30px;background:linear-gradient(140deg,#111823,#0b0e15 60%);box-shadow:0 30px 90px #0000001a}
.auth-switch{display:flex;gap:5px;border:1px solid #293340;border-radius:999px;padding:5px;margin-bottom:29px;background:#080c13}
.auth-switch a{flex:1;padding:11px 8px;border-radius:999px;text-align:center;font-size:12px;line-height:1.25;color:#8e9cb0;transition:color .2s,background .2s}
.auth-switch a[aria-current=page],.auth-switch a.active{color:#eaf3ff;background:#1b2a40}
.auth-switch a:hover{color:#d5e7ff}
.auth-panel h1{font-weight:350;font-size:38px;line-height:1.08;letter-spacing:-.05em;margin:0 0 12px}
.auth-panel h1:focus{outline:none}
.auth-subtitle,.auth-panel>p:not(.auth-preview-note){color:#99a8bd;font-size:13px;line-height:1.7;margin-bottom:25px}
.auth-google{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;border:1px solid #394757;border-radius:999px;background:#0c1119;color:#dbe5f3;min-height:46px;padding:11px 17px;font-size:13px;font-weight:450;transition:background .2s,border-color .2s}
.auth-google:hover{background:#172233;border-color:#68809f}
.auth-google svg{width:18px;height:18px;flex:none}.auth-google-icon{font-weight:600;font-size:19px;line-height:1}
.auth-divider{display:flex;align-items:center;gap:16px;margin:22px 0;color:#6f829c;font-size:11px;white-space:nowrap}
.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#25303e;flex:1}
.auth-form{display:grid;gap:18px}
.auth-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#c5cddb;min-width:0;margin:0}
.auth-field>span:first-child,.auth-field>label{font-size:12px;color:#c5cddb}
.auth-field input:not([type=checkbox]){display:block;width:100%;min-width:0;height:47px;border:1px solid #303e51;border-radius:999px;background:#0a0f17;color:#ecf1fa;padding:12px 17px;outline:none;font-size:13px;font-weight:400;transition:border-color .2s,box-shadow .2s}
.auth-field input::placeholder{color:#63748b;opacity:1}
.auth-field input:-webkit-autofill{-webkit-text-fill-color:#ecf1fa;caret-color:#ecf1fa;box-shadow:0 0 0 1000px #0a0f17 inset}
.auth-field input:focus{border-color:#75a7e4;box-shadow:0 0 0 3px #1877f214}
.auth-field input[aria-invalid=true]{border-color:#df8a94}
.auth-input-wrap{position:relative;min-width:0}
.auth-input-password input{padding-right:53px!important}
.auth-input-wrap button{display:grid;place-items:center;position:absolute;right:5px;top:4px;width:39px;height:39px;border:0;border-radius:50%;background:transparent;color:#8da5c3;padding:0}
.auth-input-wrap button:hover{color:#d0e5ff;background:#1a293d}
.auth-input-wrap button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.5}
.auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.auth-form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.auth-checkbox{display:flex;align-items:flex-start;gap:9px;color:#99a9bf;font-size:11px;line-height:1.6;cursor:pointer}
.auth-checkbox input{appearance:none;width:16px;height:16px;flex:0 0 16px;border:1px solid #4a5a72;border-radius:5px;background:#0b111a;margin:1px 0 0;cursor:pointer;display:grid;place-items:center}
.auth-checkbox input:checked{border-color:var(--blue);background:var(--blue)}
.auth-checkbox input:checked:after{content:'✓';font-size:11px;font-weight:600;line-height:1;color:white}
.auth-checkbox a,.auth-form-options a,.auth-bottom a,.auth-back a,.auth-status a{color:var(--link-blue);text-decoration:none}
.auth-checkbox a:hover,.auth-form-options a:hover,.auth-bottom a:hover,.auth-back a:hover,.auth-status a:hover{text-decoration:underline;text-underline-offset:3px}
.auth-form-options>a{font-size:11px;color:var(--link-blue)}
.auth-submit{width:100%;min-height:48px;margin-top:1px;border:0;font-size:13px;font-weight:450}
.auth-form .button:hover{transform:none}
.auth-field-hint,.auth-hint{color:#778ba5;font-size:10px;line-height:1.5;margin:0}
.auth-error{color:#f3a8b2;font-size:11px;line-height:1.5;margin:0}
.auth-error:empty{display:none}
.auth-bottom,.auth-back{color:#8194ae;font-size:12px;line-height:1.7;text-align:center;margin:22px 0 0}
.auth-preview-note{color:#8195ae;font-size:10px!important;line-height:1.6;margin:0 0 20px!important;text-align:center}
.auth-back{display:block;color:var(--link-blue)}
.auth-status{font-size:12px;line-height:1.7;color:#adc3df;background:#142239;border:1px solid #334a68;border-radius:16px;padding:15px 17px;margin:18px 0 0}
.auth-status:empty{display:none}
.auth-result{padding:12px 0 5px}
.auth-result .auth-result-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #315782;border-radius:50%;background:#14243c;color:#8cc1ff;margin-bottom:25px}
.auth-result h2{font-size:31px;line-height:1.13;font-weight:350;margin-bottom:15px}
.auth-result p{font-size:13px;color:#9cadc4;line-height:1.8}
.auth-result-actions{display:grid;gap:13px;margin-top:25px}
.auth-result-actions .text-link{justify-self:center;font-size:12px}
.auth-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #ffffff0a;padding:20px 0 24px;font-size:10px;color:#677b97}
.auth-footer nav{display:flex;gap:20px}.auth-footer a{color:#91a4bd}.auth-footer a:hover{color:var(--link-blue)}
@media(min-width:1200px){.auth-layout{gap:120px}}
@media(max-width:1000px){.auth-layout{gap:45px;padding-block:34px}.auth-panel{padding:28px}.auth-story h2{font-size:49px}.auth-story-benefits{gap:12px;font-size:10px}}
@media(max-width:760px){
 .auth-header{min-height:75px}.auth-header .brand img{width:140px}.auth-header .text-link{font-size:11px}
 .auth-layout{display:block;padding:27px 0 36px}.auth-story{display:none}.auth-panel{max-width:480px;padding:26px 23px;margin:auto;border-radius:26px}
 .auth-panel h1{font-size:34px}.auth-subtitle,.auth-panel>p:not(.auth-preview-note){font-size:13px}
 .auth-switch{margin-bottom:26px}.auth-switch a{font-size:12px;padding:10px 7px}
 .auth-field input:not([type=checkbox]){font-size:16px}.auth-field input::placeholder{font-size:12px}
 .auth-field-row{gap:10px}.auth-form{gap:17px}.auth-checkbox{font-size:11px}
 .auth-footer{flex-wrap:wrap;justify-content:center;text-align:center;padding-bottom:25px;gap:12px}.auth-footer nav{gap:18px}
}
@media(max-width:390px){.auth-header .brand img{width:128px}.auth-header .text-link{font-size:10px}.auth-panel{padding:24px 19px}.auth-panel h1{font-size:31px}.auth-field-row{grid-template-columns:1fr}.auth-form-options{gap:9px}}
