:root {
            --azul-educagenius: #102138;
            --laranja-educagenius: #dd4920;
            --branco-educagenius: #f9f3ec;
        }
        
        .bg-azul { background-color: var(--azul-educagenius); }
        .bg-laranja { background-color: var(--laranja-educagenius); }
        .bg-branco { background-color: var(--branco-educagenius); }
        .text-azul { color: var(--azul-educagenius); }
        .text-laranja { color: var(--laranja-educagenius); }
        .text-branco { color: var(--branco-educagenius); }
        .border-laranja { border-color: var(--laranja-educagenius); }
        
        .pulse-orange {
            animation: pulse-orange 2s infinite;
        }
        
        @keyframes pulse-orange {
            0%, 100% { background-color: var(--laranja-educagenius); }
            50% { background-color: #ff6b47; }
        }
        
        .countdown {
            font-family: 'Courier New', monospace;
            font-weight: bold;
        }
.hero-topmargin {
	margin-top: 60px;
}
        
        .floating {
            animation: floating 3s ease-in-out infinite;
        }
        
        @keyframes floating {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        
        .gradient-text {
            background: linear-gradient(45deg, var(--azul-educagenius), var(--laranja-educagenius));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .shadow-orange { box-shadow: 0 4px 14px 0 rgba(221, 73, 32, 0.39); }
        .shadow-blue { box-shadow: 0 4px 14px 0 rgba(16, 33, 56, 0.2); }
        
        .btn-cta {
            background: linear-gradient(135deg, var(--laranja-educagenius) 0%, #ff6b47 100%);
            transition: all 0.3s ease;
            transform: scale(1);
        }
        
        .btn-cta:hover {
            transform: scale(1.05);
            box-shadow: 0 8px 25px rgba(221, 73, 32, 0.4);
        }
        
        .card-hover {
            transition: all 0.3s ease;
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(16, 33, 56, 0.1);
        }