/* Custom Utilities */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* Navbar Transition */
#navbar {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Subtle Gradients */
.mesh-gradient {
    background: radial-gradient(at top left, rgba(255, 237, 213, 0.4), transparent 40%),
                radial-gradient(at top right, rgba(219, 234, 254, 0.4), transparent 40%);
}