@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
            transition: all 0.3s ease;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #3B82F6 0%, #10B981 50%, #F59E0B 100%);
        }
        
        .dark .hero-gradient {
            background: linear-gradient(135deg, #1E40AF 0%, #047857 50%, #D97706 100%);
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }
        
        .dark .card-hover:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
        }
        
        .subject-icon {
            transition: all 0.3s ease;
        }
        
        .subject-card:hover .subject-icon {
            transform: scale(1.1);
        }
        
        .gallery-item {
            transition: all 0.3s ease;
        }
        
        .gallery-item:hover {
            transform: scale(1.03);
        }
        
        .toggle-checkbox:checked {
            right: 0;
            background-color: #4B5563;
        }
        
        .toggle-checkbox:checked + .toggle-label {
            background-color: #1E40AF;
        }