body {
    font-family: 'Inter', sans-serif;
    background-color: #0a192f; /* Um azul bem escuro para o fundo */
    color: #e2e8f0; /* Um cinza claro para o texto */
}

/* Cores baseadas no logo */
:root {
    --realnet-orange: #f97316; /* Laranja vibrante */
    --realnet-blue: #2563eb; /* Azul forte */
    --realnet-dark-blue: #0a192f;
}

.bg-realnet-orange { background-color: var(--realnet-orange); }
.text-realnet-orange { color: var(--realnet-orange); }
.border-realnet-orange { border-color: var(--realnet-orange); }

.bg-realnet-blue { background-color: var(--realnet-blue); }
.text-realnet-blue { color: var(--realnet-blue); }

.bg-realnet-dark-blue { background-color: var(--realnet-dark-blue); }

/* Animações de entrada */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045), transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.btn-glow:hover {
    box-shadow: 0 0 15px 0 rgba(249, 115, 22, 0.6);
}

.card-hover-effect {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-hover-effect:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}

.bg-grid-pattern {
     background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
     background-size: 2rem 2rem;
}