.login{background:var(--bg);place-items:center;min-height:100vh;padding:32px 16px;display:grid}.login__card{flex-direction:column;gap:28px;width:100%;max-width:360px;display:flex}.login__brand{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.login__wordmark{font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--ink);font-size:14px;font-weight:600}.login__sub{font-family:var(--font-sans);color:var(--muted);font-size:13px;line-height:1.4}.login__error{border:1px solid var(--line-medium);background:var(--bg-elev);border-radius:var(--radius-sm);color:var(--ink-2);padding:10px 12px;font-size:12.5px}.login__form{flex-direction:column;gap:14px;display:flex}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.login__input{background:var(--bg-elev);border:1px solid var(--line-medium);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--ink);transition:border-color var(--dur-instant) var(--ease-out-soft);padding:10px 12px;font-size:13.5px}.login__input::placeholder{color:var(--muted-2)}.login__input:focus{border-color:var(--line-stronger);outline:none}.login__submit{background:var(--ink);width:100%;color:var(--bg-elev);border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-instant) var(--ease-out-soft), transform var(--dur-instant) var(--ease-out-soft);border:0;margin-top:4px;padding:11px 14px;font-size:12.5px;font-weight:500}.login__submit:hover{background:var(--ink-2)}.login__submit:active{transform:scale(.99)}.login__tagline{font-family:var(--font-display);color:var(--muted-2);text-align:center;font-size:14px;font-style:italic;line-height:1.5}.login__tagline em{color:var(--ink-3);font-style:italic}