.login-card-two24{width:min(720px,100%);min-height:0;display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;padding:36px 36px 28px}
.login-scan24{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border-right:1px solid var(--divider);padding-right:30px;text-align:center;min-width:0}
.login-scan24 h3{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;color:var(--ink);font-size:12px;font-weight:500}
.login-scan24 h3 svg{width:25px;height:25px;color:var(--primary)}
.login-scan-unavailable24{width:150px;height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface,#fff);color:var(--muted)}
.login-scan-unavailable24 svg{width:48px;height:48px;opacity:.45}
.login-scan-unavailable24 span{font-size:11px}
.login-scan24 p{margin:0;color:var(--text);font-size:10px;line-height:1.7}
.login-scan24 small{color:var(--muted);font-size:9px;line-height:1.7}
.login-credentials24{min-width:0}
.login-credentials24>header{margin-bottom:28px}
.login-credentials24>header h2{display:flex;align-items:center;gap:8px;margin:0;}
.login-credentials24>header h2 svg{width:18px;height:18px;}
.login-credentials24>header>span{display:block;margin-top:8px;}
.login-card-two24 .login-tabs button{display:flex;align-items:center;justify-content:center;gap:7px}
.login-card-two24 .login-tabs svg{width:14px;height:14px}
.login-card-two24 .login-method-stage{height:auto;min-height:290px;overflow:visible}
.login-phone-status24{margin:0;min-height:34px;font-size:10px;color:var(--muted);line-height:1.7}
@media(max-width:1000px){.login-card-two24{grid-template-columns:170px minmax(0,1fr);gap:24px;padding:28px}.login-scan24{padding-right:23px}.login-scan-unavailable24{width:136px;height:136px}}
@media(max-width:600px){.login-card-two24{grid-template-columns:minmax(0,1fr);gap:24px;padding:26px 22px;max-width:420px}.login-credentials24{grid-row:1}.login-scan24{grid-row:2;border-right:0;border-top:1px solid var(--divider);padding:22px 0 0;gap:10px}.login-scan-unavailable24{width:120px;height:120px}.login-card-two24 .login-method-stage{min-height:280px}.login-card-two24 .login-tabs button{white-space:nowrap}}
/* The brand column yields space first; credentials keep the approved desktop width. */
.login-screen{grid-template-columns:minmax(0,1fr) minmax(800px,58%)}
.login-workspace{min-width:0;padding:40px}
.login-brand{min-width:0}
.login-logo{max-width:100%}
@media(min-width:901px) and (max-width:1120px){.login-brand{padding:30px 18px}.login-brand-copy,.login-brand footer{display:none}}
@media(max-width:900px){.login-screen{grid-template-columns:minmax(0,1fr);overflow:auto}.login-brand{display:none}.login-workspace{min-height:100dvh;padding:64px 40px 84px}}
@media(max-width:799px){.login-workspace{padding:64px 24px 84px}}
@media(max-width:600px){.login-workspace{padding:56px 16px 92px}}
/* Both modes share the same field, auxiliary and submit rows. */
.login-card-two24 .login-form{grid-template-rows:minmax(70px,auto) minmax(70px,auto) 24px 16px 44px}
.login-card-two24 .login-phone-status24{grid-row:3 / 5;align-self:start}
.login-card-two24 .login-phone24 [data-mis-auth-region="submit"]{grid-row:5}