.site-header{

    background:white;

    border-bottom:1px solid #e2e8f0;

    position:sticky;

    top:0;

    z-index:999;
}

.nav-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:72px;
}

.logo{

    text-decoration:none;

    color:#2c5282;

    font-size:1.8rem;

    font-weight:700;
}

.logo img{

    height:50px;

    width:auto;

    display:block;
}

.main-nav{

    display:flex;

    align-items:center;

    gap:2rem;
}

.main-nav > a,
.dropdown-trigger{

    text-decoration:none;

    color:#2d3748;

    font-weight:500;

    display:flex;

    align-items:center;

    gap:.4rem;
}

.dropdown{

    position:relative;
}

.dropdown-content{

    position:absolute;

    top:100%;

    left:0;

    min-width:240px;

    background:white;

    border:1px solid #e2e8f0;

    border-radius:12px;

    display:none;

    box-shadow:
    0 10px 25px rgba(0,0,0,.08);

    overflow:hidden;
}

.dropdown:hover .dropdown-content{

    display:block;
}

.dropdown-content a{

    display:block;

    padding:14px 16px;

    text-decoration:none;

    color:#2d3748;

    transition:.2s;
}

.dropdown-content a:hover{

    background:#f7fafc;

    color:#3182ce;
}

.dropdown-trigger i{

    font-size:.8rem;
}