/* Base Styles */
        html, body {
            overflow-x: hidden; /* Prevent horizontal scrolling */
        }

        body {
            background: #E6EFF5 !important; /* Subtle blue-gray */
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: #2C3539; /* Charcoal */
            line-height: 1.6;
            margin: 0;
            padding-top: 70px; /* Space for the fixed header */
        }

        /* Hero Section */
        .hero-section {
            min-height: 75vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: linear-gradient(135deg, rgba(43, 76, 126, 0.9), rgba(43, 76, 126, 0.7)), 
                        url('https://www.mnthen.com/images/header.jpg') center/cover no-repeat;
            padding: 2rem;
            position: relative;
            overflow: hidden;
            color: white;
        }

        .hero-content {
            max-width: 800px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .hero-title {
            font-size: clamp(3rem, 8vw, 4.5rem);
            font-weight: 800;
            margin-bottom: 0.5rem;
            line-height: 1.1;
            text-shadow: 2px 2px 8px rgba(43, 76, 126, 0.025);
        }

        .hero-subtitle {
            font-size: clamp(1.2rem, 3vw, 1.5rem);
            margin-bottom: 3rem;
            text-shadow: 1px 1px 4px rgba(43, 76, 126, 0.025);
            line-height: 1.6;
        }

        /* Main Content Sections */
        .content-section {
            padding: 4rem 2rem;
            background: #F5F7FA; /* Off-white */
        }

        .content-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .video-container {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            height: 0;
            overflow: hidden;
            margin-bottom: 2rem;
            border-radius: 12px;
            box-shadow: 0 8px 24px rgba(43, 76, 126, 0.025);
            background: #2B4C7E; /* Deep navy */
        }

        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

        .content-title {
            color: #2B4C7E; /* Deep navy */
            font-size: 2rem;
            margin-bottom: 1.5rem;
            font-weight: 700;
        }

        .content-text {
            font-size: 1.1rem;
            line-height: 1.7;
            margin-bottom: 2rem;
            color: #2C3539; /* Charcoal */
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .hero-section {
                min-height: 60vh;
            }

            .content-section {
                padding: 3rem 1rem;
            }

            .content-title {
                font-size: 1.75rem;
            }

            .content-text {
                font-size: 1rem;
            }
        }