.login{min-height:100dvh;padding:var(--backlink-clear) var(--space-md) var(--space-xl);z-index:2;place-items:center;display:grid;position:relative}.login__card{text-align:center;width:100%;max-width:352px}.login__lede{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);letter-spacing:var(--track-tight);margin:var(--space-md) 0 var(--space-xs);line-height:1.1}.login__note{margin:0 auto var(--space-lg);max-width:32ch;font-size:var(--text-sm);color:var(--ink-2);line-height:1.6}.login__form{gap:var(--space-2xs);text-align:left;display:grid}.login__form label{margin-bottom:2px}.login__form input{font-family:var(--font-body);font-size:var(--text-md);padding:11px var(--space-sm);border:var(--rule-thin) solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink);width:100%;transition:border-color var(--dur-state) var(--ease-out);outline:none}.login__form input::placeholder{color:var(--ink-3)}.login__form input:disabled{opacity:.6}.login__form button{margin-top:var(--space-sm);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;padding:12px var(--space-md);border:var(--rule-thin) solid var(--ink);border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);cursor:pointer;transition:background var(--dur-state) var(--ease-out), color var(--dur-state) var(--ease-out);font-weight:600}.login__form button:hover:not(:disabled){color:var(--ink);background:0 0}.login__form button:disabled{opacity:.5;cursor:default}.login__err{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--negative)}.login__hint{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--ink-2);line-height:1.55}.login__alt{margin:var(--space-md) 0 0;font-size:var(--text-sm);color:var(--ink-2)}.login__alt a{color:var(--ink-2);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.login__form input:focus{border-color:var(--cool)}.login__alt a{-webkit-text-decoration-color:var(--cool);text-decoration-color:var(--cool)}.login__alt a:hover{color:var(--cool-deep)}