.main-body {
    height: 100%;
    width: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: no-repeat center;
    background-size: cover;
}

.main-body h1, .main-body h3 {
    text-shadow:
            -1px -1px 0 #131313,
            1px -1px 0 #131313,
            -1px 1px 0 #131313,
            1px 1px 0 #131313;
}

.main-body h1 {
    font-size: calc(1.4rem + 1.5vw);
}

.main-body h3 {
    font-size: calc(0.9rem + 0.5vw);
}

/* High contrast CTA button for hero section */
.btn-cta {
    font-size: 1.125rem;
    padding: 0.75rem 2rem;
    font-weight: 600;
    background-color: #fff;
    color: var(--ere-green);
    border: 2px solid #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.btn-cta:hover,
.btn-cta:focus {
    background-color: var(--ere-green);
    color: #fff;
    border-color: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    transform: translateY(-2px);
}