:root {
            --primary-blue: #007BFF;
            --dark-blue: #0A1931;
            --accent-cyan: #00C8FF;
            --light-gray: #F4F6F8;
            --dark-text: #1F1F1F;
        }
        body {
            font-family: 'Inter', sans-serif;
            color: var(--dark-text);
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Poppins', sans-serif;
        }
        .fade-in-section {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .fade-in-section.is-visible {
            opacity: 1;
            transform: translateY(0);
        }