.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .hero-gradient {
            background: linear-gradient(135deg, rgba(0, 10, 30, 0.9) 0%, rgba(0, 33, 71, 0.4) 100%);
        }
        body {
            background-color: #faf8ff;
            color: #171b29;
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
        }
        h1, h2, h3 {
            font-family: 'Manrope', sans-serif;
        }
        /* Entrance Animations for Hero */
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
        @keyframes slideUp { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        .animate-fade-in { animation: fadeIn 1s ease-out forwards; }
        .animate-slide-up { animation: slideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        
        .delay-1 { animation-delay: 0.2s; }
        .delay-2 { animation-delay: 0.4s; }
        .delay-3 { animation-delay: 0.6s; }