/* NAVBAR BASE */
.navbar{
position:fixed;
top:0;
left:0;
right:0;
height:70px;
z-index:9999;

display:flex;
align-items:center;
justify-content:space-between;

background:rgba(15,23,42,0.92);
backdrop-filter:blur(14px);
border-bottom:1px solid rgba(255,255,255,0.08);

padding:0 16px;
}

/* RIGHT SIDE WRAPPER */
.nav-right{
display:flex;
align-items:center;
gap:12px;
margin-left:auto;
}

/* BRAND */
.brand{
display:flex;
align-items:center;
gap:10px;
flex-shrink:0;
text-decoration:none;
color:white;
}

.brand{
  margin-right: auto;
}

.logo-img{
width:50px;
height:50px;
object-fit:cover;
border-radius:10px;
}

.brand-text{
font-size:1.1rem;
font-weight:800;
white-space:nowrap;
}

/* AI glow */
.ai-glow{
background:linear-gradient(90deg,#60a5fa,#22d3ee);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* LINKS */
.nav-links{
display:flex;
align-items:center;
gap:18px;
}

.nav-links a{
text-decoration:none;
color:#cbd5e1;
transition:0.2s;
}

.nav-links a:hover{
color:white;
}

/* BUTTON */
.support-btn{
background:#2563eb;
padding:8px 12px;
border-radius:10px;
color:white !important;
}

/* TOGGLE */
.menu-toggle{
display:none;
font-size:1.8rem;
cursor:pointer;
background:none;
border:none;
color:white;
padding:10px;
}

/* MOBILE */
@media(max-width:768px){

.menu-toggle{
display:block;
}

.nav-links{
position:fixed;
top:70px;
right:10px;
width:220px;
background:#0f172a;
padding:15px;
border-radius:12px;
flex-direction:column;

visibility:hidden;
opacity:0;
transform:translateY(-10px);
transition:0.25s ease;
pointer-events:none;
}

.nav-links.show{
visibility:visible;
opacity:1;
transform:translateY(0);
pointer-events:auto;
}
}