.login-card{max-width:420px;margin:0 auto;padding:var(--space-8);gap:var(--space-6)}.login-card,.login-card__header{display:flex;flex-direction:column}.login-card__header{gap:var(--space-2)}.login-card__title{font-size:var(--text-2xl);font-weight:800;color:var(--color-title);margin:0}.login-card__subtitle{color:var(--color-subtitle);margin:0}.login-form{gap:var(--space-4)}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:var(--space-2)}.login-field__label{font-size:var(--text-md);color:var(--color-text)}.login-field__input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-field__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(90,119,255,.25)}.login-submit{width:100%;justify-content:center}.login-message{margin:0}.login-footer,.login-message{font-size:var(--text-sm);color:var(--color-muted)}.login-footer{display:flex;justify-content:space-between}.login-footer a{color:var(--color-accent);text-decoration:none}.login-footer a:hover{text-decoration:underline}