.login-main{width:100%;max-width:392px;margin:64px auto;padding:0 24px}
.login-heading{display:flex;align-items:center;gap:10px;margin-bottom:28px}
.login-heading h2{font-size:18px}
.login-heading img{opacity:.75}
.login-form{display:grid;gap:10px;min-width:0}
.login-form label{font-size:13px;font-weight:600}
.login-form input{width:100%;min-width:0;height:48px;border:1px solid #b8c0c6;border-radius:4px;padding:10px 12px;background:#fff;color:var(--ink);font-size:18px;letter-spacing:0}
.login-form input[aria-invalid=true]{border-color:var(--red)}
.login-message{min-height:44px;font-size:12px;line-height:1.7;color:var(--red);overflow-wrap:anywhere}
.login-message.rate-limited{color:var(--amber)}
.login-submit{width:100%;min-height:44px;padding:10px 16px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;font-size:14px;font-weight:600}
.login-submit:hover:not(:disabled){background:#40464c}
.login-submit:disabled{cursor:wait;opacity:.6}
@media(max-width:620px){.login-main{margin-top:40px;padding-left:16px;padding-right:16px;max-width:360px}.login-heading{margin-bottom:24px}}