:root{--primary:#093;--primary-dark:#007a28;--primary-light:#e6f7ec;--accent:#f5a623;--white:#fff;--gray-light:#f8f9fa;--gray-mid:#e9ecef;--gray-text:#6c757d;--dark:#1a2332;--shadow-card:0 4px 24px #00000014;--shadow-hover:0 8px 32px #0099332e;--radius:12px;--transition:.3s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--dark);background:var(--white);font-family:Plus Jakarta Sans,sans-serif;line-height:1.7}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.section-title{color:var(--dark);font-family:Lora,serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:600;line-height:1.3}.section-title span{color:var(--primary)}#mainNav{background:var(--white);border-bottom:3px solid var(--primary);transition:box-shadow var(--transition);padding:0}#mainNav.scrolled{box-shadow:0 2px 20px #0000001f}.navbar-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{background:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-logo i{color:#fff;font-size:1.4rem}.brand-text{line-height:1.2}.brand-text strong{color:var(--primary);letter-spacing:.04em;font-size:1rem;font-weight:800;display:block}.brand-text span{color:var(--gray-text);font-size:14px;font-weight:500}.nav-link{transition:color var(--transition);font-size:.88rem;font-weight:600;position:relative;color:var(--dark)!important;padding:1.2rem .9rem!important}.nav-link:after{content:"";background:var(--primary);width:0;height:3px;transition:width var(--transition);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--primary)!important}.nav-link:hover:after{width:80%}.nav-item.active .nav-link{color:var(--primary)!important}.nav-item.active .nav-link:after{width:80%}.dropdown-menu{box-shadow:var(--shadow-card);border-radius:var(--radius);border:none;border-top:3px solid var(--primary);min-width:200px;padding:.5rem 0}.dropdown-item{transition:background var(--transition), color var(--transition);padding:.55rem 1.2rem;font-size:.875rem;font-weight:500}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.btn-nav-cta{transition:background var(--transition), box-shadow var(--transition);border-radius:6px;margin:auto 0 auto .5rem;font-size:.85rem;font-weight:700;background:var(--primary)!important;color:#fff!important;padding:.5rem 1.2rem!important}.btn-nav-cta:hover{box-shadow:0 4px 14px #00993359;background:var(--primary-dark)!important}.btn-nav-cta:after{display:none!important}#hero{background:linear-gradient(135deg,#002810d9 0%,#00501eb3 60%,#00000080 100%),url(https://images.unsplash.com/photo-1529078155058-5d716f45d604?w=1600&q=80) 50%/cover no-repeat;align-items:center;min-height:90vh;padding:100px 0 60px;display:flex;position:relative}.hero-eyebrow{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#a8f5c3;letter-spacing:.08em;text-transform:uppercase;background:#ffffff1f;border:1px solid #fff3;border-radius:50px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{color:#fff;margin-bottom:1.2rem;font-family:Lora,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:600;line-height:1.25}.hero-title span{color:#6be6a0}.hero-sub{color:#ffffffd1;max-width:520px;margin-bottom:2rem;font-size:1.05rem}.btn-hero-primary{background:var(--primary);color:#fff;transition:all var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;padding:.75rem 1.8rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-hero-primary:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0936}.btn-hero-outline{color:#fff;transition:all var(--transition);background:0 0;border:2px solid #ffffff8c;border-radius:8px;align-items:center;gap:8px;padding:.72rem 1.6rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-hero-outline:hover{color:#fff;background:#ffffff1f;border-color:#fff;transform:translateY(-2px)}.hero-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;padding:2rem}.hero-stat-item{text-align:center;transition:background var(--transition);background:#00993326;border:1px solid #0099334d;border-radius:12px;padding:1rem}.hero-stat-item:hover{background:#00993347}.hero-stat-item .num{color:#6be6a0;font-size:2rem;font-weight:800;line-height:1}.hero-stat-item .lbl{color:#ffffffbf;margin-top:4px;font-size:.78rem;font-weight:500}.hero-icon-row{flex-wrap:wrap;gap:12px;margin-top:1.2rem;display:flex}.hero-icon-badge{color:#ffffffd9;transition:background var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:500;display:flex}.hero-icon-badge:hover{background:#ffffff2e}.hero-icon-badge i{color:#6be6a0;font-size:1rem}#tentang{background:var(--white);padding:80px 0}.about-img-wrap{border-radius:20px;position:relative;overflow:hidden}.about-img-wrap img{object-fit:cover;width:100%;height:380px;transition:transform .5s;display:block}.about-img-wrap:hover img{transform:scale(1.04)}.about-badge{background:var(--primary);color:#fff;border-radius:10px;padding:12px 20px;font-size:.82rem;font-weight:700;position:absolute;bottom:20px;left:20px}.stat-card{background:var(--gray-light);border-radius:var(--radius);text-align:center;border:1px solid var(--gray-mid);transition:all var(--transition);padding:1.1rem 1rem}.stat-card:hover{background:var(--primary-light);box-shadow:var(--shadow-hover);border-color:#0933;transform:translateY(-3px)}.stat-card .num{color:var(--primary);font-size:1.6rem;font-weight:800;line-height:1}.stat-card .lbl{color:var(--gray-text);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.72rem;font-weight:600}.btn-primary-green{background:var(--primary);color:#fff;transition:all var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;padding:.65rem 1.6rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary-green:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #0099334d}.btn-outline-green{color:var(--primary);border:2px solid var(--primary);transition:all var(--transition);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:.62rem 1.5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-outline-green:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}#layanan{background:var(--gray-light);padding:80px 0}.service-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-mid);text-align:center;height:100%;transition:all var(--transition);padding:2rem 1.5rem;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--primary);height:4px;transition:transform var(--transition);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-hover);border-color:#0933;transform:translateY(-6px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{background:var(--primary-light);width:64px;height:64px;transition:background var(--transition);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.2rem;display:flex}.service-icon i{color:var(--primary);transition:transform var(--transition);font-size:1.6rem}.service-card:hover .service-icon{background:var(--primary)}.service-card:hover .service-icon i{color:#fff;transform:scale(1.15)}.service-card h5{margin-bottom:.6rem;font-size:1rem;font-weight:700}.service-card p{color:var(--gray-text);margin-bottom:0;font-size:.875rem}#berita{background:var(--white);padding:80px 0}.news-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-mid);height:100%;transition:all var(--transition);flex-direction:column;display:flex;overflow:hidden}.news-card:hover{box-shadow:var(--shadow-hover);border-color:#0933;transform:translateY(-5px)}.news-img-wrap{height:200px;overflow:hidden}.news-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.news-card:hover .news-img-wrap img{transform:scale(1.06)}.news-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.news-cat{background:var(--primary-light);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;border-radius:4px;margin-bottom:.6rem;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.news-date{color:var(--gray-text);align-items:center;gap:5px;margin-bottom:.5rem;font-size:.78rem;display:flex}.news-card h6{color:var(--dark);flex:1;margin-bottom:.6rem;font-size:.95rem;font-weight:700;line-height:1.45}.news-excerpt{color:var(--gray-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.82rem;display:-webkit-box;overflow:hidden}.btn-read{color:var(--primary);transition:gap var(--transition), color var(--transition);align-items:center;gap:5px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-read:hover{color:var(--primary-dark);gap:10px}#peraturan{background:var(--gray-light);padding:80px 0}.table-modern{border-collapse:separate;border-spacing:0;width:100%}.table-modern thead tr{background:var(--primary)}.table-modern thead th{color:#fff;letter-spacing:.05em;text-transform:uppercase;border:none;padding:1rem 1.1rem;font-size:.82rem;font-weight:700}.table-modern thead th:first-child{border-radius:10px 0 0}.table-modern thead th:last-child{border-radius:0 10px 0 0}.table-modern tbody tr{background:var(--white);border-bottom:1px solid var(--gray-mid);transition:background var(--transition)}.table-modern tbody tr:hover{background:var(--primary-light)}.table-modern tbody td{vertical-align:middle;border:none;padding:.9rem 1.1rem;font-size:.875rem}.reg-num{color:var(--gray-text);width:40px;font-size:.8rem;font-weight:700}.reg-cat{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:2px 9px;font-size:.7rem;font-weight:700;display:inline-block}.btn-dl{background:var(--primary);color:#fff;transition:all var(--transition);border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 14px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-dl:hover{background:var(--primary-dark);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0099334d}#media{background:var(--white);padding:80px 0}.gallery-item{border-radius:var(--radius);cursor:pointer;height:200px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-overlay{opacity:0;transition:opacity var(--transition);background:#00993380;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-overlay i{color:#fff;font-size:2rem}.gallery-item:hover img{transform:scale(1.1)}.gallery-item:hover .gallery-overlay{opacity:1}.video-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-mid);transition:all var(--transition);overflow:hidden}.video-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.video-thumb{height:180px;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.video-card:hover .video-thumb img{transform:scale(1.05)}.play-btn{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-btn-circle{width:52px;height:52px;transition:transform var(--transition), background var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.play-btn-circle i{color:var(--primary);font-size:1.4rem}.video-card:hover .play-btn-circle{background:var(--primary);transform:scale(1.12)}.video-card:hover .play-btn-circle i{color:#fff}.video-info{padding:1rem 1.1rem}.video-info h6{margin-bottom:0;font-size:.9rem;font-weight:700}#statistik{background:linear-gradient(135deg,#007a28 0%,#004d18 100%);padding:80px 0;position:relative;overflow:hidden}#statistik:before{content:"";background:#ffffff0a;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}#statistik:after{content:"";background:#ffffff0a;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-60px;left:-60px}.counter-card{text-align:center;padding:2rem 1rem}.counter-icon{background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.counter-icon i{color:#6be6a0;font-size:1.6rem}.counter-num{color:#fff;margin-bottom:.4rem;font-size:2.8rem;font-weight:800;line-height:1}.counter-label{color:#ffffffb8;font-size:.9rem;font-weight:500}#pengumuman{background:var(--gray-light);padding:80px 0}.marquee-wrapper{background:var(--primary);border-radius:8px;margin-bottom:2rem;padding:10px 0;position:relative;overflow:hidden}.marquee-inner{white-space:nowrap;align-items:center;gap:60px;animation:30s linear infinite marquee;display:flex}.marquee-inner:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{color:#fff;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:inline-flex}.marquee-item i{color:#6be6a0;flex-shrink:0}.announce-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-mid);transition:all var(--transition);align-items:flex-start;gap:14px;height:100%;padding:1.3rem 1.5rem;display:flex}.announce-card:hover{box-shadow:var(--shadow-card);border-color:#00993340;transform:translateY(-3px)}.announce-icon{background:var(--primary-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.announce-icon i{color:var(--primary);font-size:1.2rem}.announce-card h6{margin-bottom:.3rem;font-size:.9rem;font-weight:700}.announce-card p{color:var(--gray-text);margin:0;font-size:.8rem}.announce-card .date{color:var(--primary);margin-bottom:4px;font-size:.72rem;font-weight:600}#cta{background:linear-gradient(135deg, var(--primary) 0%, #005c1e 100%);text-align:center;padding:80px 0;position:relative;overflow:hidden}#cta:before{content:"";background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M0 0h20v20H0V0zm20 20h20v20H20V20z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}#cta h2{color:#fff;margin-bottom:.8rem;font-family:Lora,serif;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:600}#cta p{color:#fffc;margin-bottom:2rem;font-size:1rem}footer{background:var(--dark);color:#ffffffbf;padding:64px 0 0}.footer-logo strong{color:#fff;font-size:1.05rem;font-weight:800;display:block}.footer-logo span{color:#ffffff80;font-size:.72rem}.footer-logo-icon{background:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.footer-logo-icon i{color:#fff;font-size:1.4rem}footer h6{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.2rem;padding-bottom:.6rem;font-size:.85rem;font-weight:700;position:relative}footer h6:after{content:"";background:var(--primary);width:28px;height:2px;position:absolute;bottom:0;left:0}footer a{color:#ffffffa6;transition:color var(--transition);align-items:center;gap:8px;padding:3px 0;font-size:.875rem;text-decoration:none;display:flex}footer a:hover{color:#6be6a0}footer a i{color:var(--primary);flex-shrink:0;font-size:.85rem}.footer-social a{width:38px;height:38px;transition:all var(--transition);background:#ffffff12;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.footer-social a i{color:#ffffffbf;font-size:1rem}.footer-social a:hover{background:var(--primary);transform:translateY(-2px)}.footer-social a:hover i{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;margin-top:2.5rem;padding:1.2rem 0}.footer-bottom p{color:#fff6;margin:0;font-size:.8rem}#backToTop{background:var(--primary);color:#fff;cursor:pointer;opacity:0;width:46px;height:46px;transition:all var(--transition);z-index:999;border:none;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px);box-shadow:0 4px 16px #0936}#backToTop.show{opacity:1;transform:translateY(0)}#backToTop:hover{background:var(--primary-dark);transform:translateY(-3px)}@media (width<=768px){#hero{min-height:auto;padding:80px 0 40px}.hero-panel{margin-top:2rem}.about-img-wrap img{height:280px}.gallery-item{height:160px}}@media (width<=576px){.brand-text span{display:none}}.divider{background:var(--primary);border-radius:2px;width:48px;height:4px;margin-bottom:1rem}.text-green{color:var(--primary)!important}.section-wave{width:100%;line-height:0;display:block;overflow:hidden}.hero-carousel-wrapper{height:600px}.hero-slides{height:100%;position:relative}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity .7s;position:absolute;inset:0}.hero-slide.active{opacity:1;z-index:1}.hero-overlay{background:linear-gradient(90deg,#000000b8 0%,#0000007a 55%,#00000026 100%);position:absolute;inset:0}.hero-slide .container{z-index:2;height:100%;position:relative}.hero-nav-btn{z-index:10;color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav-btn:hover{background:#ffffff47}.hero-prev{left:18px}.hero-next{right:18px}.hero-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:50%;width:9px;height:9px;transition:all .3s}.hero-dot.active{background:#2db86e;border-radius:5px;width:26px}#navbarContent{flex-grow:1}