/* Ensure the section covers the screen */
.registration-section {
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    /* This adds space for the mobile bottom bar */
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
}

/* Fix mobile card transparency */
@media (max-width: 767px) {
    .registration-section .col-xl-9 {
        background: rgba(0, 20, 40, 0.55);
        border-radius: 12px;
        padding: 1.5rem;
        margin-bottom: 2rem; /* Adds space if footer issues occur */
    }
}