.auth-card{background:var(--color-surface-panel-muted);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card__panel{border:1px solid var(--color-border-panel);border-radius:var(--radius-panel);background:var(--color-surface-card);width:min(100%,420px);box-shadow:var(--shadow-float);padding:40px}.auth-card__panel--wide{width:min(100%,520px)}.auth-card__brand{align-items:center;gap:10px;display:flex}.auth-card__title{font-family:var(--font-heading);margin-top:28px;font-size:24px;font-weight:600;line-height:28px}.auth-card__lede{color:var(--color-text-dense-secondary);margin-top:8px;font-size:14px;line-height:20px}.auth-card__body{margin-top:24px}.auth-card__footer{border-top:1px solid var(--color-border-divider);color:var(--color-text-dense-secondary);margin-top:24px;padding-top:16px;font-size:13px;line-height:18px}.auth-card__form{gap:16px;display:grid}.auth-card__submit{border-radius:var(--radius-row);background:var(--color-accent);width:100%;height:44px;color:var(--color-text-on-accent);font-family:var(--font-heading);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:15px;font-weight:600;line-height:20px;display:inline-flex}.auth-card__submit:hover:not(:disabled){filter:brightness(.95)}.auth-card__submit:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.auth-card__submit:disabled{cursor:default;opacity:.6}.auth-card__link{color:var(--color-text-primary);text-underline-offset:2px;font-weight:500;text-decoration:underline}.auth-card__link:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px;border-radius:2px}.auth-card__secondary{border:1px solid var(--color-border-input);border-radius:var(--radius-row);background:var(--color-surface-card);width:100%;height:44px;color:var(--color-text-primary);font-family:var(--font-heading);cursor:pointer;justify-content:center;align-items:center;font-size:15px;font-weight:600;line-height:20px;display:inline-flex}.auth-card__secondary:hover{background:var(--color-surface-panel-muted)}.auth-card__secondary:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.auth-field{gap:6px;display:grid}.auth-field__label{color:var(--color-text-primary);font-size:13px;font-weight:500;line-height:18px}.auth-field__input{border:1px solid var(--color-border-control);border-radius:var(--radius-row);background:var(--color-surface-input);width:100%;height:44px;color:var(--color-text-primary);font-family:var(--font-body);padding-inline:12px;font-size:14px;line-height:20px}.auth-field__input::placeholder{color:var(--color-text-dense-secondary)}.auth-field__input:focus-visible{border-color:var(--color-brand);outline:2px solid var(--color-focus-outline);outline-offset:2px}.auth-field__input[aria-invalid=true]{border-color:var(--color-status-failed)}.auth-field__message{color:var(--color-text-dense-secondary);font-size:13px;line-height:18px}.auth-field__message--error{color:var(--color-status-failed)}.auth-notice{border-left:3px solid var(--color-brand);border-radius:var(--radius-row);background:var(--color-brand-soft);color:var(--color-text-primary);padding:10px 12px;font-size:13px;line-height:18px}.auth-notice--error{border-left-color:var(--color-status-failed);background:var(--color-status-failed-soft)}