.login-page{padding:72px 0 90px;background:linear-gradient(135deg,#faf9fc 0,#f5f2fb 55%,#fff8ef 100%)}.login-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,500px);gap:80px;align-items:center}.login-intro{max-width:580px}.login-intro__eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--light-primary);font-size:13px;font-weight:700}.login-intro h1{margin:15px 0 16px;color:#25232c;font-size:46px;line-height:1.18}.login-intro>p{max-width:520px;margin:0;color:#6f6b75;font-size:16px;line-height:1.8}.login-intro ul{margin:34px 0 0;padding:0;display:grid;gap:15px;list-style:none}.login-intro li{display:flex;gap:13px;align-items:center;color:#49454f;font-size:15px}.login-intro li i{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:var(--light-primary);background:#eee8ff}.login-card{padding:40px 42px;border:1px solid #e8e4ed;border-radius:15px;background:#fff;box-shadow:0 24px 65px rgba(52,43,70,.1)}.login-card header{margin-bottom:26px}.login-card h2{margin:0 0 8px;color:#292731;font-size:28px}.login-card header p,.login-card__copy{margin:0;color:#85818b;font-size:14px;line-height:1.65}.login-form{display:grid}.login-form>label{margin:0 0 7px;color:#3b3841;font-size:13px;font-weight:700}.login-form>label:not(:first-of-type){margin-top:18px}.login-field{position:relative}.login-field>i{position:absolute;left:15px;top:50%;color:#9b96a2;transform:translateY(-50%)}.login-field input{width:100%;height:52px;padding:0 47px 0 43px;border:1px solid #dcd8e1;border-radius:8px;outline:0;color:#292731;background:#fff;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--light-primary);box-shadow:0 0 0 3px rgba(140,113,219,.14)}.login-field button{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;border-radius:7px;color:#76717e;background:transparent;cursor:pointer}.login-field button:hover{color:var(--light-primary);background:#f7f4fc}.login-caps-warning{margin:7px 0 0;color:#a36b00;font-size:12px}.login-submit,.login-primary-link{width:100%;min-height:54px;margin-top:25px;padding:12px 18px;display:flex;gap:12px;align-items:center;justify-content:center;border:0;border-radius:8px;color:#fff;background:#5d526f;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.login-submit:hover,.login-primary-link:hover{color:#fff;background:#493f5b;transform:translateY(-1px)}.login-submit i{font-size:13px}.login-help{margin-top:27px;padding-top:21px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #eeeaf1;color:#777;font-size:12px}.login-help strong{font-weight:500}.login-help a{min-height:44px;padding:9px 11px;display:flex;gap:7px;align-items:center;border-radius:7px;color:#178d43;background:#eefbf2;font-weight:700;white-space:nowrap}.login-notice{margin:0 0 20px;padding:12px 14px;display:flex;gap:9px;align-items:flex-start;border-radius:7px;font-size:13px;line-height:1.5}.login-notice.is-error{color:#a22b38;background:#fff0f2}.login-notice.is-success{color:#18723a;background:#edf9f1}.login-account-icon{width:64px;height:64px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5d526f;font-size:26px}.login-card>.login-account-icon~h2,.login-card__copy{text-align:center}.login-card__copy span{font-size:13px}.login-logout-form button{width:100%;min-height:48px;margin-top:12px;border:1px solid #dcd7e2;border-radius:8px;color:#655e6e;background:#fff;font-weight:700;cursor:pointer}.login-logout-form button:hover{border-color:#a89bbb;color:#493f5b;background:#faf9fc}
@media(max-width:980px){.login-shell{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:42px}.login-intro h1{font-size:38px}.login-card{padding:34px}}
@media(max-width:760px){.login-page{padding:35px 0 58px}.login-shell{display:flex;flex-direction:column;gap:25px}.login-intro{max-width:none;text-align:center}.login-intro h1{margin:11px 0 10px;font-size:30px}.login-intro>p{font-size:14px;line-height:1.65}.login-intro ul{display:none}.login-card{width:100%;max-width:500px;padding:28px 24px;border-radius:12px;box-shadow:0 15px 40px rgba(52,43,70,.09)}.login-card h2{font-size:24px}.login-help{align-items:stretch;flex-direction:column;text-align:center}.login-help a{justify-content:center}.login-submit{min-height:56px}}
@media(max-width:420px){.login-page{padding-top:27px}.login-shell{width:calc(100% - 24px)}.login-intro h1{font-size:27px}.login-intro>p{font-size:13px}.login-card{padding:25px 17px}.login-field input{height:54px}.login-card header{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.login-submit,.login-primary-link{transition:none}}
.login-order-code{width:100%;min-height:59px;margin-top:13px;padding:12px 18px;display:flex;gap:12px;align-items:center;justify-content:center;border:0;border-radius:6px;color:#fff;background:#fb477c;font-size:15px;font-weight:700;cursor:pointer}.login-order-code:hover{color:#fff;background:#e83d70}.login-order-code i{font-size:16px}.login-order-code:focus-visible{outline:3px solid rgba(251,71,124,.25);outline-offset:3px}
@media(max-width:760px){.login-order-code{min-height:56px}}
.login-register{margin-top:22px;padding-top:20px;display:flex;gap:13px;align-items:center;justify-content:space-between;border-top:1px solid #eeeaf1;color:#777;font-size:13px}.login-register>a{min-height:46px;padding:9px 15px;display:flex;gap:8px;align-items:center;justify-content:center;border:1px solid #b9afc5;border-radius:7px;color:#554a67;background:#fff;font-weight:700}.login-register>a:hover{border-color:#77688b;background:#faf9fc}.login-register>a:focus-visible{outline:3px solid rgba(93,82,111,.18);outline-offset:2px}
@media(max-width:420px){.login-register{align-items:stretch;flex-direction:column;text-align:center}.login-register>a{width:100%;min-height:50px}}
.login-forgot-link{margin-top:9px;justify-self:end;color:#65557d;font-size:12px;font-weight:700}.login-forgot-link:hover{text-decoration:underline}.login-reset-copy{margin:0 0 22px;color:#777;font-size:14px;line-height:1.7}.login-back-link{min-height:44px;margin-top:18px;display:flex;align-items:center;justify-content:center;color:#65557d;font-size:13px;font-weight:700}.login-back-link i{margin-right:8px}.login-reset-card{max-width:520px;margin-inline:auto}.login-reset-card .login-form>label:not(:first-of-type){margin-top:18px}