:root {
        --primary-navy: #1a375d;
        --accent-blue: #2c5282;
        --border-light: #e2e8f0;
    }

    .reg-card {
        border: 1px solid var(--border-light);
        border-radius: 12px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    .reg-header {
        background-color: var(--primary-navy) !important;
        padding: 1.5rem;
    }

    /* This styles the HTML headers we added in the FormHelper Layout */
    .section-title {
        color: var(--primary-navy);
        font-size: 1.1rem;
        border-bottom: 2px solid #f7fafc;
        padding-bottom: 8px;
        margin-top: 1.5rem;
        font-weight: bold;
    }

    /* These style the actual Crispy Form outputs */
    .form-control {
        border-radius: 8px;
        padding: 0.6rem 1rem;
    }

    .btn-primary { /* Bootstrap's primary button, now styled for your app */
        background-color: var(--accent-blue);
        border: none;
        padding: 0.8rem;
    }