:root {
            --primary-green: #008f5d;
            --primary-dark: #005c3b;
            --accent-light: #e6f7ef;
            --aurora-teal: #00c9a7;
            --text-dark: #1a1a1a;
            --text-grey: #555555;
            --white: #ffffff;
            --tape-color: rgba(240, 230, 210, 0.9);
            --gold: #D4AF37;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Poppins', sans-serif;
        }

       html, body {
            background-color: var(--white);
            color: var(--text-dark);
            line-height: 1.6;
            overflow-x: hidden !important;
           position: relative; 
        }

        img {
            max-width: 100%;
            display: block;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
        }

        /* --- 2. GLOBAL COMPONENTS (Buttons, Typography) --- */
        .btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 14px 35px;
            background-color: var(--primary-green);
            color: var(--white);
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: transform 0.2s ease;
            box-shadow: 0 10px 20px rgba(0, 143, 93, 0.2);
        }

        .btn:hover {
            transform: translateY(-2px);
            background-color: var(--primary-dark);
        }

        .btn-outline {
            background-color: transparent;
            color: var(--primary-green);
            border: 2px solid var(--primary-green);
            box-shadow: none;
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: 0.3s;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .btn-outline:hover {
            background-color: var(--primary-green);
            color: var(--white);
        }

        .video-btn {
            display: inline-flex;
            align-items: center;
            gap: 15px;
            color: var(--text-dark);
            text-decoration: none;
            font-weight: 600;
            transition: 0.3s;
        }

        .play-icon {
            width: 50px;
            height: 50px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            color: var(--primary-green);
            font-size: 1.2rem;
            border: 1px solid #eee;
            transition: 0.3s;
            animation: pulse-green 2s infinite;
        }

        @keyframes pulse-green {
            0% {
                box-shadow: 0 0 0 0 rgba(0, 143, 93, 0.4);
            }

            70% {
                box-shadow: 0 0 0 10px rgba(0, 143, 93, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(0, 143, 93, 0);
            }
        }

        .video-btn:hover .play-icon {
            transform: scale(1.1);
            background: var(--primary-green);
            color: white;
            animation: none;
        }

        .video-btn:hover {
            color: var(--primary-green);
        }