@keyframes auth-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-card{--auth-panel-bg:rgb(var(--color-surface-elevated));--auth-logo-text:rgb(var(--color-text-primary));--auth-logo-meta:rgb(var(--color-text-tertiary));--auth-text-primary:rgb(var(--color-text-primary));--auth-text-secondary:rgb(var(--color-text-secondary));--auth-text-tertiary:rgb(var(--color-text-tertiary));--auth-danger:rgb(var(--color-system-danger));--auth-accent:rgb(var(--color-accent));--auth-border:rgb(var(--color-border-default));--auth-border-focus:rgb(var(--color-border-focus));width:100%;max-width:24rem;padding:0 var(--space-4)}.auth-card__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-card__logo-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);border:var(--border-width-medium) solid var(--auth-accent);color:var(--auth-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.auth-card__logo-text{display:flex;flex-direction:column}.auth-card__logo-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);letter-spacing:1px;color:var(--auth-logo-text)}.auth-card__logo-sub{font-size:var(--font-size-xs);color:var(--auth-logo-meta)}.auth-card__panel{background:var(--auth-panel-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8)}.auth-card__section{display:flex;flex-direction:column;gap:var(--space-6)}.auth-card__header{display:flex;flex-direction:column;gap:var(--space-2)}.auth-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--auth-text-primary)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--auth-text-tertiary)}.auth-card__error{font-size:var(--font-size-sm);color:var(--auth-danger)}.auth-card__back{align-self:flex-start;padding:0;min-width:0;font-size:var(--font-size-sm);color:var(--auth-text-tertiary);transition:color var(--motion-duration-fast)}.auth-card__back:hover{background-color:rgba(0,0,0,0);color:var(--auth-text-primary)}.auth-card__qr-wrapper{display:flex;justify-content:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-md);align-self:center}.auth-card__qr-image{display:block;border-radius:var(--radius-sm)}.auth-card__code-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.auth-card__code-label{font-size:var(--font-size-xs);color:var(--auth-text-tertiary);text-align:center}.auth-card__code-value{font-family:var(--font-family-mono);font-size:var(--font-size-xl,var(--font-size-md));font-weight:var(--font-weight-bold);letter-spacing:.2em;color:var(--auth-text-primary);background:rgb(var(--color-surface-subtle));border:var(--border-width-thin) solid var(--auth-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);text-align:center;width:100%}.auth-card__expiry{font-size:var(--font-size-xs);color:var(--auth-text-tertiary);text-align:center}.auth-card__expiry--expired{color:var(--auth-danger)}.auth-card__loader{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-card__centered{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) 0}.auth-card__centered .auth-card__error{text-align:center}.auth-card__centered .auth-card__spinner-icon{color:var(--auth-accent)}.auth-card__spinner-icon{animation:auth-spin 1s linear infinite}.auth-card__spinner-text{font-size:var(--font-size-sm);color:var(--auth-text-secondary)}