.login{min-height:100dvh;display:grid;place-items:center;padding:var(--gap);background:var(--bg)}.login-card{width:min(24rem,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem}.login-card h1{margin:0 0 .375rem;font-size:1.25rem;color:var(--fg)}.login-lede{margin:0 0 1.25rem;color:var(--muted);font-size:.9375rem}.login-field{display:block;margin-bottom:1rem}.login-field span{display:block;margin-bottom:.375rem;font-size:.875rem;color:var(--fg)}.login-field input{width:100%;min-height:var(--tap);padding:0 .75rem;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius)}.login-field input:focus-visible,.login-submit:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.login-submit{width:100%;min-height:var(--tap);font:inherit;font-weight:600;color:var(--accent-fg);background:var(--accent);border:1px solid transparent;border-radius:var(--radius);cursor:pointer}.login-submit:hover{filter:brightness(.94)}.login-error{margin:0 0 1rem;padding:.625rem .75rem;font-size:.9375rem;color:var(--fg);background:var(--alert-bg);border-left:3px solid var(--alert-line);border-radius:0 var(--radius) var(--radius) 0}