/* =========================================================
   HEADER & NAVIGATION
   ========================================================= */
.main-header {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border); transition: var(--transition);
}

.header-container { display: flex; justify-content: space-between; align-items: center; height: 72px; }
.logo { display: flex; align-items: center; gap: 8px; }
.logo-text { font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 700; color: var(--text); }
.logo-text span { color: var(--primary); }

.desktop-nav ul { display: flex; gap: 32px; }
.desktop-nav a { font-weight: 500; font-size: 15px; color: #4B5563; transition: var(--transition); }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--primary); }

.hamburger-btn { display: none; background: transparent; border: none; cursor: pointer; color: var(--text); }