.demo-auth{color:#19233b;min-height:100svh;font-family:var(--font-sans),sans-serif;background:#f9fafb;grid-template-columns:1fr 1fr;display:grid}.demo-auth *{box-sizing:border-box}.auth-story{color:#fff;background:#121f3c;flex-direction:column;justify-content:space-between;min-height:100svh;padding:48px 64px;display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";pointer-events:none;border:1px solid #ffffff12;border-radius:50%;width:590px;height:590px;position:absolute;bottom:-230px;right:-200px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03}.auth-brand{color:inherit;letter-spacing:-1.2px;width:fit-content;font-size:30px;font-weight:800;line-height:1.1;text-decoration:none}.auth-brand span{letter-spacing:2.1px;margin-top:8px;font-size:10px;font-weight:600;display:block}.auth-story-copy{z-index:1;margin:80px 0;position:relative}.auth-eyebrow{letter-spacing:2.2px;color:#4c5b7f;margin:0 0 22px;font-size:10px;font-weight:700}.auth-story .auth-eyebrow{color:#99a7c8}.auth-story h1{letter-spacing:-3px;margin:0 0 26px;font-size:clamp(48px,5.8vw,86px);font-weight:500;line-height:1.07}.auth-story-copy>p:not(.auth-eyebrow){color:#b7bfd1;font-size:16px;line-height:1.8}.auth-story-tags{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.auth-story-tags span{color:#c6ccdb;border:1px solid #ffffff26;border-radius:30px;padding:8px 13px;font-size:11px}.auth-story-footer{color:#9aa3b7;z-index:1;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:10px;display:flex}.auth-form-side{flex-direction:column;justify-content:center;align-items:center;padding:60px 55px 30px;display:flex}.auth-form-inner{width:100%;max-width:380px;margin:auto 0}.auth-form-inner h2{letter-spacing:-1.4px;margin:0 0 12px;font-size:36px;font-weight:600;line-height:1.15}.auth-intro{color:#73837e;margin-bottom:36px;font-size:14px;line-height:1.6}.demo-login-form{flex-direction:column;gap:10px;display:flex}.demo-login-form label{font-size:12px;font-weight:650}.demo-login-form input{width:100%;min-height:50px;font:inherit;color:#19233b;background:#fff;border:1px solid #dcdee4;border-radius:8px;margin-bottom:12px;padding:13px 14px;font-size:14px}.demo-auth input:focus-visible,.demo-auth button:focus-visible,.demo-auth a:focus-visible{outline-offset:3px;outline:3px solid #6879a1}.auth-password{position:relative}.auth-password input{padding-right:67px}.auth-password button{color:#415279;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 10px;font-size:11px;position:absolute;top:5px;right:6px}.auth-submit{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#163378;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:650;transition:background .15s;display:flex}.auth-submit:hover{background:#11285f}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-help{color:#71827b;margin:10px 0 0;font-size:11px;line-height:1.8}.auth-back{color:#475474;margin-top:38px;font-size:12px;text-decoration:none;display:inline-block}.auth-back:hover{text-decoration:underline}.auth-form-footer{color:#8b9a92;padding-top:50px;font-size:10px}.auth-message{color:#22386c;background:#eaedf5;border-radius:8px;margin:0 0 12px;padding:12px 14px;font-size:12px;line-height:1.6}.auth-message.error{color:#a13935;background:#fceeed}@media (max-width:1000px){.auth-story{padding:36px}.auth-story h1{letter-spacing:-2px}.auth-form-side{padding:50px 35px 25px}}@media (max-width:700px){.demo-auth{grid-template-columns:1fr}.auth-story{min-height:auto;padding:24px}.auth-brand{font-size:25px}.auth-story-copy{margin:34px 0 8px}.auth-story h1{font-size:44px}.auth-story-copy>p:not(.auth-eyebrow),.auth-story-tags,.auth-story-footer{display:none}.auth-story .auth-eyebrow{margin-bottom:16px;font-size:9px}.auth-form-side{padding:38px 24px 22px}.auth-form-inner h2{font-size:30px}.auth-form-footer{padding-top:25px}}.auth-recovery-link{color:#344774;align-self:flex-end;margin:8px 0;font-size:12px;text-decoration:none}.auth-recovery-link:hover{text-decoration:underline}