.login-page{min-height:100dvh;display:grid;place-items:center;padding:40px 24px;background:#f5f4ee}
.login-shell{width:min(100%,1040px);min-height:650px;display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0e5ee;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 65px #243b6d0b}
.login-story{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;padding:50px 48px;background:#edf1fc;color:#2e57a0}
.login-story:after{content:"";position:absolute;z-index:-1;width:330px;height:330px;border:1px solid #cfdbf4;border-radius:50%;right:-130px;bottom:60px;box-shadow:0 0 0 45px #e4ebfa,0 0 0 46px #d6e0f5}
.login-wordmark .logo{width:164px;margin-bottom:40px}.login-eyebrow,.login-motto{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px}
.login-story h1{font-size:37px;line-height:1.5;font-weight:500;margin:17px 0 15px;letter-spacing:-.8px}.login-story>p{font-size:13px;line-height:1.95;color:#697fa3}
.login-illustration{width:140px;height:140px;margin:18px 12px 0 auto;transform:rotate(-7deg)}.login-illustration>*{width:100%;height:100%}.login-motto{margin-top:auto;padding-top:22px;font-size:9px;letter-spacing:1.6px}
.login-content{display:flex;flex-direction:column;justify-content:center;padding:58px 50px}.login-mobile-logo{display:none}.login-kicker{font-size:12px;color:#7f8da5}.login-content h2{font-size:28px;font-weight:500;color:#254a86;margin:8px 0 10px}.login-intro{font-size:12px;line-height:1.9;color:#8490a3;margin-bottom:32px}
.login-content .field{margin-bottom:22px}.login-content .field label{font-size:12px;color:#344b6e;margin-bottom:9px}.login-content .field input{width:100%;min-height:48px;border:1px solid #dce3ef;border-radius:10px;padding:12px 14px;font-size:14px;background:#fff;transition:border-color .15s,box-shadow .15s}.login-content .field input:focus{outline:0;border-color:#426eb5;box-shadow:0 0 0 3px #315fa515}
.login-password{position:relative}.login-password input{padding-right:67px!important}.login-password button{position:absolute;right:13px;top:0;bottom:0;color:#53719b;font-size:11px;background:transparent;padding:3px}.login-content .form-error{font-size:12px;line-height:1.8;margin:0 0 18px}
.login-submit{min-height:50px;justify-content:center;border-radius:10px;font-size:14px;gap:10px}.login-submit>svg:last-child{margin-left:auto}.login-submit>svg:first-child{margin-right:auto}.login-submit:disabled{opacity:.65;cursor:wait}
.login-help{display:flex;align-items:flex-start;gap:10px;padding-top:25px;color:#8997ab}.login-help>svg{flex-shrink:0;margin-top:3px}.login-help p{font-size:11px;line-height:1.9}.login-foot{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#a2acbb;margin-top:35px}.login-checking{display:flex;align-items:center;justify-content:center;gap:12px;min-height:170px;color:#6c81a2;font-size:12px}
@media(max-width:760px){.login-page{padding:24px 16px}.login-shell{grid-template-columns:1fr;max-width:460px;min-height:0;border-radius:19px}.login-story{display:none}.login-content{padding:35px 27px}.login-mobile-logo{display:block;margin:0 0 30px}.login-mobile-logo .logo{width:125px}.login-content h2{font-size:26px}.login-intro{margin-bottom:27px}.login-foot{margin-top:27px}}
@media(max-width:360px){.login-page{padding:12px}.login-content{padding:28px 20px}.login-content h2{font-size:24px}}
