/* registration_page.css - Page-specific styles for Registration Page */
/* Page background with aspirational image and soft overlay */
.auth-page {
    min-height: calc(100vh - 56px - 56px);
    /* approx header + footer height */
    }
.auth-page__bg {
    position: fixed;
    inset: 0;
    background: url(assets/background_image_for_registrat_1_890b205f.jpg) center/cover no-repeat;
    z-index: 0
    }
.auth-page__overlay {
    position: fixed;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(236, 246, 251, 0.85) 100%);
    z-index: 1
    }
.auth-page > .container {
    z-index: 2
    }
/* Signup card sizing */
.signup-card {
    max-width: 720px;
    margin-inline: auto;
    animation: fade-in 360ms ease
    }
/* Role chips spacing */
.form-check-inline .form-check-input {
    transform: translatey(2px)
    }
/* Password strength colors */
#passwordStrengthBar.weak {
    background: var(--color-error)
    }
#passwordStrengthBar.medium {
    background: var(--color-warning)
    }
#passwordStrengthBar.strong {
    background: var(--color-success)
    }
/* Password checklist visuals */
.password-checklist li {
    display: flex;
    align-items: center
    }
.password-checklist li.ok {
    color: var(--color-success);
    font-weight: 500
    }
/* Buttons subtle variant compatibility */
.btn-outline-secondary {
    --btn-bg: transparent
    }
/* Make SweetAlert font align with page */
.swal2-container, .swal2-popup {
    font-family: "Poppins", var(--font-sans)
    }
/* Responsive tweaks */
@media (max-width: 575.98px) {
    .signup-card .wizard__header {
        align-items: flex-start;
        gap: var(--space-3)
        }
    }