:root {
    /* color */
    --Primary: #f8931ff9;
    --Secondary: #000000;
    --font-main2: "Red Hat Display", sans-serif;
    --font-main3: "Manrope", sans-serif;
    --font-main4: "Rethink Sans", sans-serif;
    --font-main5: "IBM Plex Sans", sans-serif;
    --font-main6: "Urbanist", sans-serif;
}

.font-2 {
    font-family: var(--font-main2);
}

.font-3 {
    font-family: var(--font-main3);
}

.font-4 {
    font-family: var(--font-main4);
}

.font-5 {
    font-family: var(--font-main5);
}

.font-6 {
    font-family: var(--font-main6);
}

.main-menu .navigation > li:hover::after {
    color: var(--Secondary);
}

.tf-box-icon.style-2 {
    border-top: 1px solid var(--Line);
}

/* PRELOADER BACKGROUND */
#preloader {
    position: fixed;
    inset: 0;
    background: #061428; /* navy corporate */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

/* BOX */
.loader-box {
    text-align: center;
}

/* DAF TEXT ANIMATION */
.daf-text {
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 10px;
    color: #ff6a00;
    font-family: Arial, sans-serif;
    animation: pulse 1.5s infinite ease-in-out;
}

/* PULSE ANIMATION */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.6;
        text-shadow: 0 0 0px #ff6a00;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
        text-shadow: 0 0 25px #ff6a00;
    }
    100% {
        transform: scale(1);
        opacity: 0.6;
        text-shadow: 0 0 0px #ff6a00;
    }
}

/* LOADING BAR */
.loading-bar {
    width: 200px;
    height: 4px;
    background: rgba(255,255,255,0.15);
    margin: 20px auto 10px;
    border-radius: 50px;
    overflow: hidden;
}

/* PROGRESS */
.loading-progress {
    width: 0%;
    height: 100%;
    background: linear-gradient(90deg, #ff6a00, #ffb347);
    animation: load 2.5s ease-in-out forwards;
}

@keyframes load {
    0% { width: 0%; }
    100% { width: 100%; }
}

/* TEXT */
.loading-text {
    color: #ffffff;
    font-size: 14px;
    opacity: 0.7;
    letter-spacing: 2px;
}

#preloader {
    position: fixed;
    inset: 0;

    /* TRANSPARAN */
    background: rgba(6, 20, 40, 0.65); /* navy transparan */

    /* kalau mau FULL TRANSPARAN banget pakai ini:
    background: transparent;
    */

    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;

    /* optional biar lebih smooth */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.daf-logo img {
    width: 90px;
    height: auto;

    animation: pulse 1.5s infinite ease-in-out;
}

/* ANIMASI PULSE (sama seperti sebelumnya) */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
        filter: drop-shadow(0 0 0px #ff6a00);
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
        filter: drop-shadow(0 0 20px #ff6a00);
    }
    100% {
        transform: scale(1);
        opacity: 0.7;
        filter: drop-shadow(0 0 0px #ff6a00);
    }
}