/* ===== RESET ===== */
*

{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
}

/* ===== NAVBAR ===== */
.navbar{
  position:sticky;
  top:0;
  z-index:999;
  background:rgba(2,6,23,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid #020617;
}

.nav-container{
  max-width:1200px;
  margin:auto;
  padding:14px 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.logo{
  color:#e5e7eb;
  font-weight:700;
  letter-spacing:1px;
}

.nav-menu{
  list-style:none;          /* 🔥 HILANGKAN BULLET */
  display:flex;             /* 🔥 JADI HORIZONTAL */
  gap:24px;
}

.nav-menu li{
  list-style:none;
}

.nav-menu a{
  color:#94a3b8;
  text-decoration:none;     /* 🔥 HILANGKAN UNDERLINE */
  font-weight:500;
  transition:.2s;
}

.nav-menu a:hover,
.nav-menu a.active{
  color:#22c55e;
}

/* ===== GLOBAL BACKGROUND (SEMUA HALAMAN) ===== */
body{
  background:
    radial-gradient(circle at top, #020617, #000000),
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 80px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 80px
    );
  background-attachment: fixed;
  color:#e5e7eb;
  line-height:1.7;
}

/* ===== JOIN SECTION BACKGROUND ===== */
.join-highlight{
  padding:120px 20px;
  background:
    radial-gradient(circle at center, rgba(34,197,94,0.12), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.95), rgba(2,6,23,.98));
}