#navbar{
    position:fixed;
    top:25px;
    left:50%;
    transform:translateX(-50%);
    width:88%;
    max-width:1250px;
    padding:18px 35px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:999;
    background:rgba(10,10,10,0.45);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:60px;
    box-shadow:
        0 0 25px rgba(0,0,0,0.25);
}

.nav-logo{
    font-family:'Cinzel',serif;
    color:#d6b16d;
    font-size:1rem;
    letter-spacing:2px;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
}

.nav-links a{
    position:relative;
    color:#f5f5f5;
    font-size:0.95rem;
    transition:0.4s ease;
}

.nav-links a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:1px;
    background:#d6b16d;
    transition:0.4s ease;
}

.nav-links a:hover{
    color:#d6b16d;
}

.nav-links a:hover::after{
    width:100%;
}

.menu-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:none;
}

.menu-toggle span{
    width:26px;
    height:2px;
    background:#d6b16d;
    border-radius:20px;
    transition:0.4s ease;
}

.nav-links a.active{
    color:#d6b16d;
}

.nav-links a.active::after{
    width:100%;
}