/**
 * Register page — role-card animation. Direct port of the inline <style> in
 * web-orig/src/components/RegisterForm.astro. .role-btn.active visual state
 * is applied inline by register.js (border + background) to match the Astro
 * source verbatim, so no .active rule is needed here.
 */

@keyframes regFieldFade {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* Conditional field groups: hidden state flattens the flex layout so the
 * .hidden + flex/flex-col utility combo collapses correctly. */
.register-form-wrapper .trainee-fields:not(.hidden),
.register-form-wrapper .supervisor-fields:not(.hidden),
.register-form-wrapper .organization-fields:not(.hidden) {
	display: flex;
}