:root {
            --primary-green: #22c55e;
            --accent-orange: #f97316;
            --soft-bg: #f8fafc;
            --deep-slate: #0f172a;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--soft-bg);
            color: var(--deep-slate);
            scroll-behavior: smooth;
        }

        h1, h2, h3 { font-family: 'Montserrat', sans-serif; }
        .font-poppins { font-family: 'Poppins', sans-serif; }

        /* Smooth Navigation */
        .nav-blur {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            transition: all 0.4s ease;
        }
        
        /* Interactive Cards */
        .program-card {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            cursor: pointer;
        }
        .program-card:hover {
            transform: translateY(-12px);
            box-shadow: 0 40px 80px rgba(0,0,0,0.08);
        }
        .program-card:hover .img-zoom { transform: scale(1.1); }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-thumb { background: var(--primary-green); border-radius: 10px; }

        /* Parallax & Glass */
        .glass-panel {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        /* Modal Blur */
        .modal-bg {
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(8px);
        }

        /* Success Story Image */
        .before-after {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2px;
            overflow: hidden;
            border-radius: 1.5rem;
        }

        /* Multi-page Transition */
        .page-fade { animation: fadeIn 0.5s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        
        @keyframes slide-up { from { transform: translate(-50%, 100%); opacity: 0; } to { transform: translate(-50%, 0); opacity: 1; } }
        .animate-slide-up { animation: slide-up 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
        .shadow-3xl { box-shadow: 0 40px 100px -20px rgba(0,0,0,0.15); }
        .shadow-4xl { box-shadow: 0 60px 120px -30px rgba(0,0,0,0.3); }