/* === HEADER UTAMA === */
    #site-header {
      background:#161b22;
      border-bottom:1px solid #30363d;
      position:sticky;
      top:0;
      z-index:100;
    }
    .header-flex {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      min-height:64px;
    }

    /* === NAVIGATION MENU === */
    .main-navigation ul.nav-menu {
      display:flex;
      gap:28px;
      margin:0;
      padding:0;
      list-style:none;
    }
    .main-navigation ul.nav-menu li a {
      color:#c9d1d9;
      font-weight:600;
      text-transform:uppercase;
      font-size:14px;
      transition:color 0.3s ease;
    }
    .main-navigation ul.nav-menu li a:hover {
      color:#58a6ff;
    }

    /* === SOSIAL MEDIA === */
    .header-social {
      display:flex;
      align-items:center;
      gap:14px;
    }
    .header-social .social-icon {
      color:#58a6ff;
      font-size:18px;
      transition:all 0.3s ease;
    }
    .header-social .social-icon:hover {
      color:#9fcfff;
      transform:scale(1.2);
    }

    /* === RESPONSIVE MOBILE === */
    @media (max-width: 768px) {
      .header-flex {
        flex-wrap:wrap;
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
      }
      .main-navigation ul.nav-menu {
        gap:18px;
      }
      .header-social {
        margin-top:6px;
        justify-content:flex-start;
      }
    }