/* navigation.css */
.main-nav {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.nav-link {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.nav-link:hover {
    color: white;
    background: rgba(255, 255, 255, 0.1);
}

/* Special styling for the Log In button */
.nav-link.login-btn {
    background: #f4c430;
    color: #1a1a1a;
    font-weight: 600;
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

.nav-link.login-btn:hover {
    background: #e6b800;
    color: #1a1a1a;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(244, 196, 48, 0.3);
}