.login-page{background:var(--bg);min-height:100vh;padding:var(--sp-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-brand{margin-bottom:var(--sp-7);text-align:center}.login-brand-name{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-size:20px;font-weight:700;text-decoration:none;display:block}.login-brand-sub{margin:var(--sp-1) 0 0;font-size:var(--t-small);color:var(--ink-3)}.login-card{background:var(--surface);border:1px solid var(--rule-2);border-radius:var(--r-3);width:100%;max-width:380px;padding:var(--sp-7)}.login-card-heading{font-size:var(--t-h3);color:var(--ink);margin:0 0 var(--sp-6);letter-spacing:var(--t-h3-ls);font-weight:700}.login-fields{gap:var(--sp-5);flex-direction:column;display:flex}.login-field{gap:var(--sp-2);flex-direction:column;display:flex}.login-label{font-size:var(--t-small);color:var(--ink-2);font-weight:500}.login-input{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--t-small);font-family:var(--font-sans);color:var(--ink);background:var(--bg);border:1px solid var(--rule-2);border-radius:var(--r-2);box-sizing:border-box;outline:none;transition:border-color .15s ease-out}.login-input::placeholder{color:var(--ink-3)}.login-input:focus{border-color:var(--risk);box-shadow:0 0 0 2px var(--risk-subtle)}.login-input--error{border-color:var(--bad)}.login-input--error:focus{box-shadow:0 0 0 2px #b91c1c1a}.login-field-error{color:var(--bad);margin:0;font-size:12px}.login-server-error{background:var(--risk-subtle);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);margin-top:var(--sp-2);border:1px solid #1e5f7433}.login-server-error p{font-size:var(--t-small);color:var(--risk-ink);margin:0}.login-submit{width:100%;margin-top:var(--sp-2)}.login-footer{margin-top:var(--sp-5);text-align:center;font-size:var(--t-small);color:var(--ink-3)}.login-footer a{color:var(--risk);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}