.customer-registration{container-type:inline-size}.customer-registration__card,.customer-registration__header,.customer-registration__form,.customer-registration__profile,.customer-registration__actions,.customer-registration__result,.customer-registration__status{display:flex;flex-direction:column}.customer-registration__card{gap:var(--space-5);padding:clamp(var(--space-6), 5cqi, var(--space-10));border:1px solid var(--color-card-border);border-radius:var(--radius-card);background:var(--color-card-background);box-shadow:var(--shadow-lg)}.customer-registration__header,.customer-registration__form,.customer-registration__profile,.customer-registration__actions,.customer-registration__result,.customer-registration__submit-notices{gap:var(--space-3)}.customer-registration__submit-notice{color:var(--color-text-muted);font-size:var(--font-size-14);line-height:var(--line-height-20)}.customer-registration__submit-notice :where(p){margin:0}.customer-registration__submit-notice :where(a){color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em}.customer-registration__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.customer-registration__input,.customer-registration__primary-action{width:100%}.customer-registration__message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-brand-medium)}.customer-registration__message.is-error{color:var(--color-danger);background:var(--color-danger-surface)}.customer-registration__message.is-success{color:var(--color-success);background:var(--color-success-surface)}.customer-registration__status{align-items:center;gap:var(--space-3);text-align:center}.customer-registration__spinner{width:2rem;aspect-ratio:1;border:2px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:customer-registration-spin 0.75s linear infinite}.customer-registration__back{align-self:center}@container (min-width:32rem){.customer-registration__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-registration__field-wide{grid-column:1 / -1}}@keyframes customer-registration-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.customer-registration__spinner{animation-duration:1.5s}}