/* ===== NAVBAR ===== */


.navbar {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 75px;

    background: rgba(10,14,23,0.95);
    backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(255,215,0,0.15);

    z-index: 1000;
}

/* ===== CONTAINER ===== */

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;

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

    padding: 0 25px;
}

/* ===== LOGO ===== */

.nav-logo img{
    height: 70px;
    display: block;
}


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

.nav-links{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:28px;

list-style:none;
margin:0;
padding:0;
}


.nav-links a{
color:#e6edf3;
text-decoration:none;
font-weight:500;
position:relative;
padding-bottom:6px;
transition:color .3s ease;
}

/* neon underline */

.nav-links a::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;

background:linear-gradient(
90deg,
transparent,
#00ffd5,
#00ffd5,
transparent
);

transform:scaleX(0);
transform-origin:left;

transition:transform .35s cubic-bezier(.4,0,.2,1);

box-shadow:
0 0 6px #00ffd5,
0 0 12px rgba(0,255,213,.8);
}

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

.nav-links a:hover::after{
transform:scaleX(1);
}
.nav-links a.active{

color:#d4af37;

}



/* ===== REGISTER BUTTON ===== */

.nav-register{
background:linear-gradient(135deg,#00ffd5,#00bfa6);
color:#000;
padding:8px 18px;
border-radius:6px;
font-weight:600;
transition:all .3s ease;
box-shadow:0 0 12px rgba(0,255,213,.5);
}
.nav-register:hover{
transform:translateY(-2px);
box-shadow:0 0 22px rgba(0,255,213,.8);
}

/* ===== MOBILE TOGGLE ===== */

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

.nav-toggle span{
    width:25px;
    height:3px;
    background:#e6edf3;
    border-radius:3px;
    transition:.3s;
}
.nav-user{
display:flex;
align-items:center;
gap:12px;
}

.user-name{
color:#00ffd5;
font-weight:600;
}

.btn-login{
color:#e6edf3;
text-decoration:none;
}

.btn-dashboard{
color:#00ffd5;
text-decoration:none;
}

.btn-logout{
color:#ff4d4d;
text-decoration:none;
}
.nav-user a{
    text-decoration: none;
}