/* Custom Styles & Animations */
html {
    scroll-behavior: smooth;
}

/* Pattern for CTA section */
.pattern-dots {
    background-image: radial-gradient(rgba(255,255,255,0.2) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* Scroll Reveal Animation Classes */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

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

/* Subtle hover lift for cards */
.group:hover {
    transform: translateY(-5px);
}

/* Navbar blur effect fallback */
@supports not (backdrop-filter: blur(12px)) {
    #navbar div div {
        background-color: rgba(255, 255, 255, 0.98);
    }
}