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

.navbar{

position:fixed;

top:0;

left:0;

width:100%;

height:90px;

display:flex;

align-items:center;

z-index:9999;

transition:.45s ease;

}

.nav-container{

display:flex;

align-items:center;

justify-content:space-between;

height:90px;

}

.logo img{
    height:34px;
    display:block;
}

.menu{

display:flex;

align-items:center;

gap:40px;

}

.menu a{

font-weight:500;

color:var(--color-white);

transition:.35s;

}

.menu a:hover{

color:var(--color-accent);

}

.btn-primary{

display:inline-flex;
align-items:center;
justify-content:center;

height:58px;

padding:0 34px;

border-radius:999px;

background:linear-gradient(135deg,#2563EB,#7C3AED);

font-weight:600;

color:white;

position:relative;

overflow:hidden;

transition:.35s;

}

.btn-primary::before{

content:"";

position:absolute;

left:-120%;

top:0;

width:120%;

height:100%;

background:

linear-gradient(90deg,

transparent,

rgba(255,255,255,.22),

transparent);

transition:.6s;

}

.btn-primary:hover::before{

left:120%;

}

.btn-primary:hover{

transform:translateY(-3px);

box-shadow:

0 18px 40px rgba(124,58,237,.35);

}

/*==================================================
FOOTER
==================================================*/

.footer-content{

padding:70px 0;

border-top:1px solid var(--color-border);

text-align:center;

}