:root {
            --electric-blue: #007BFF;
            --dark-blue: #0A1931;
            --accent-cyan: #00C8FF;
            --light-gray: #F4F6F8;
            --dark-gray: #1F1F1F;
        }
        body {
            font-family: 'Inter', sans-serif;
            color: var(--dark-gray);
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Poppins', sans-serif;
        }
        .bg-electric-blue { background-color: var(--electric-blue); }
        .text-electric-blue { color: var(--electric-blue); }
        .bg-dark-blue { background-color: var(--dark-blue); }
        .bg-light-gray { background-color: var(--light-gray); }
        .border-electric-blue { border-color: var(--electric-blue); }
        .cta-button {
            display: inline-block;
            background-color: var(--electric-blue);
            color: white;
            padding: 12px 32px;
            border-radius: 8px;
            font-weight: 600;
            transition: background-color 0.3s, transform 0.3s;
            font-family: 'Poppins', sans-serif;
        }
        .cta-button:hover {
            background-color: #0056b3;
            transform: translateY(-2px);
        }
        .section-padding {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInAnimation 0.8s ease-out forwards;
        }
        @keyframes fadeInAnimation {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }