.login{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-form{flex-direction:column;gap:18px;width:min(24rem,100%);padding:28px;display:flex}.login-head{flex-direction:column;gap:4px;display:flex}.login-head h1{color:var(--brand-strong);font-family:var(--display);font-size:26px;font-weight:400}.login-head p{color:var(--ink-soft);font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--ink-soft);font-size:12px;font-weight:550}.field input{background:var(--bg);border:1px solid var(--rule-strong);color:var(--ink);border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.field input:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);outline:none}.login-error{background:var(--neg-wash);color:var(--neg);border-radius:8px;padding:10px 12px;font-size:13px}.login-submit{min-height:44px}.login-submit:disabled{cursor:progress;opacity:.7}.field-hint{color:var(--ink-faint);font-size:12px}