body{box-sizing:border-box}*{font-family:Poppins,sans-serif}.font-arabic{font-family:Amiri,serif}html,body{min-height:100%;height:auto;margin:0;padding:0;overflow-x:hidden}.app-wrapper{width:100%;max-width:100%;min-height:100%;overflow-x:hidden;overflow-y:visible}.hero-banner{background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/img/banner-sekolah.jpg)}@supports (background-image: image-set(url(/img/banner-sekolah.webp) type("image/webp"))){.hero-banner{background-image:image-set(url(/img/banner-sekolah.webp) type("image/webp"),url(/img/banner-sekolah.jpg) type("image/jpeg"))}}img,video,iframe,embed,object{max-width:100%;height:auto}.prose,.prose *{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.prose img,.prose table,.prose pre{max-width:100%}.prose table{display:block;overflow-x:auto}.WordSection1{max-width:100%!important;width:100%!important;overflow-wrap:anywhere;word-break:break-word}.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.gradient-overlay{background:linear-gradient(135deg,#1b5e20f2,#1b5e20d9,#4caf50e6)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1b5e2026}.btn-primary{background-color:#4caf50;transition:all .3s ease}.btn-primary:hover{background-color:#fbc02d;transform:scale(1.05)}.btn-cta{background-color:#fbc02d;color:#212121;transition:all .3s ease}.btn-cta:hover{background-color:#f9a825;transform:scale(1.05);box-shadow:0 10px 30px #fbc02d66}.nav-link{position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#fbc02d;transition:width .3s ease}.nav-link:hover:after{width:100%}.counter-box{animation:fadeInUp .35s ease forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.counter-box:nth-child(1){animation-delay:.05s}.counter-box:nth-child(2){animation-delay:.1s}.counter-box:nth-child(3){animation-delay:.15s}.counter-box:nth-child(4){animation-delay:.2s}.mosque-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.scroll-smooth{scroll-behavior:smooth}.mobile-menu{transform:translate(-100%);transition:transform .3s ease;visibility:hidden;pointer-events:none}.mobile-menu.active{transform:translate(0);visibility:visible;pointer-events:auto}.scroll-element{opacity:0;transform:translateY(24px);transition:opacity .35s ease-out,transform .35s ease-out}.scroll-element.in-view{opacity:1;transform:translateY(0)}.scroll-left{opacity:0;transform:translate(-32px);transition:opacity .35s ease-out,transform .35s ease-out}.scroll-left.in-view{opacity:1;transform:translate(0)}.scroll-right{opacity:0;transform:translate(32px);transition:opacity .35s ease-out,transform .35s ease-out}.scroll-right.in-view{opacity:1;transform:translate(0)}.scroll-scale{opacity:0;transform:scale(.92);transition:opacity .35s ease-out,transform .35s ease-out}.scroll-scale.in-view{opacity:1;transform:scale(1)}@keyframes slideStagger{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stagger-item{opacity:0;animation:none}.stagger-item.in-view{animation:slideStagger .3s ease-out forwards}.stagger-item:nth-child(1).in-view{animation-delay:0s}.stagger-item:nth-child(2).in-view{animation-delay:.04s}.stagger-item:nth-child(3).in-view{animation-delay:.08s}.stagger-item:nth-child(4).in-view{animation-delay:.12s}.stagger-item:nth-child(5).in-view{animation-delay:.16s}.stagger-item:nth-child(6).in-view{animation-delay:.2s}.stagger-item:nth-child(7).in-view{animation-delay:.24s}.stagger-item:nth-child(8).in-view{animation-delay:.28s}.stagger-item:nth-child(9).in-view{animation-delay:.32s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-on-scroll{animation:float 3.5s ease-in-out infinite}body header#navbar.navbar-solid,header#navbar.navbar-solid,#navbar.navbar-solid,#navbar{background:#1b5e20!important;background-color:#1b5e20!important;background-image:none!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;view-transition-name:none!important;isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}#navbar:before{content:"";position:absolute;inset:0;background:#1b5e20!important;z-index:-1;pointer-events:none}.navbar-template{background-color:#1b5e20;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #00000026}.nav-item-template{display:inline-flex;align-items:center;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:#fff;border-radius:10px;transition:all .2s ease;text-decoration:none;position:relative;border:none;cursor:pointer;font-family:inherit}.nav-item-template:hover{background:#ffffff2e;color:#fff}.nav-item-template:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:0;height:2px;background:#fbc02d;border-radius:1px;transition:width .2s ease}.nav-item-template:hover:after{width:calc(100% - 1.75rem)}.nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}.nav-dropdown.open>.nav-dropdown-menu,.nav-dropdown:hover>.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-dropdown.open>.nav-dropdown-btn .nav-dropdown-chevron,.nav-dropdown:hover>.nav-dropdown-btn .nav-dropdown-chevron{transform:rotate(180deg)}.mobile-submenu-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;color:#fff;font-size:.9375rem;background:none;border:none;cursor:pointer;transition:background .2s ease,color .2s ease;text-align:left}.mobile-submenu-btn:hover{color:#fbc02d}.mobile-nav-item{display:block;padding:.875rem 1rem;color:#fff;font-size:.9375rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.15);transition:background .2s ease,color .2s ease}.mobile-nav-item:hover{background:#ffffff14;color:#fbc02d}.mobile-submenu-chevron{font-size:.625rem;opacity:.9;transition:transform .2s ease}.mobile-submenu.open .mobile-submenu-chevron{transform:rotate(180deg)}.mobile-submenu-content{padding:.5rem 0 .75rem 1.5rem;background:#00000014;margin:0 .5rem .5rem;border-radius:12px}.mobile-nav-subitem{display:block;padding:.5rem .75rem;color:#ffffffeb;font-size:.8125rem;border-radius:8px;transition:background .2s ease,color .2s ease}.mobile-nav-subitem:hover{color:#fbc02d;background:#ffffff0f}@media(max-width:767px){.backdrop-blur-sm,.counter-box{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.float-on-scroll{animation:none!important}.card-hover:hover{transform:none}}@media(prefers-reduced-motion:reduce){.scroll-element,.scroll-left,.scroll-right,.scroll-scale,.stagger-item,.float-on-scroll,.counter-box{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}