.login-page{--login-ink:#111319;--login-muted:#656b76;--login-line:#d9dce2;--login-surface:#fff;--login-canvas:#f0f2f6;--login-accent:#1646d8;min-height:100dvh;color:var(--login-ink);background:var(--login-canvas);grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);display:grid}.login-panel{background:var(--login-surface);grid-template-rows:auto 1fr auto auto;align-items:center;min-height:100dvh;padding:28px clamp(28px,5vw,72px);display:grid}.login-brand{justify-content:space-between;align-self:start;align-items:center;gap:20px;display:flex}.login-brand img{width:118px;height:auto}.login-brand span{color:var(--login-muted);font-size:12px;font-weight:750}.login-copy{align-self:end;width:min(100%,460px);margin:clamp(36px,7vh,72px) auto 24px}.login-kicker{color:var(--login-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:850}.login-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.5vw,56px);line-height:.98}.login-copy>p:last-child{max-width:42ch;color:var(--login-muted);margin:16px 0 0;font-size:16px;line-height:1.65}.login-form{gap:14px;width:min(100%,460px);margin:0 auto;display:grid}.login-field{gap:8px;display:grid}.login-field label{font-size:13px;font-weight:800}.login-field input{width:100%;min-height:50px;color:var(--login-ink);border:1px solid var(--login-line);background:#f8f9fb;border-radius:12px;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s,background .15s}.login-field input::placeholder{color:#7f8590}.login-field input:focus{border-color:var(--login-accent);background:#fff;box-shadow:0 0 0 3px #1646d824}.login-field input:disabled{opacity:.62}.password-field{position:relative}.password-field input{padding-right:54px}.password-toggle{width:44px;height:44px;color:var(--login-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.password-toggle:hover{color:var(--login-ink);background:#eceff4}.password-toggle svg{width:20px;height:20px}.login-error{color:#8d1d29;background:#fff2f3;border:1px solid #f1c8cd;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 14px;font-size:13px;line-height:1.45;display:flex}.login-error svg{flex:0 0 19px;width:19px;height:19px;margin-top:1px}.login-submit{color:#f8faff;background:var(--login-accent);border:1px solid var(--login-accent);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;font-weight:850;transition:transform .12s,background .15s;display:flex}.login-submit:hover:not(:disabled){background:#1039bd}.login-submit:active:not(:disabled){transform:scale(.985)}.login-submit:disabled{cursor:not-allowed;opacity:.68}.login-submit svg{width:21px;height:21px}.login-privacy{width:min(100%,460px);color:var(--login-muted);margin:18px auto 0;font-size:11px}.login-context{color:#f4f6ff;background:#111728;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(40px,6vw,84px);display:flex;position:relative;overflow:hidden}.login-context:after{content:"";aspect-ratio:1;border:1px solid #6f91ff52;border-radius:50%;width:70%;position:absolute;bottom:-15%;right:-22%;box-shadow:0 0 0 72px #4669d90f,0 0 0 150px #4669d90a}.login-context-mark{z-index:1;letter-spacing:-.14em;color:#4268e8;font-size:clamp(150px,23vw,330px);font-weight:500;line-height:.75;position:relative;transform:translate(-.08em)}.login-context>div:last-child{z-index:1;gap:6px;display:grid;position:relative}.login-context strong{letter-spacing:-.035em;font-size:clamp(23px,3vw,38px)}.login-context span{color:#aab6da;font-size:15px}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-panel{min-height:100dvh;padding:24px 20px max(28px, env(safe-area-inset-bottom))}.login-context{display:none}.login-copy{margin-top:70px}.login-copy h1{font-size:clamp(42px,13vw,58px)}}@media (prefers-reduced-motion:reduce){.login-field input,.login-submit{transition:none}}