/* ========== NAVBAR ========== */
.navbar{
    background:#212245;
    padding:14px 60px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

.nav-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo a{
    color:white;
    font-size:22px;
    font-weight:600;
    text-decoration:none;
}

.logo span{
    color:#03a9f4;
}

.nav-links a{
    margin:0 15px;
    color:#dfe6f0;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
}

.nav-links a:hover{
    color:#03a9f4;
}

.nav-right a{
    margin-left:12px;
    text-decoration:none;
    padding:8px 16px;
    border-radius:6px;
    font-size:14px;
}

.login-btn{
    background:#03a9f4;
    color:white;
}