.navbar{
position:sticky;
top:0;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 8%;
background:rgba(255,255,255,.08);
backdrop-filter:blur(20px);
border-bottom:1px solid rgba(255,255,255,.1);
z-index:999;
}

.logo{
font-size:1.6rem;
font-weight:800;
}

.nav-links{
display:flex;
gap:25px;
}


.nav-right{
    display:flex;
    align-items:center;
    gap:15px;
}

.login-btn{
    text-decoration:none;
    color:white;
    background:#2563eb;
    padding:10px 20px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.login-btn:hover{
    transform:translateY(-2px);
}

.nav-links a{
text-decoration:none;
color:white;
font-weight:500;
transition:.3s;
}

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

.menu-btn{
display:none;
font-size:28px;
cursor:pointer;
}





@media(max-width:768px){

.hero h1{
font-size:2.5rem;
}

.nav-links{
display:none;
position:absolute;
top:70px;
right:20px;
flex-direction:column;
background:#111827;
padding:20px;
border-radius:15px;
}

.nav-links.active{
display:flex;
}

.menu-btn{
display:block;
}

.latest{
grid-template-columns:1fr;
}
}