:root{--merah:#d60000;--kuning:#f4b400;--hitam:#111;--putih:#ffffff;--text-caption:#0d1b2a;--warna-utama:#eec200;--backgorund-lekat:#d8a64a}body{padding-top:70px;scroll-behavior:smooth}.scroll-margin-custom{scroll-margin-top:70px}.text-header{font-family:Poppins}.text-caption{color:var(--text-caption)}.text-responsif{text-align:center}.text.custom{font-family:"Monserrat",sans-serif}.section-header h2{position:relative;display:inline-block;padding-bottom:10px}.section-header h2::after{content:"";display:block;width:200px;height:6px;margin:12px auto 0;background:radial-gradient(circle,rgb(238 194 0) 0%,#fff0 80%)}.btn-custom{background-color:#eec200;border-color:#ced4da;color:#2b2b2b;transition:0.3s}.btn-custom:hover{background-color:var(--kuning);border-color:#ced4da;color:#fff;transform:translateY(-2px)}.logo{height:65px;width:auto;object-fit:contain}.navbar-toggler-icon{filter:invert(1)}.nav-custom{color:#ffffff!important;transition:0.2s ease}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus{background-color:var(--kuning)!important;color:white!important}.nav-link:hover,.nav-link:active,.nav-link:focus{color:var(--kuning)!important}.background-color{background:linear-gradient(135deg,#f5f5f5 60%,#0d0d0d 40%)}.hero{background:radial-gradient(circle at top,#1a1a1a,#0d0d0d);color:#fff;overflow:hidden}.glass{background:rgb(255 255 255 / .05);backdrop-filter:blur(15px);border:1px solid rgb(255 255 255 / .1);transition:all 0.3s ease}.glass:hover{transform:translateY(-5px)}.hero-image img{transition:transform 0.6s ease}.hero-image:hover img{transform:scale(1.05)}.text-higlight{color:red}.text-shadow-strong{color:#F5F5F5;text-shadow:0 1px 2px rgb(0 0 0 / .8),0 2px 4px rgb(0 0 0 / .7),0 4px 8px rgb(0 0 0 / .6),0 8px 16px rgb(0 0 0 / .5)}.footer-glass{background:linear-gradient(165deg,#0d0d0d 30%,#ffffff 70%);backdrop-filter:blur(10px);border-top:1px solid rgb(0 0 0 / .05);color:var(--kuning);text-shadow:0 2px 4px rgb(0 0 0)}.page-link{color:#000}.page-link:hover{color:#000}.page-item.active .page-link{background-color:var(--backgorund-lekat);color:#fff;border-color:var(--warna-utama-hover)}.page-item.disabled .page-link{color:#000}@media (min-width:768px){.text-responsif{text-align:justify}}@media (min-width:992px){.text-responsif{text-align:justify}}@media (max-width:992px){.navbar-collapse{position:fixed;top:70px;left:0;width:100%;background:var(--text-caption);overflow-y:auto;z-index:999}}@media (min-width:1200px){.text-responsif{text-align:justify}}