.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:30px;align-items:center;min-height:65vh}
.login-card{padding:35px;background:white;border:1px solid var(--line);border-radius:16px;max-width:490px;width:100%}
.login-card h1{font-size:34px;letter-spacing:-1px;margin:8px 0}
.login-card p{line-height:1.6;color:#647067;font-size:14px}
.login-form{display:flex;flex-direction:column;gap:12px;margin:26px 0 0}
.login-form label{font-weight:650;font-size:13px}
.login-form input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid #cad4ca;border-radius:8px}
.primary-button{padding:12px 16px;background:var(--green);color:white;border:0;border-radius:8px;cursor:pointer;font:inherit;font-weight:700}
.primary-button:disabled{opacity:.6}
.quiet-button{padding:10px;border:0;background:transparent;color:var(--green);cursor:pointer;font:inherit}
.login-status{font-size:13px;min-height:22px}
.login-side{min-height:300px;background:#edf2eb;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;color:#486b57;font-size:16px;line-height:1.5}
.big-x{font-size:160px;line-height:1;color:#8eae9a;font-weight:200}

.login-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;margin-top:16px}
.login-options .quiet-button{font-size:13px;padding:9px 4px}
.login-options .quiet-button:disabled{color:#9aa59a;cursor:not-allowed}
#loginCode{font-size:24px;letter-spacing:.3em;font-variant-numeric:tabular-nums;text-align:center}