/* Custom Tailwind Configuration & Fonts */
        :root {
            --color-primary-teal: #0d9488; /* Teal-600 */
            --color-secondary-violet: #8b5cf6; /* Violet-500 */
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #f3f4f6; /* Light Gray */
            color: #1f2937; /* Gray-800 */
            overflow-x: hidden;
        }

        h1, h2, h3 {
            font-family: 'Playfair Display', serif; /* Scholarly touch for headings */
        }

        /* Hero Background Styling */
        .hero-section {
            background-size: cover;
            background-position: center;
            background-image: linear-gradient(to bottom, rgba(237, 233, 254, 0.95), rgba(237, 233, 254, 0.95)), var(--hero-bg-url);
        }
        
        /* Glassmorphism Effect */
        .glass-panel {
            background: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.5);
            box-shadow: 0 8px 32px 0 rgba(139, 92, 246, 0.15); /* Soft violet shadow */
        }

        /* Floating Animation for Hero Elements */
        @keyframes subtle-float {
            0% { transform: translateY(0); }
            50% { transform: translateY(-8px); }
            100% { transform: translateY(0); }
        }
        .animate-subtle-float {
            animation: subtle-float 15s ease-in-out infinite;
        }

        /* Custom Scrollbar for Video Carousel */
        .custom-scrollbar::-webkit-scrollbar {
            height: 8px;
        }
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #d1d5db;
            border-radius: 10px;
        }
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f3f4f6;
        }

        /* Scroll Triggered Fade/Slide */
        .scroll-reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1.2s ease-out, transform 1.2s ease-out;
        }
        .visible {
            opacity: 1;
            transform: translateY(0);
        }