body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #000000;
}

/* Smooth Hide Engine for Header */
.header-transition {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease;
    will-change: transform;
}

.header-hidden {
    transform: translateY(-100%);
}

.panel-hidden {
    transform: translateY(150%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}

.panel-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.card-scale {
    will-change: transform, border-color, background-color;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease, background-color 0.3s ease;
}

.card-scale:hover {
    transform: translateY(-4px);
    background-color: #050505;
    border-color: #171717;
}

.slider-progress {
    background: linear-gradient(to right, #ffffff 0%, #ffffff 0%, #171717 0%, #171717 100%);
}

.lang-btn {
    color: #a3a3a3;
    background: transparent;
}
.lang-btn.active {
    color: #000000;
    background: #ffffff;
    font-weight: 700;
}

/* Custom platform scroll bars */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: #000000;
}
::-webkit-scrollbar-thumb {
    background: #111111;
    border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1c1c1c;
}