/* Custom Animations and Keyframes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}

/* Hide scrollbar for clean look but allow scroll */
html {
    scroll-behavior: smooth;
}

/* Particles Canvas behind Hero */
#particles-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Utility to hide elements before animation */
.opacity-0 {
    opacity: 0;
}

/* Modal styling */
#video-modal.active {
    display: flex;
    opacity: 1;
    pointer-events: auto;
}

#scroll-top.visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}