.login-page{min-height:100dvh;padding:var(--space-lg);background:var(--color-canvas);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:380px;padding:var(--space-xxl) var(--space-xl);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);gap:var(--space-md);flex-direction:column;display:flex}.login-brand{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:13px;font-weight:600}.login-title{margin:0 0 var(--space-md);letter-spacing:-.02em;font-size:28px;font-weight:600}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-field{color:#444;flex-direction:column;gap:6px;font-size:13px;display:flex}.login-field input{border:1px solid var(--color-hairline);color:var(--color-ink);background:var(--color-surface-soft);border-radius:12px;padding:12px 16px;font-size:16px}.login-field input:focus{outline:2px solid var(--color-ink);outline-offset:1px}.login-error{color:#c0392b;margin:0;font-size:13px}.login-submit{margin-top:var(--space-md);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-canvas);cursor:pointer;border:none;padding:14px 24px;font-size:16px;font-weight:500}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-submit:not(:disabled):hover{opacity:.85}