/*==================================================
HEADER
==================================================*/

.header{

    position:fixed;

    top:22px;

    left:0;

    width:100%;

    z-index:1000;

}

.header-container{

    height:82px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    background:rgba(255,255,255,.82);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border-radius:22px;

    padding:0 28px;

    box-shadow:

    0 12px 40px rgba(0,0,0,.08);

}

.logo{

    display:flex;

    align-items:center;

}

.logo img{

    height:42px;

    width:auto;

}

.menu ul{

    display:flex;

    gap:42px;

    list-style:none;

}

.menu a{

    text-decoration:none;

    color:#1d2033;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.menu a:hover{

    color:#eb3ba9;

}

.header-buttons{

    display:flex;

    gap:16px;

    align-items:center;

}

.btn-login{

    padding:14px 24px;

    border-radius:14px;

    background:#fff;

    border:1px solid #e8e8e8;

    color:#222;

    text-decoration:none;

    font-weight:600;

}

.btn-primary{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:54px;

    padding:0 26px;

    border-radius:16px;

    color:white;

    text-decoration:none;

    font-weight:700;

    background:linear-gradient(90deg,#ff4eb8,#6d46ff);

    box-shadow:

    0 15px 35px rgba(214,60,180,.28);

    transition:.25s;

}

.btn-primary:hover{

    transform:translateY(-3px);

}