.login-page{background:var(--sidebar-gradient);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:var(--white);border-radius:var(--radius-modal);width:min(400px,100%);box-shadow:var(--shadow-modal);overflow:hidden}.login-brand{background:var(--sidebar);color:#f3f8ff;padding:26px 28px 22px}.login-brand .brand-word{font-family:var(--font-word);letter-spacing:-1.4px;font-size:30px;line-height:1.1;display:block}.login-brand .brand-description{color:var(--navtext);margin-top:6px;font-size:12px;display:block}.login-form{flex-direction:column;gap:14px;padding:26px 28px 28px;display:flex}.login-title{letter-spacing:-.03em;font-size:20px;font-weight:700}.field{color:var(--sub);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.field input{border:1px solid var(--line2);border-radius:var(--radius-control);background:var(--white);min-height:44px;color:var(--ink);padding:10px 12px;font-size:15px}.field input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #2c6cd326}.login-error{color:#9c3640;min-height:20px;font-size:13px}.login-error:empty{min-height:0;margin-top:-14px}.login-submit{min-height:44px;font-size:14px}@media (max-width:620px){.field input{font-size:16px}}