.logo-img {
    height: 48px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
    object-position: center;
    display: block;
    border-radius: 12px;
    transition: transform 0.3s ease;
}
.btn-gold{
    padding:12px 24px;
    background:linear-gradient(180deg,#fef08a,#eab308);
    color:#0b0416;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
}

.btn-primary{
    display:inline-block;
    padding:18px 36px;
    border-radius:14px;
    background:linear-gradient(180deg,#fef08a,#eab308);
    color:#0b0416;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
}


.logo-img:hover {
    transform: scale(1.05);
}
/* ================= NAVBAR ================= */

nav {

    position: fixed;
    top: 0;
    left: 0;

    width: 100%;

    z-index: 1000;

    background: rgba(11,4,22,0.92);

    backdrop-filter: blur(18px);

    border-bottom: 1px solid rgba(255,255,255,0.08);

}



/* NAV CONTAINER */

.nav-inner {

    max-width:1200px;

    margin:auto;

    height:80px;

    padding:0 24px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}



/* LOGO */

.logo-img {

    height:70px;

    width:auto;

    max-width:200px;

    object-fit:contain;

    display:block;

}




/* ================= DESKTOP LINKS ================= */


.nav-links {

    display:flex;

    align-items:center;

    gap:8px;

    padding:6px;

    border-radius:999px;

    background:rgba(255,255,255,0.03);

    border:1px solid rgba(255,255,255,0.08);

}



.nav-links a {

    text-decoration:none;

    color:#ffffff !important;

    font-size:14px;

    font-weight:500;

    padding:10px 18px;

    border-radius:999px;

    transition:all .3s ease;

    letter-spacing:.2px;

    opacity:1;

}



/* ACTIVE + HOVER */


.nav-links a:hover,

.nav-links a.active {


    color:#eab308 !important;

    background:rgba(255,255,255,0.08);

}



/* ================= ACTION AREA ================= */


.nav-actions {

    display:flex;

    align-items:center;

    gap:15px;

}




/* GOLD BUTTON */


.btn-gold {

    display:inline-flex;

    align-items:center;

    justify-content:center;


    padding:12px 24px;


    background:#eab308;


    color:#0b0416 !important;


    border-radius:999px;


    font-size:12px;

    font-weight:800;


    text-transform:uppercase;


    text-decoration:none;


    transition:.3s ease;


}



.btn-gold:hover {

    background:#facc15;

    transform:translateY(-2px);

}



/* ================= MOBILE BUTTON ================= */


.menu-toggle {


    display:none;


    background:none;


    border:none;


    color:white;


    font-size:30px;


    cursor:pointer;


}



/* ================= MOBILE MENU ================= */


#mobileMenu {


    display:none;

    position:absolute;

    top:80px;

    left:0;

    width:100%;


    padding:30px;


    background:#0b0416;


    border-top:1px solid rgba(255,255,255,.08);


    flex-direction:column;

    align-items:center;

    gap:20px;


}

.desktop-btn{
    padding:12px 24px;
    background:linear-gradient(180deg,#fef08a,#eab308);
    color:#0b0416;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;

}


#mobileMenu.show {

    display:flex;

}




.mobile-link {


    color:#ffffff !important;

    text-decoration:none;


    font-size:15px;

    font-weight:500;


    transition:.3s ease;


}

.mobile-link {


    color:#ffffff !important;

    text-decoration:none;


    font-size:15px;

    font-weight:500;


    transition:.3s ease;


}

.mobile-link {


    color:#ffffff !important;

    text-decoration:none;


    font-size:15px;

    font-weight:500;


    transition:.3s ease;


}


.mobile-link:hover {

    color:#eab308 !important;

}



/* ================= RESPONSIVE ================= */


@media(max-width:768px){


    .nav-links,

    .desktop-btn {

        display:none;

    }


    .menu-toggle {

        display:block;

    }


}
.btn-primary, .btn-outline{ display:inline-flex; align-items:center; justify-content:center; padding:18px 36px; border-radius:14px; text-decoration:none; font-weight:800; text-transform:uppercase; }
.btn-primary{ background:linear-gradient(180deg,#fef08a 0%,#eab308 100%); color:#0b0416; box-shadow: 0 8px 0 #854d0e, 0 15px 20px rgba(0,0,0,.35); }