/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Orbitron:wght@400;500;700;900&display=swap');

/* Base Styles */
body {
    font-family: 'Montserrat', sans-serif;
    background-color: #FFFFFF;
    color: #000000;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Orbitron', sans-serif;
}

/* Custom Utilities */
.text-brand {
    color: #64ABA3;
}

.bg-brand {
    background-color: #64ABA3;
}

.border-brand {
    border-color: #64ABA3;
}

.hover-bg-brand:hover {
    background-color: #528f88;
}

/* Animations */
/* Scroll Animations */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

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

.slide-in-right {
    animation: slideInRight 0.8s ease-out forwards;
    opacity: 0;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Section Transitions */
.section-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.section-content.active {
    display: block;
    opacity: 1;
}

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

#mobile-menu.hidden {
    transform: translateX(100%);
}

#mobile-menu.block {
    transform: translateX(0);
}