.login{min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{gap:var(--space-4);width:100%;max-width:400px;padding:var(--space-6);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);display:flex}.login-mark{border-radius:var(--radius-pill);background:var(--color-accent);width:10px;height:10px}.login-title{font-size:var(--display-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);margin:0}.login-button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-inner);background:var(--color-accent);color:#fff;font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--dur-fast) var(--ease-standard);display:inline-flex}.login-button:hover{opacity:.9}.login-note{gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-inner);background:var(--color-surface-sub);color:var(--color-ink-2);font-size:var(--text-sm);margin:0;display:flex}.login-note[data-tone=warn]{border-color:var(--color-warning);color:var(--color-ink)}.login-note svg{flex:none}.login-note code{font-family:var(--font-mono);font-size:var(--text-xs)}.login-foot{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0}