/* Customização do Scrollbar para um visual premium */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0F172A; 
}
::-webkit-scrollbar-thumb {
    background: #334155; 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #06B6D4; 
}

/* O botão principal com efeito gradiente animado */
.btn-primary {
    background-size: 200% auto;
    background-image: linear-gradient(to right, #06B6D4 0%, #3B82F6 51%, #06B6D4 100%);
    transition: 0.5s;
}
.btn-primary:hover {
    background-position: right center;
}

/* Efeito de Vidro na Navbar ao dar Scroll */
.navbar-scrolled {
    background-color: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(51, 65, 85, 0.5);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Animação de entrada dos elementos (Revelação no Scroll) */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Efeito de levitação nos cards de recursos */
.feature-card {
    transition: all 0.3s ease;
}
.feature-card:hover {
    transform: translateY(-8px);
    border-color: rgba(6, 182, 212, 0.4);
    box-shadow: 0 10px 40px -10px rgba(6, 182, 212, 0.15);
}