/* NAVBAR */

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;

    /* GLASS EFFECT (STRONGER + CLEAN) */
    background:rgba(15, 23, 42, 0.55);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

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

    /* SHADOW DEPTH */
    box-shadow:0 10px 30px rgba(0,0,0,0.3);

    transition:0.3s ease;
}

/* NAV LINKS */

.nav-link{
    position:relative;
    transition:.3s;
    color:#cbd5e1;
}

.nav-link:hover{
    color:white;
}

/* animated underline */
.nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-6px;
    width:0%;
    height:2px;
    background:linear-gradient(90deg,#60a5fa,#ffffff);
    transition:.3s;
    border-radius:10px;
}

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

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

.nav-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:0%;
    height:2px;
    background:#60a5fa;
    transition:.3s;
}

.nav-link:hover::after{
    width:50%;
}

/* MOBILE */

.mobile-menu{
    background:rgba(15, 23, 42, 0.95);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 -10px 30px rgba(0,0,0,0.3);
}

.mobile-link{
    transition:.3s;
}

.mobile-link:hover{
    color:#60a5fa;
    padding-left:10px;
}

.logo-wrapper{
    position:relative;
    width:320px;
    height:71px;
    display:inline-block;
}

/* LOGOS STACK */
.logo{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:contain;
    transition:0.3s ease;
}

/* DEFAULT LOGO */
.logo-default{
    opacity:1;
}

/* HOVER LOGO */
.logo-hover{
    opacity:0;
}

/* HOVER SWITCH */
.logo-wrapper:hover .logo-default{
    opacity:0;
}

.logo-wrapper:hover .logo-hover{
    opacity:1;
}