.site-header{

position:fixed;
top:0;
left:0;
width:100%;

z-index:9999;

background:rgba(2,11,40,.85);

backdrop-filter:blur(15px);

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

}

.header-container{
    max-width:1300px;
    margin:auto;
    padding:10px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo-wrap img{
    height:52px;
    width:auto;
    display:block;
}

.desktop-nav ul{

display:flex;

gap:40px;

list-style:none;

}

.desktop-nav a{

color:white;

text-decoration:none;

font-weight:500;

}

.book-btn{

padding:16px 30px;

border-radius:100px;

background:linear-gradient(
135deg,
#3B82F6,
#FFC928
);

color:white;

text-decoration:none;

font-weight:700;

}

.menu-toggle{

display:none;

background:none;

border:none;

cursor:pointer;

}

.menu-toggle span{

display:block;

width:28px;
height:3px;

background:white;

margin:5px 0;

}

.mobile-menu{

    position:fixed;

    top:0;
    right:0;

    width:100%;
    height:100vh;

    background:#020B28;

    padding:20px;

    overflow-y:auto;

    z-index:10000;

    transform:translateX(100%);

    transition:transform .35s ease;

}

.mobile-menu.active{

transform:translateX(0);

}

.mobile-menu-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:40px;
}

.mobile-menu-top img{

    height:38px;

    width:auto;

    max-width:140px;

    display:block;

}

.close-menu{
    background:none;
    border:none;
    color:white;
    font-size:30px;
    line-height:1;
    cursor:pointer;
    flex-shrink:0;
}

.mobile-nav{

list-style:none;

}

.mobile-nav li{

margin-bottom:30px;

}

.mobile-nav a{

font-size:24px;

color:white;

text-decoration:none;

}

.mobile-book-btn{

display:inline-block;

margin-top:30px;

padding:18px 30px;

border-radius:100px;

background:#FFC928;

color:#020B28;

text-decoration:none;

font-weight:700;

}

@media(max-width:1024px){

.desktop-nav{
display:none;
}

.desktop-btn{
display:inline-flex;
}

.book-btn{
    padding:10px 16px;
    font-size:13px;
    white-space:nowrap;
}

.menu-toggle{

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

width:40px;
height:40px;

}

.logo-wrap img{

height:42px;

}

}