/* 🎨 CLIENT GRADIENT – blush pink → bright red */
        :root {
            --vibrant-gradient: linear-gradient(135deg, #D9A3A3, #E51E26);
            --gradient-reverse: linear-gradient(135deg, #E51E26, #D9A3A3);
            --white-clean: #ffffff;
            --off-white: #f9fcff;
            --gray-light: #eef5f8;
            --text-dark: #1a3a4b;
            --text-soft: #3e5f70;
            --shadow-sm: 0 15px 30px rgba(229, 30, 38, 0.08);
        }

        a {
            text-decoration: none;
        }

        h1, h2, h3, h4 {
            font-weight: 700;
            line-height: 1.2;
            color: var(--text-dark);
        }

        h2 {
            font-size: 2.2rem;
            margin-bottom: 1rem;
            letter-spacing: -0.01em;
        }

        .section {
            padding: 80px 0;
        }

        .section-bg-light {
            background-color: var(--off-white);
        }

a.btn {
    display: inline-block;
    padding: 14px 36px;
    background: #ff0000;
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
    border-radius: 50px;
    letter-spacing: 0.5px;
    transition: all 0.25s;
    border: none;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(229, 30, 38, 0.3);
}

 /* ---------- RESPONSIVE ---------- */
        @media screen and (max-width: 1000px) {
            .why-grid, .cards-grid, .trainer-grid, .injection-grid, .footer-grid, .blog-grid, .gym-features, .experience-stats {
                grid-template-columns: 1fr 1fr !important;
            }
            .video-hero-wrapper { width: 95%; }
            .video-overlay-text { flex-direction: column; align-items: flex-start; }
        }

        @media screen and (max-width: 768px) {
            h2 { font-size: 2rem; }
            .nav-links { display: none; }
            .why-grid, .cards-grid, .trainer-grid, .injection-grid, .footer-grid, .blog-grid, .gym-features, .experience-stats {
                grid-template-columns: 1fr !important;
            }
            .overlay-headlines h1 { font-size: 1.6rem; }
            .cta-banner { padding: 40px 24px; }
            .hero-subtext { padding: 24px; }
            .hero-cta-group { flex-direction: column; }
            .trainer-grid .trainer-photo { order: -1; }
        }

        @media screen and (max-width: 480px) {
            .section { padding: 50px 0; }
        }