.login-art{aspect-ratio:52/39;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;width:100%;max-width:520px;margin:0 auto}.login-art>svg{width:100%;height:auto;display:block;overflow:visible}@media (prefers-reduced-motion:reduce){.login-art>svg>g{transform:none!important}.login-art>svg>path{stroke-dashoffset:0!important}.login-art *,.login-art :before,.login-art :after{transition:none!important;animation:none!important}}
.login-page{--login-accent:#315d7c;--login-muted:#6b7d8b;background:radial-gradient(at 12% 85%,#f2f5f8 0,#0000 45%),#fafbfc}.login-page>.brand{border:0;justify-content:space-between;padding:25px 46px}.login-back{min-height:44px;color:var(--login-muted);align-items:center;gap:8px;font-size:13px;font-weight:400;transition:color .18s;display:inline-flex}.login-back:hover{color:var(--login-accent)}.login-layout{background:#fff;border:1px solid #e6edf2;border-radius:28px;grid-template-columns:1.03fr 1fr;align-items:stretch;width:min(1100px,100% - 80px);margin:auto;display:grid;overflow:hidden;box-shadow:0 24px 70px #35546e0b,0 3px 10px #35546e03}.login-story{background:radial-gradient(at 10% 95%,#e5ecf1 0,#0000 60%),linear-gradient(145deg,#eff3f6,#f8fafb 60%,#eaeff4);border-right:1px solid #eaeff4;flex-direction:column;padding:42px 44px 32px;display:flex;position:relative;overflow:hidden}.login-kicker{color:#617f97;letter-spacing:1px;align-items:center;gap:9px;font-size:12px;display:inline-flex}.login-kicker:before{content:"";background:#96b3cb;width:20px;height:1px}.login-story>h2{letter-spacing:-1px;color:#253848;margin:18px 0 14px;font-size:32px;font-weight:650;line-height:1.6}.login-story>p{color:#667d8f;font-size:13px;line-height:1.9}.login-story .login-art{width:calc(100% + 36px);max-width:none;margin:-3px -18px -30px}.login-story>.login-art-caption{text-align:center;color:#647c8f;margin:0 0 27px;font-size:12px;position:relative}.login-promises{color:#657b8d;border-top:1px solid #d6e0e9;justify-content:center;gap:22px;margin-top:auto;padding-top:20px;font-size:11px;display:flex}.login-promises span{align-items:center;gap:7px;display:inline-flex}.login-main{width:100%;max-width:none;margin:auto;padding:48px 54px}.login-mark{background:#f3f6f9;border:1px solid #e4ebf1;border-radius:14px;width:46px;height:46px;margin-bottom:22px}.login-mark svg{width:24px}.login-form-kicker{color:#7c96ab;letter-spacing:1px;font-size:12px;display:block}.login-main h1{letter-spacing:-.5px;margin:10px 0 12px;font-size:28px}.login-description{color:var(--login-muted);margin-bottom:32px;font-size:13px;line-height:1.8}.login-form{gap:22px;width:100%}.login-form .text-field{width:100%}.login-form .input{background:#fcfdfe;border:1px solid #d9e3eb;border-radius:10px;height:52px;min-height:52px;padding:0 15px;font-size:15px;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 1px 2px #2a435704}.login-form .input:focus-within{background:#fff;border-color:#7fa6c5;box-shadow:0 0 0 3px #315d7c12}.login-form .input::placeholder{color:#9aa4ac}.login-form .label{color:#45535f;flex-wrap:nowrap;align-items:baseline;gap:3px;margin-bottom:4px;font-size:13px}.login-form .code-input{align-items:stretch;gap:10px}.login-form .login-send{color:#4d81ac;background:#eff3f6;border:1px solid #e2e9ef;border-radius:10px;width:126px;height:52px;min-height:52px;padding-inline:10px;font-size:13px;transition:background .18s,border-color .18s}.login-form .login-send:not(:disabled):hover{background:#e4ebf1;border-color:#bcd0e1}.login-form .login-send:disabled{opacity:1;color:#97a5b0;background:#f3f6f9;border-color:#e8eef2}.login-form .login-submit{background:var(--login-accent);border-radius:10px;gap:10px;width:100%;min-height:52px;font-size:15px;transition:background .18s,box-shadow .18s;box-shadow:0 5px 12px #315d7c20}.login-form .login-submit:not(:disabled):hover{background:#4b7da6;box-shadow:0 6px 17px #315d7c32}.login-form .login-submit:disabled{opacity:.5;box-shadow:none}.login-form .form-message{color:#54738c;background:#f3f6f9;border-radius:8px;min-height:0;margin:-4px 0;padding:10px 12px;font-size:12px;line-height:1.7}.login-form .form-message[data-empty=true]{display:none}.login-form .form-message.is-error{color:#a14959;background:#fdf1f4}.login-register-note{color:#86939e;text-align:center;margin-top:23px;font-size:11px;line-height:1.8}.login-footer{color:#8a9cab;padding:24px;font-size:11px}@media (max-width:1000px){.login-layout{width:calc(100% - 56px)}.login-story{padding:38px 30px 28px}.login-story>h2{font-size:28px}.login-main{padding:40px 32px}.login-main h1{font-size:25px}.login-promises{gap:12px}}@media (max-width:760px){.login-layout{border-radius:22px;width:min(460px,100% - 40px);margin-block:auto;display:block}.login-story{display:none}.login-page>.brand{padding:20px 24px}.login-main{padding:34px 26px}.login-page>.brand .brand{font-size:18px}.login-back{font-size:12px}.login-form .input{padding-inline:12px;font-size:16px}.login-form .login-send{width:112px;padding-inline:8px;font-size:12px}.login-register-note{font-size:11px}}@media (prefers-reduced-motion:reduce){.login-page *,.login-page :before,.login-page :after{transition:none!important;animation:none!important}}.login-feedback{min-height:24px}.login-feedback .loading-state{padding-block:4px}