
/* Custom styles */
html, body { margin:0; padding:0; font-family: Arial, sans-serif; }
.navbar { z-index: 1000; }
.parallax { background-attachment: fixed; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; }
.parallax .overlay { position:absolute; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,0.45); }
.content { position: relative; z-index: 2; color: #fff; padding: 60px 0; }
.parallax h1, .parallax h2 { color: #fff; }
.card.h-100 { background: rgba(255,255,255,0.95); }
.section-heading { margin-bottom: 30px; }
.owl-carousel .item img { width: 100%; border-radius: 8px; }
.map-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; }
.map-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute; border-radius:8px; }
#scrollUp { position: fixed; bottom:20px; right:20px; width:48px; height:48px; border-radius:50%; background:#007bff; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:9999; display:none; }
@media (max-width:767px) { .parallax { background-attachment: scroll; } }


/* Added by assistant: navbar glow and social button glows */
.navbar-nav .nav-link:hover {
  color: #0d6efd !important;
  text-shadow: 0 0 8px #0d6efd, 0 0 12px #0d6efd;
}
.btn-instagram:hover {
  background-color: #c13584 !important;
  box-shadow: 0 0 10px #c13584, 0 0 20px #c13584;
}
.btn-facebook:hover {
  background-color: #1877f2 !important;
  box-shadow: 0 0 10px #1877f2, 0 0 20px #1877f2;
}
.btn-youtube:hover {
  background-color: #ff0000 !important;
  box-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000;
}
.btn-tiktok:hover {
  background-color: #000000 !important;
  box-shadow: 0 0 10px #ff0050, 0 0 20px #00f2ea;
}

/* ================= PREMIUM UPGRADE ================= */

/* Smooth Scroll */
html { scroll-behavior: smooth; }

/* Premium Navbar */
.navbar {
  background: rgba(0,0,0,0.4)!important;
  backdrop-filter: blur(12px);
  transition: .4s;
}
.navbar.scrolled {
  background: rgba(0,0,0,0.9)!important;
  box-shadow: 0 10px 30px rgba(0,0,0,.5);
}

/* Parallax Enhancement */
.parallax {
  position: relative;
  background-attachment: fixed;
}
.parallax .overlay {
  background: linear-gradient(to bottom,
    rgba(0,0,0,.85),
    rgba(0,0,0,.6),
    rgba(0,0,0,.85));
}

/* Glass Container */
.parallax .container.content {
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
  padding: 60px;
  border-radius: 25px;
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: 0 40px 80px rgba(0,0,0,.6);
}

/* Jurusan Card Premium */
#jurusan .card {
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  color: #fff;
  transition: .5s;
}
#jurusan .card:hover {
  transform: translateY(-15px) scale(1.05);
  box-shadow: 0 30px 60px rgba(0,0,0,.6);
}

/* Testimoni Premium */
#testimoni .item {
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(15px);
  padding: 40px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.1);
}

/* Scroll Up */
#scrollUp {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: rgba(0,0,0,.7);
  padding: 12px 15px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transition: .3s;
}
#scrollUp:hover { transform: scale(1.2); }

