html,body{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7fa}main{flex:1;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px}main.content{flex:1}.topbar{background:linear-gradient(90deg,#036,#004c99);color:#fff;padding:20px 30px;font-size:14px;border-bottom:2px solid #002b5c;position:relative;z-index:1050}.brand .logo{width:100px;height:auto}.banner img{width:750px;height:100px;object-fit:cover;border-radius:4px}.brand h2{font-size:16px;margin-bottom:0;line-height:1.1;letter-spacing:.5px}.brand h1{font-size:16px;margin:0;line-height:1.2;letter-spacing:.5px;font-weight:700}.container-fluid{align-items:center}.container p{font-size:20px}.topbar .container-fluid{display:flex;justify-content:flex-start;align-items:center;gap:2rem;padding:6px 20px}.topbar .item{display:flex;align-items:center;gap:6px}.topbar .item i{color:#ffc107;font-size:16px}.topbar .item span{color:#fff;font-weight:500;letter-spacing:.3px}.topbar a{color:#fff;text-decoration:none;transition:color .3s ease}.topbar a:hover{color:#ffc107}.navbar-custom,.sub-navbar{background-color:#121a8b;width:100%;margin:0;padding:0;border:none}.navbar-custom .nav-link,.sub-navbar .nav-link{color:#fff!important;transition:color .3s ease;letter-spacing:2px}.navbar-custom .nav-link:hover,.sub-navbar .nav-link:hover{color:gold!important}.dropdown-menu{background-color:#fff;border:none;margin-top:0}.dropdown-item{color:#fff}.dropdown-item:hover{color:gold;background-color:transparent}.custom-dropdown .dropdown-menu{border-radius:4px;padding:8px 0;box-shadow:0 8px 20px #0000001a;border:none;max-height:350px;overflow-y:auto;scrollbar-width:auto;scrollbar-color:#121a8b #f1f1f1}.custom-dropdown .dropdown-item{padding:10px 18px;font-weight:500;color:#333}.custom-dropdown .dropdown-item:hover{background-color:#121a8b;color:#fff;padding-left:18px}.custom-dropdown .nav-link{position:relative;color:#212529}.custom-dropdown .nav-link:hover{color:#007bff}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sub-navbar{text-align:center;width:100%;padding:8px 0;text-transform:uppercase;font-weight:600;letter-spacing:1px}.carousel{margin:20px auto;max-width:90%;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0003}#carouselExampleCaptions{position:relative;width:100%;height:80vh;overflow:hidden}#carouselExampleCaptions .carousel-item img{width:100%;height:80vh;object-fit:cover;filter:brightness(75%);transition:transform 6s ease-in-out,filter .5s ease}#carouselExampleCaptions .carousel-item.active img{transform:scale(1.05);filter:brightness(70%)}#carouselExampleCaptions .carousel-caption{bottom:30%;text-align:center;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6);animation:fadeInUp 1s ease}#carouselExampleCaptions .carousel-caption h5{font-size:2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}#carouselExampleCaptions .carousel-caption p{font-size:1.1rem;margin-top:.5rem}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:#00000080;border-radius:50%;padding:1rem;transition:background-color .3s ease}.carousel-control-prev-icon:hover,.carousel-control-next-icon:hover{background-color:#007bffb3}.carousel-indicators [data-bs-target]{background-color:#fff;width:12px;height:12px;border-radius:50%;opacity:.7;transition:all .3s ease}.carousel-indicators .active{width:30px;border-radius:10px;background-color:#007bff;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pages{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:100px;letter-spacing:3px;color:#121a8b;text-align:center;justify-content:center;align-items:center}.pages h1{margin-top:0;font-size:2rem}.gambar{display:flex;justify-content:center;margin:0 0 40px}.gambar img{width:100%;max-width:800px;border-radius:8px;margin:0 auto}.container{text-align:justify;text-justify:inter-word;line-height:1.8;margin:0 auto;width:80%}.section-card{background-color:#f9f9fb;border-radius:10px;margin-bottom:15px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.section-title{font-weight:600;font-size:1.25rem;color:#0a1970;border-left:5px solid #2431a0;padding:15px 20px;cursor:pointer}.card-body{display:none;padding:0 20px 15px 25px;border-left:3px solid #e0e0f5;animation:fadeIn .3s ease}.section-card.active .card-body{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.berita-section{background-color:#f5f6fa}.berita-wrapper{background-color:#fff;border-radius:15px;box-shadow:0 0 8px #0000001a}.news-item img{max-height:350px;object-fit:cover;width:100%}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-menu{top:3;left:50%;margin-left:.1rem;display:none}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>a:after{float:right;margin-left:1px;font-size:10px}@media (max-width: 768px){.berita-container{padding:20px}.sidebar{margin-top:30px}}footer{background-color:#121a8b;color:#fff;text-align:center;padding:12px 0;width:100%;font-size:14px}@media (max-width: 768px){.pages h1{font-size:1.5rem;text-align:center}.sidebar{margin-top:2rem}}@media (max-width: 768px){html,body{height:80%;margin:0}body{display:flex;flex-direction:column;min-height:100vh}main{padding:40px 18px}main.content{flex:1}}@media (max-width: 768px){.topbar .container-fluid{flex-direction:column;align-items:flex-start;text-align:left;font-size:9%;gap:6px;padding:1px}.brand h2{font-size:9px;margin-bottom:0;line-height:1.1;letter-spacing:.5px}.brand h1{font-size:9px;margin:0;line-height:.5;letter-spacing:.5px}.brand .logo{width:40px;height:auto}.banner img{width:300px;height:100px;object-fit:cover;border-radius:4px}}@media (max-width: 768px){.navbar-custom,.sub-navbar{background-color:#121a8b;width:100%;margin:0;font-size:12px}}@media (max-width: 768px){.custom-dropdown .dropdown-menu{box-shadow:none}.custom-dropdown .dropdown-menu{border-radius:2px;padding:4px 0;box-shadow:0 8px 20px #0000001a;border:none;max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#121a8b #f1f1f1;font-size:12px}}@media (max-width: 768px){#carouselExampleCaptions,#carouselExampleCaptions .carousel-item img{height:60vh}#carouselExampleCaptions .carousel-caption h5{font-size:1.5rem}#carouselExampleCaptions .carousel-caption p{font-size:1rem}}@media (max-width: 768px){.container{text-align:justify;text-justify:inter-word;line-height:1.8;margin:0;width:100%;height:50%}.container ul.h5{text-align:start;font-size:14px;width:100%}.container p{font-size:14px}.gambar{justify-content:center;margin:20px 20px 10px}}@media (max-width: 768px){.carousel{margin:20px auto;max-width:90%;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #0003}#carouselExampleCaptions{position:relative;width:100%;height:50vh;overflow:hidden}#carouselExampleCaptions .carousel-item img{object-fit:cover;filter:brightness(75%);transition:transform 6s ease-in-out,filter .5s ease}#carouselExampleCaptions .carousel-item.active img{transform:scale(1.05);filter:brightness(70%)}#carouselExampleCaptions .carousel-caption{bottom:20%;text-align:center;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.6);animation:fadeInUp 1s ease}#carouselExampleCaptions .carousel-caption h5{font-size:2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}#carouselExampleCaptions .carousel-caption p{font-size:1.1rem;margin-top:.5rem}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:#00000080;border-radius:50%;padding:1rem;transition:background-color .3s ease}.carousel-control-prev-icon:hover,.carousel-control-next-icon:hover{background-color:#007bffb3}.carousel-indicators [data-bs-target]{background-color:#fff;width:12px;height:12px;border-radius:50%;opacity:.7;transition:all .3s ease}.carousel-indicators .active{width:30px;border-radius:10px;background-color:#007bff;opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}