.auth-card{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);padding:var(--space-6);gap:var(--space-4);box-shadow:var(--shadow-2);text-align:center;border-radius:0;justify-items:center;display:grid}.auth-title{font-family:var(--font-family-primary);font-size:var(--font-size-5)}.auth-section{gap:var(--space-4);text-align:center;justify-items:center;display:grid}.auth-field{gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-2);text-align:center;justify-items:center;display:grid}.auth-field-error{color:var(--color-feedback-error);font-size:var(--font-size-1)}.auth-input{background:var(--e);border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:var(--space-2)var(--space-3);text-align:center;border-radius:0;width:100%;max-width:320px}.auth-input:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.auth-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.auth-code-inputs{gap:var(--space-3);grid-template-columns:repeat(4,56px);justify-content:center;display:grid}.auth-code{text-align:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);padding:var(--space-2)var(--space-2);font-size:var(--font-size-4);letter-spacing:2px;border-radius:0}.auth-code:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.auth-state{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-2);display:flex}.auth-message{padding:var(--space-3);font-size:var(--font-size-2);text-align:center;border-radius:0}.auth-error{border:1px solid var(--color-feedback-error);color:var(--color-feedback-error)}.auth-success{border:1px solid var(--color-feedback-success);color:var(--color-feedback-success)}.auth-countdown{color:var(--color-text-secondary);font-size:var(--font-size-2);text-align:center}.btn{padding:var(--space-2)var(--space-4);cursor:pointer;transition:transform var(--motion-duration-2)var(--motion-easing-standard),box-shadow var(--motion-duration-2)var(--motion-easing-standard),background var(--motion-duration-2)var(--motion-easing-standard);font-weight:var(--font-weight-3);border:1px solid #0000;border-radius:0}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background:var(--color-interactive-default);color:var(--color-bg-canvas);box-shadow:var(--shadow-2)}.btn-primary:hover{background:var(--color-interactive-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--color-interactive-active);transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border-default);background:0 0}.btn-secondary:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-1)}.btn-link{color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);background:0 0}.btn:disabled{cursor:not-allowed;color:var(--color-text-disabled);border-color:var(--color-border-subtle);box-shadow:none}.auth-secondary{margin-top:var(--space-2)}