/* MarapelNet Custom Styles */

/* Base Customizations */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
}

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

.reveal-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.8s ease-out;
}
.reveal-scale.active {
    opacity: 1;
    transform: scale(1);
}

/* Floating Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}
.animate-float {
    animation: float 6s ease-in-out infinite;
}

@keyframes float-reverse {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(20px) rotate(-5deg); }
}
.animate-float-reverse {
    animation: float-reverse 5s ease-in-out infinite;
}

/* Shadows */
.shadow-2xl-primary {
    box-shadow: 0 25px 50px -12px rgba(26, 140, 255, 0.25);
}

/* Navigation Link Underlines */
.nav-link {
    position: relative;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 0;
    background-color: white;
    transition: width 0.3s ease;
}
.nav-link:hover::after {
    width: 100%;
}

.scrolled-nav .nav-link::after {
    background-color: hsl(208, 82%, 57%);
}