section {
      color: #f1f1f1;
      /* warna teks jadi cerah */
      text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
      /* bagi kontras */
    }

    section h1,
    section h2,
    section h3 {
      color: #ffffff;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
    }

    section p,
    section li {
      color: #e0e0e0;
    }

    section::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      /* background: rgba(0, 0, 0, 0.4); */
      /* overlay gelap untuk cerahkan teks */
      z-index: -1;
    }

    body {
      background: radial-gradient(circle at top, #0b0c10, #1f2833);
      color: #c5c6c7;
      font-family: 'Orbitron', sans-serif;
    }

    h1,
    h2 {
      color: #66fcf1;
    }

    .navbar {
      background: rgba(0, 0, 0, 0.8);
      backdrop-filter: blur(6px);
    }

    .navbar a {
      color: #c5c6c7 !important;
    }

    .navbar a:hover {
      color: #66fcf1 !important;
    }

    .profile-img {
      width: 180px;
      height: 180px;
      border-radius: 50%;
      border: 4px solid #66fcf1;
      object-fit: cover;
      box-shadow: 0px 0px 20px #45a29e;
    }

    .card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: 15px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card:hover {
      transform: scale(1.05);
      box-shadow: 0px 0px 20px #66fcf1;
    }

    table {
      color: white;
    }

    .gallery img {
      border-radius: 10px;
      transition: transform 0.4s ease;
    }

    .gallery img:hover {
      transform: scale(1.1);
    }

    footer {
      text-align: center;
      padding: 20px;
      margin-top: 40px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      font-size: 0.9rem;
      color: #888;
    }