.dropdown-menu{transition:all .3s ease;transform-origin:top}.dropdown-menu.show{animation:dropdownFade .3s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{transition:background-color .3s ease,padding-left .3s ease}.dropdown-item:hover{background-color:#cfcfcf;padding-left:1.5rem}.hero{background-image:url(/img/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:90vh;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;position:relative}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006}.hero-content{position:relative;z-index:1;padding:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-content p,.hero-content h1{opacity:0;animation:fadeInUp 1s ease forwards}.hero-content p:nth-child(1){animation-delay:.3s}.hero-content h1{animation-delay:.6s}.hero-content p:nth-child(3){animation-delay:.9s}.text-justify{text-align:justify}.bataswilayah{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;max-width:900px;overflow-x:auto}.bataswilayah>div{flex:1 1 45%;max-width:150%;min-width:150px;padding:1rem;text-align:center;border:1px solid #ccc;border-radius:8px;background-color:#31bd46;box-shadow:0 2px 6px #00000026;transition:all .3s ease}.bataswilayah>div:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 6px 12px #0003;background-color:#2ca53e;cursor:pointer}.potensi-card{display:inline-block;position:relative}.potensi-img{width:80px;height:80px;object-fit:cover;cursor:pointer}.overlay-info{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap;z-index:10}.overlay-info:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}.potensi-card:hover .overlay-info{opacity:1;transform:translate(-50%) translateY(-3px)}.notification-wrapper{position:relative;display:inline-block}.notification-wrapper .notification-badge{position:absolute;top:-6px;right:-6px;background-color:red;color:#fff;font-size:12px;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:#000000b3;border-radius:50%;padding:12px}.bg-light{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}#calendar{font-size:.85rem}.fc-toolbar-title{font-size:1rem!important;font-weight:600}.fc-daygrid-day-number{font-size:.75rem}.fc-event{background-color:#0d6efd!important;border:none!important;font-size:.7rem;padding:2px}.fc .fc-daygrid-day.fc-day-today{background-color:#0d6efd26!important}.statistik-item{transition:all .3s ease}.statistik-item:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 6px 16px #00000026;background-color:#f8f9fa}.service-card{transition:transform .3s ease,box-shadow .3s ease;border-radius:1rem}.service-card:hover{transform:translateY(-8px);box-shadow:0 1rem 2rem #0003}