.login-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:var(--spacing-2xl);box-shadow:var(--shadow-md);gap:var(--spacing-xl);flex-direction:column;display:flex}.login-card__header{gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.login-card__eyebrow{text-transform:uppercase;font-size:var(--font-size-xs);letter-spacing:.08em;color:var(--color-text-muted)}.login-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.login-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-card__next{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.login-form__panel{gap:var(--spacing-md);flex-direction:column;display:flex}.login-form__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.login-form__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-form__input{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.login-form__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent)20%,transparent);outline:none}.login-form__button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);border:none}.login-form__button:disabled{cursor:not-allowed;opacity:.7}.login-form__button:hover:not(:disabled){background:var(--color-accent-hover)}.login-form__button--secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.login-form__button--secondary:hover:not(:disabled){background:var(--color-bg-tertiary)}.login-form__actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.login-form__error{color:var(--color-error);font-size:var(--font-size-sm)}.login-form__step{gap:var(--spacing-xs);flex-direction:column;display:flex}.login-form__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.login-form__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.login-form__qr{gap:var(--spacing-lg);background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;display:flex}.login-form__qr-image{border-radius:var(--radius-sm);background:var(--color-bg-primary);width:180px;height:180px;padding:var(--spacing-xs)}.login-form__qr-details{gap:var(--spacing-xs);word-break:break-all;flex-direction:column;max-width:280px;display:flex}.login-form__qr-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.login-form__qr-value{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.login-form__checkbox{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}@media (max-width:640px){.login-card{padding:var(--spacing-xl)}.login-form__actions{flex-direction:column;align-items:stretch}}