.login-card{max-width:420px;margin:0 auto;padding:var(--space-6);gap:var(--space-4)}.login-card,.login-card__header{display:flex;flex-direction:column}.login-card__header{gap:var(--space-1)}.login-card__icon{width:48px;height:48px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.login-card__title{font-size:var(--text-xl);font-weight:800;color:var(--color-title);margin:0}.login-card__subtitle{color:var(--color-subtitle);margin:0;font-size:var(--text-sm);white-space:nowrap}.login-form{gap:var(--space-3)}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.login-field__input{width:100%;padding:10px 14px;border-radius:5px;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;font-size:var(--text-md)}.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}