*{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}p,h1,h2,h3,h4,h5,h6,span,div.testimonial-text,div.faq-answer{-webkit-user-select:text;user-select:text}.landing-container{color:#333;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.hero-section{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);align-items:center;min-height:70vh;padding:80px 20px;display:flex}.hero-content{align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex}.hero-text{max-width:700px}.hero-headline{margin-bottom:24px;font-size:2.8rem;font-weight:700;line-height:1.2}.hero-subtitle{opacity:.9;margin-bottom:32px;font-size:1.1rem;font-weight:400;line-height:1.6}.cta-section{gap:16px;margin-bottom:24px;display:flex}.cta-primary{color:#059669;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fbbf24;border:none;border-radius:8px;min-width:44px;min-height:44px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #fbbf244d}.cta-primary:hover{background:#f59e0b;transform:translateY(-2px);box-shadow:0 8px 30px #fbbf2466}.cta-primary:active{background:#d97706;transform:translateY(0);box-shadow:0 2px 10px #fbbf2466}@media (hover:none) and (pointer:coarse){.cta-primary:hover{background:#fbbf24;transform:none;box-shadow:0 4px 20px #fbbf244d}}.hero-image{justify-content:center;align-items:center;display:flex}.image-placeholder{text-align:center;background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.quran-icon{margin-bottom:15px;font-size:60px}.section-container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;color:#1f2937;margin-bottom:16px;font-size:2.2rem;font-weight:700}.section-subtitle{text-align:center;color:#6b7280;max-width:800px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:1.1rem}.section-subtitle-small{text-align:center;color:#059669;margin-bottom:50px;font-style:italic;font-weight:600}.why-choose-section{background:#f8fafc;padding:80px 20px}.why-choose-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;display:grid}.why-choose-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:30px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.why-choose-card:hover{border-color:#059669;transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.why-choose-icon{margin-bottom:20px;font-size:2.5rem}.why-choose-card h3{color:#1f2937;margin-bottom:15px;font-size:1.3rem;font-weight:600}.why-choose-card p{color:#6b7280;margin-bottom:20px;font-size:.95rem;line-height:1.6}.why-choose-cta{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.why-choose-cta:hover{background:#047857}.program-levels-section{background-color:#0000;background-image:linear-gradient(#ffffffe6,#ffffffe6),url(/images/les-ngaji2.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:80px 20px}@media (max-width:768px){.program-levels-section{background-attachment:scroll}}.control-arrow{background-color:#000!important}.program-levels-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.program-level-card{color:#fff;text-align:center;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-radius:15px;padding:30px;transition:all .3s}.program-level-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0596694d}.program-level-card h3{margin-bottom:15px;font-size:1.4rem;font-weight:600}.program-level-card p{opacity:.9;font-size:.95rem;line-height:1.5}.benefits-section{background:#f8fafc;padding:80px 20px}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.benefit-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:35px;transition:all .3s;box-shadow:0 4px 15px #0000000d}.benefit-card:hover{border-color:#059669;transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.benefit-icon{margin-bottom:20px;font-size:2.8rem}.benefit-card h3{color:#1f2937;margin-bottom:15px;font-size:1.3rem;font-weight:600;line-height:1.3}.benefit-card p{color:#6b7280;font-size:.95rem;line-height:1.6}.testimonials-section{background-color:#0000;background-image:linear-gradient(#ffffffe6,#ffffffe6),url(/images/les-ngaji1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:80px 20px;position:relative}@media (max-width:768px){.testimonials-section{background-attachment:scroll}}.testimonials-section .section-title,.testimonials-section .section-subtitle{z-index:2;position:relative}.testimonials-section .section-title{text-shadow:0 2px 4px #0000001a}.testimonials-section .section-subtitle{text-shadow:0 1px 2px #0000000d}.testimonial-note{text-align:center;color:#6b7280;margin-bottom:40px;font-size:.9rem;font-style:italic}.testimonial-slider{justify-content:center;align-items:center;gap:30px;margin-bottom:30px;display:flex}.testimonial-nav{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex}.testimonial-nav:hover{background:#047857;transform:scale(1.1)}.testimonial-container{flex:1;max-width:1000px;position:relative;overflow:hidden}.testimonial-track{gap:30px;width:200%;display:flex}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;box-sizing:border-box;background:#f8fafcf2;border:1px solid #fff3;border-radius:15px;flex-direction:column;justify-content:space-between;width:300px;height:300px;margin:0 2px;padding:25px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000001a}.testimonial-card:hover{border-left-color:#10b981;transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.testimonial-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.testimonial-quote{flex-direction:column;flex:1;justify-content:center;margin-bottom:20px;display:flex}.quote-mark{color:#059669;font-size:2rem;font-weight:700;line-height:1}.testimonial-author{margin-top:auto}.author-info{text-align:center}.author-name{color:#1f2937;margin-bottom:5px;font-size:1rem;font-weight:600}.author-location{color:#6b7280;margin:0;font-size:.9rem}.testimonial-text{color:#374151;flex:1;margin-bottom:20px;font-size:.95rem;font-style:italic;line-height:1.6}.testimonial-author h4{color:#1f2937;margin-bottom:5px;font-weight:600}.testimonial-author p{color:#6b7280;font-size:.9rem}.testimonial-dots{justify-content:center;gap:10px;display:flex}.dot{cursor:pointer;background:#d1d5db;border:none;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:#059669;transform:scale(1.2)}.stats-section{color:#fff;background:#1f2937;padding:60px 20px}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.stat-item{text-align:center;padding:20px}.stat-item h3{color:#fbbf24;margin-bottom:8px;font-size:2.5rem;font-weight:800}.stat-item p{opacity:.9;font-size:1rem;font-weight:500}.faq-section{background:#f8fafc;padding:80px 20px}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:15px;margin-bottom:15px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#059669;box-shadow:0 10px 25px #0000001a}.faq-question{text-align:left;color:#1f2937;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:25px 30px;font-size:1.2rem;font-weight:600;line-height:1.3;transition:all .3s;display:flex}.faq-question:hover{color:#059669;background:#f8fafc}.faq-question.active{color:#059669;background:#f0fdf4;border-bottom:1px solid #e2e8f0}.faq-icon{color:#059669;text-align:center;min-width:20px;font-size:1.5rem;font-weight:300;transition:transform .3s}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 30px;transition:all .4s;overflow:hidden}.faq-answer.expanded{max-height:500px;padding:0 30px 25px}.faq-answer p{color:#6b7280;margin:0;padding-top:10px;font-size:.95rem;line-height:1.6}.final-cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#059669 0%,#10b981 100%);padding:80px 20px}.final-cta-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;display:flex}.final-cta-content h2{text-align:center;margin-bottom:20px;font-size:2.2rem;font-weight:700;line-height:1.3}.final-cta-content p{opacity:.9;text-align:center;max-width:600px;margin-bottom:15px;margin-left:auto;margin-right:auto;font-size:1.1rem}.cta-buttons{justify-content:center;align-items:center;width:100%;margin:40px 0;display:flex}.large{padding:18px 40px;font-size:1.2rem}.contact-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:30px;display:flex}.contact-info p{text-align:center;width:100%;margin:8px 0;font-size:1rem}.contact-label{opacity:.9;text-align:center;width:100%;margin:10px 0 5px;font-size:1rem}.phone-number{color:#fbbf24;text-align:center;width:100%;font-weight:700;margin:15px 0!important;font-size:1.3rem!important}.promo-label{opacity:.9;text-align:center;width:100%;margin:20px 0 5px;font-size:1rem}.promo-text{text-align:center;width:100%;margin:15px 0!important;font-size:1.1rem!important}.promo-text strong{color:#fbbf24}.price-text{color:#fbbf24;text-align:center;width:100%;font-weight:600;margin-top:20px!important;font-size:1.2rem!important}.floating-cta{z-index:998;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #05966933;padding:15px 20px;animation:.3s ease-out slideUpFromBottom;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.floating-cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;border-radius:12px;width:100%;max-width:400px;margin:0 auto;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 20px #0596694d}.floating-cta-button:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 8px 30px #05966966}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.whatsapp-float{z-index:1000;transition:bottom .3s;position:fixed;bottom:20px;right:20px}.whatsapp-float.with-floating-cta{bottom:90px}.whatsapp-icon{margin-right:10px;font-size:1.5rem}.whatsapp-text p{margin:0;font-size:.8rem;line-height:1.2}.footer{color:#fff;background:#1f2937;padding:60px 20px 20px}.footer-content{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px;display:grid}.footer-brand h3{color:#fbbf24;margin-bottom:16px;font-size:1.4rem}.footer-brand p{opacity:.8;font-size:.95rem;line-height:1.6}.footer-links{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;display:grid}.footer-column h4{color:#fbbf24;margin-bottom:20px;font-size:1rem;font-weight:600}.footer-column ul{list-style:none}.footer-column li{opacity:.8;margin-bottom:8px;font-size:.9rem}.footer-bottom{text-align:center;opacity:.6;border-top:1px solid #374151;padding-top:20px;font-size:.9rem}@media (max-width:1200px){.hero-headline{font-size:2.5rem}.section-title{font-size:2rem}}@media (max-width:1024px){.testimonial-container{max-width:700px}.testimonial-track{gap:20px}.testimonial-card{flex:0 0 calc(25% - 15px)}}@media (max-width:768px){.hero-content{flex-flow:column wrap;align-items:flex-start;gap:40px;max-width:100%}.hero-text{flex-direction:column;max-width:100%;display:flex}.hero-headline{max-width:100%;font-size:2.2rem}.section-title{font-size:1.8rem}.why-choose-grid,.program-levels-grid,.benefits-grid{grid-template-columns:1fr}.faq-accordion{max-width:100%}.footer-content{grid-template-columns:1fr;gap:40px}.testimonial-slider{flex-direction:column;gap:20px}.testimonial-nav{display:none}.testimonial-container{max-width:100%}.testimonial-track{gap:5px}.testimonial-card{flex:0 0 calc(100% - 4px);width:calc(100% - 4px);height:280px;margin:0 1px}.whatsapp-text{display:none}}@media (max-width:480px){.hero-section{padding:60px 20px;display:flex}.hero-image{max-width:100%}.hero-text{flex-direction:column;max-width:100%;display:flex}.hero-content{flex-wrap:wrap;align-items:flex-start}.hero-headline{max-width:100%;font-size:1.8rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.6rem}.why-choose-card,.benefit-card,.testimonial-card{padding:25px}.testimonial-card{flex:0 0 calc(100% - 4px);width:calc(100% - 4px);height:250px;margin:0 1px}.faq-question{padding:20px 25px;font-size:1.1rem}.faq-answer.expanded{padding:0 25px 20px}.stats-container{grid-template-columns:repeat(1,1fr)}}@media (max-width:360px){.hero-section{padding:40px 15px}.hero-headline{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.section-title{font-size:1.4rem}.cta-primary{padding:14px 24px;font-size:1rem}.why-choose-card,.benefit-card{padding:20px}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:50vh;padding:40px 20px}.hero-headline{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.why-choose-card,.program-level-card,.benefit-card,.testimonial-card,.faq-item{animation:.6s ease-out fadeInUp}.cta-primary:focus,.why-choose-cta:focus,.testimonial-nav:focus,.faq-question:focus{outline-offset:2px;outline:2px solid #fbbf24}@media print{.hero-section,.final-cta-section,.stats-section{color:#000!important;background:#fff!important}.whatsapp-float{display:none}}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-o-transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);z-index:2;cursor:pointer;background:0 0;border:0;font-size:32px;transition:all .25s ease-in;position:absolute;top:20px}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;margin:0 5px;display:inline-block}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{width:100%;position:relative}.carousel *{box-sizing:border-box}.carousel img{pointer-events:none;width:100%;display:inline-block}.carousel .carousel{position:relative}.carousel .control-arrow{background:0 0;border:0;outline:0;margin-top:-13px;font-size:18px;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-o-transition:all .15s ease-in;white-space:nowrap;list-style:none;transition:all .15s ease-in;position:relative;transform:translate(0,0)}.carousel .thumb{-o-transition:border .15s ease-in;white-space:nowrap;border:3px solid #fff;margin-right:6px;padding:2px;transition:border .15s ease-in;display:inline-block;overflow:hidden}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;position:relative;overflow:hidden}.carousel.carousel-slider .control-arrow{color:#fff;margin-top:0;padding:5px;font-size:26px;top:0;bottom:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{-o-transition:height .15s ease-in;width:100%;margin:auto;transition:height .15s ease-in;overflow:hidden}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{width:100%;margin:0;padding:0;list-style:none;position:relative}.carousel .slider.animated{-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{text-align:center;min-width:100%;margin:0;position:relative}.carousel .slide img{vertical-align:top;border:0;width:100%}.carousel .slide iframe{border:0;width:calc(100% - 80px);margin:0 40px 40px;display:inline-block}.carousel .slide .legend{-o-transition:all .5s ease-in-out;color:#fff;text-align:center;opacity:.25;transition:all .5s ease-in-out;-o-transition:opacity .35s ease-in-out;background:#000;border-radius:10px;width:90%;margin-left:-45%;padding:10px;font-size:12px;transition:opacity .35s ease-in-out;position:absolute;bottom:40px;left:50%}.carousel .control-dots{text-align:center;z-index:1;width:100%;margin:10px 0;padding:0;position:absolute;bottom:0}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-o-transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);cursor:pointer;background:#fff;border-radius:50%;width:8px;height:8px;margin:0 8px;transition:opacity .25s ease-in;display:inline-block;box-shadow:1px 1px 2px #000000e6}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{text-shadow:1px 1px 1px #000000e6;color:#fff;padding:5px;font-size:10px;position:absolute;top:0;right:0}.carousel:hover .slide .legend{opacity:1}