.header {
    background-color: var(--primary-dark);
    color: var(--text-white);
    padding: 10px;
    text-align: center;
    border-radius: 8px;
}

    .header h1 {
        margin: 0;
        font-size: 1.3rem;
    }

.intro {
    text-align: center;
    margin: 20px 0;
    font-size: 1.1rem;
    color: var(--text-medium);
}

.offer-types, .membership-offers, .stay-updated {
    margin: 40px 0;
}

    .offer-types h2, .membership-offers h2, .stay-updated h2 {
        color: var(--primary-dark);
        font-size: 1.1em;
        margin-bottom: 20px;
    }

    .offer-types ul, .membership-offers ul, .stay-updated ul {
        list-style-type: none;
        padding: 0;
    }

    .offer-types li, .membership-offers li, .stay-updated li {
        background-color: var(--primary-light);
        margin: 10px 0;
        padding: 15px;
        border-radius: 5px;
        font-size: 1rem;
        color: var(--text-dark);
    }

        .offer-types li::before, .membership-offers li::before, .stay-updated li::before {
            content: "✔";
            color: var(--accent-orange);
            margin-right: 10px;
        }


.note {
    text-align: center;
    color: var(--text-medium);
    font-style: italic;
}