@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
}

/* Fade in animation classes */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-scale {
    opacity: 0;
    transform: scale(0.95) rotate(-2deg);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.fade-in-scale.visible {
    opacity: 1;
    transform: scale(1) rotate(0);
}

/* Delays */
.delay-100 { transition-delay: 0.1s; }
.delay-200 { transition-delay: 0.2s; }
.delay-300 { transition-delay: 0.3s; }
.delay-400 { transition-delay: 0.4s; }

/* FAQ Accordion Animation */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out;
}

.faq-answer.open {
    max-height: 600px;
}

/* Mobile Menu Animation */
#mobile-menu {
    transition: opacity 0.3s ease-out;
}

/* Local video player skin */
.video-player-shell {
    background: linear-gradient(135deg, #111827, #1f2937);
}

.video-player-shell .plyr {
    height: 100%;
    border-radius: 2rem;
}

.video-player-shell .plyr__control--overlaid {
    background: rgba(219, 39, 119, 0.95);
}

.video-player-shell .plyr__control--overlaid:hover {
    background: #be185d;
}

.video-player-shell .plyr--full-ui input[type=range] {
    color: #ec4899;
}