html { scroll-behavior: smooth; }
    .hero {
      min-height: 100vh;
      height: 100px;
      background: url("img/Foto-Puncak-Carstensz-Pyramid-yang-menewaskan.jpg") center/cover no-repeat;
      text-shadow: 5px 5px 10px rgba(0,0,0,0.8);
    }

    .hover-scale {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .hover-scale:hover {
      transform: scale(1.05);
      box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    }

    .page-section { display: none; }
    .page-section.active { display: block; }

    .bg-darkblue { background-color: #0a3d62 !important; }
    .text-darkblue { color: #0a3d62 !important; }

    .fade-in {
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .fade-in.show {
      opacity: 1;
      transform: translateY(0);
    }

    .nav-link {
      position: relative;
      color: white !important;
      font-weight: 500;
    }

    .nav-link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -3px;
      width: 0;
      height: 2px;
      background-color: #ffffff;
      transition: width 0.3s ease;
    }

    .nav-link:hover::after {
      width: 100%;
    }

    .page-section { display: none; }
    .page-section.active { display: block; }
    .hover-scale { transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .hover-scale:hover { transform: scale(1.05); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }