*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#1f2937;background:#fff;line-height:1.6}:root{--ts-orange:#E9730C;--ts-orange-dark:#C2410C;--ts-gold:#F59E0B;--ts-gold-light:#FBBF24;--ts-cream:#FFF7ED}.container{max-width:1200px;margin:0
auto;padding:0
1.5rem}.section{padding:5rem 0}.section-white{background:#fff}.section-gray{background:#f9fafb}.section-cream{background:var(--ts-cream)}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.label{color:var(--ts-gold);font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em}.section-title{font-size:2.25rem;font-weight:800;color:#111827;margin-top:0.75rem;margin-bottom:1rem;line-height:1.25}.section-divider{width:80px;height:3px;background:linear-gradient(90deg, var(--ts-gold), var(--ts-orange));border-radius:2px;margin-bottom:1.5rem}.section-desc{color:#6b7280;font-size:1.125rem;max-width:640px;margin:0
auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}.grid-5{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all 0.3s ease}.navbar
.container{display:flex;align-items:center;justify-content:space-between;height:5rem}.nav-brand{display:flex;align-items:center;gap:0.75rem}.nav-logo{width:3rem;height:3rem;background:#fff;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,0.15)}.nav-logo
span{color:var(--ts-orange);font-weight:700;font-size:1.25rem}.nav-brand-text{color:#fff;font-weight:700;font-size:1.25rem;letter-spacing:-0.025em}.nav-brand-sub{display:none;color:rgba(255,255,255,0.7);font-size:0.75rem}@media(min-width:768px){.nav-brand-sub{display:block}}.nav-links{display:none;align-items:center;gap:2rem}.nav-links
a{color:rgba(255,255,255,0.8);font-weight:500;font-size:0.875rem;transition:color 0.2s;text-decoration:none}.nav-links a:hover{color:#fff}.nav-cta{background:var(--ts-gold) !important;color:var(--ts-orange-dark) !important;padding:0.625rem 1.25rem;border-radius:9999px;font-weight:700 !important}.nav-cta:hover{background:var(--ts-gold-light) !important}@media(min-width:768px){.nav-links{display:flex}}.navbar.scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,0.08)}.navbar.scrolled .nav-brand-text{color:#111827}.navbar.scrolled .nav-links
a{color:#4b5563}.navbar.scrolled .nav-links a:hover{color:#111827}.mobile-btn{display:block;background:none;border:none;color:#fff;padding:0.5rem;cursor:pointer}.navbar.scrolled .mobile-btn{color:#111827}.mobile-menu{display:none;background:#fff;border-top:1px solid #e5e7eb;padding:0.75rem 1.5rem}.mobile-menu.show{display:block}.mobile-menu
a{display:block;padding:0.5rem 0;color:#374151;font-weight:500;text-decoration:none}@media(min-width:768px){.mobile-btn{display:none}}.hero{background:linear-gradient(135deg, #EA580C 0%, #E9730C 40%, #FB923C 100%);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center}.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle, rgba(245,158,11,0.15) 0%, transparent 70%);border-radius:50%}.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle, rgba(245,158,11,0.1) 0%, transparent 70%);border-radius:50%}.hero
.container{padding:8rem 1.5rem 10rem;position:relative;z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px
solid rgba(255,255,255,0.2);border-radius:9999px;padding:0.5rem 1rem;margin-bottom:1.5rem;color:rgba(255,255,255,0.9);font-size:0.875rem;font-weight:500}.hero-badge-dot{width:8px;height:8px;background:var(--ts-gold);border-radius:50%;animation:pulse 2s infinite}@keyframes
pulse{0%,100%{opacity:1}50%{opacity:0.5}}.hero
h1{font-size:3rem;font-weight:800;color:#fff;line-height:1.15;margin-bottom:1.5rem}.hero h1
.highlight{background:linear-gradient(135deg, var(--ts-gold), var(--ts-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}@media(min-width:768px){.hero
h1{font-size:3.75rem}}@media(min-width:1024px){.hero
h1{font-size:4.5rem}}.hero-desc{color:rgba(255,255,255,0.8);font-size:1.125rem;line-height:1.75;margin-bottom:2rem;max-width:32rem}.hero-actions{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.hero-actions{flex-direction:row}}.btn-wa{background:#25D366;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:9999px;text-align:center;font-size:1.125rem;box-shadow:0 4px 14px rgba(37,211,102,0.4);display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;text-decoration:none;transition:all 0.3s;border:none;cursor:pointer}.btn-wa:hover{background:#1da851;transform:scale(1.03)}.btn-outline{border:2px
solid rgba(255,255,255,0.3);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:9999px;text-align:center;font-size:1.125rem;text-decoration:none;transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center}.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,0.1)}.hero-visual{display:none;justify-content:center}@media(min-width:768px){.hero-visual{display:flex}}.hero-card{width:24rem;height:24rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border-radius:1.5rem;border:1px
solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;position:relative;animation:float 3s ease-in-out infinite}@keyframes
float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-card-inner{text-align:center;color:#fff}.hero-card-inner
svg{width:5rem;height:5rem;margin:0
auto 1rem;fill:#fff}.hero-card-inner
.amiri{font-family:'Amiri',serif;font-style:italic;font-size:1.5rem;color:rgba(255,255,255,0.9)}.hero-card-inner
.sub{font-size:0.875rem;color:rgba(255,255,255,0.7);margin-top:0.5rem}.stat-float{position:absolute;background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);border:1px
solid rgba(255,255,255,0.12);border-radius:1rem;padding:0.75rem 1.25rem;text-align:center}.stat-float.top-right{top:-1rem;right:-1rem}.stat-float.bottom-left{bottom:-1rem;left:-1rem}.stat-float
.num{color:var(--ts-gold);font-weight:700;font-size:1.5rem}.stat-float
.txt{color:rgba(255,255,255,0.7);font-size:0.75rem}.hero-wave{position:absolute;bottom:0;left:0;right:0}.section-header{text-align:center;margin-bottom:4rem}.card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);border:1px
solid #f3f4f6;transition:all 0.3s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.12)}.card-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.875rem;margin-bottom:1.5rem;flex-shrink:0}.card-icon.orange{background:rgba(233,115,12,0.1)}.card-icon.gold{background:rgba(245,158,11,0.1)}.card-icon.blue{background:#eff6ff}.card
h3{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:0.75rem}.card
p{color:#6b7280;line-height:1.75;margin-bottom:1.5rem}.card
ul{list-style:none;margin-bottom:2rem}.card ul
li{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:#4b5563;padding:0.25rem 0}.card ul li
.check{color:var(--ts-orange);font-weight:700}.card .btn-orange{display:block;text-align:center;background:var(--ts-orange);color:#fff;font-weight:700;padding:0.75rem;border-radius:0.75rem;text-decoration:none;transition:background 0.2s;border:none;cursor:pointer;width:100%}.card .btn-orange:hover{background:var(--ts-orange-dark)}.card .btn-gold{background:var(--ts-gold);color:var(--ts-orange-dark)}.card .btn-gold:hover{background:var(--ts-gold-light)}.card .btn-dark{background:#111827;color:#fff}.card .btn-dark:hover{background:#1f2937}.card .badge-populer{position:absolute;top:-0.75rem;right:1.5rem;background:var(--ts-gold);color:var(--ts-orange-dark);font-size:0.75rem;font-weight:700;padding:0.25rem 1rem;border-radius:9999px}.card{position:relative}.pkg-card{border:2px
solid #e5e7eb;border-radius:1rem;overflow:hidden;transition:all 0.3s}.pkg-card:hover{border-color:var(--ts-gold);box-shadow:0 8px 30px rgba(245,158,11,0.2)}.pkg-header{padding:1.5rem;color:#fff}.pkg-header.orange{background:linear-gradient(90deg, var(--ts-orange), var(--ts-orange-dark))}.pkg-header.gold{background:linear-gradient(90deg, var(--ts-gold), var(--ts-gold-light));color:var(--ts-orange-dark)}.pkg-header.dark{background:linear-gradient(90deg, #374151, #1f2937)}.pkg-header
h4{font-weight:700;font-size:1.125rem}.pkg-header
.sub{font-size:0.875rem;margin-top:0.25rem}.pkg-header
.sub.light{color:rgba(255,255,255,0.8)}.pkg-header
.sub.dark{color:rgba(0,0,0,0.5)}.pkg-body{padding:1.5rem}.pkg-row{display:flex;justify-content:space-between;margin-bottom:1rem}.pkg-row
.label{font-size:0.875rem;color:#6b7280;text-transform:none;letter-spacing:normal;font-weight:400}.pkg-row
.value{font-weight:700;color:#111827}.pkg-row
.value.orange{color:var(--ts-orange)}.pkg-row
.value.red{color:#ef4444}.pkg-price{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:1rem}.pkg-price
.label{font-size:0.875rem;color:#6b7280;text-transform:none;letter-spacing:normal;font-weight:400;display:block}.pkg-price
.price{font-size:1.5rem;font-weight:800;color:var(--ts-orange)}.pkg-price
.price.strike{color:#9ca3af;font-size:1.125rem;text-decoration:line-through}.pkg-btn{display:block;text-align:center;background:var(--ts-orange);color:#fff;font-weight:700;padding:0.75rem;border-radius:0.75rem;margin-top:1rem;text-decoration:none;transition:all 0.2s;border:none;cursor:pointer;width:100%}.pkg-btn:hover{background:var(--ts-orange-dark)}.pkg-btn.gold{background:var(--ts-gold);color:var(--ts-orange-dark)}.pkg-btn.gold:hover{background:var(--ts-gold-light)}.pkg-btn.disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.pkg-subtitle{font-size:0.875rem;margin-top:0.25rem}.about-box{background:linear-gradient(135deg, var(--ts-orange), var(--ts-orange-dark));border-radius:1.5rem;padding:3rem;color:#fff}.about-box
h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.about-box
p{color:rgba(255,255,255,0.9);line-height:1.75;margin-bottom:1.5rem}.about-box
.divider{border-top:1px solid rgba(255,255,255,0.2);padding-top:1.5rem}.about-box
h4{font-weight:700;margin-bottom:0.5rem}.about-box
ul{list-style:none}.about-box ul
li{display:flex;align-items:flex-start;gap:0.5rem;color:rgba(255,255,255,0.8);font-size:0.875rem;padding:0.25rem 0}.about-box ul li
.dot{color:var(--ts-gold);margin-top:0.25rem}.stat-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-top:2rem}.stat-item{text-align:center;padding:1rem;background:var(--ts-cream);border-radius:1rem}.stat-item
.num{font-size:1.875rem;font-weight:800;color:var(--ts-orange)}.stat-item
.txt{color:#6b7280;font-size:0.875rem;margin-top:0.25rem}.facility-card{background:#f9fafb;border-radius:1rem;padding:1.5rem;text-align:center;transition:all 0.3s}.facility-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.12)}.facility-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg, var(--ts-orange), var(--ts-gold-light));border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0
auto 1rem}.facility-card
h4{font-weight:700;color:#111827;margin-bottom:0.25rem}.facility-card
p{color:#6b7280;font-size:0.875rem}.steps-section{background:linear-gradient(135deg, var(--ts-orange), var(--ts-orange-dark));position:relative;overflow:hidden}.steps-section .islamic-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.03;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%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}.steps-section
.container{position:relative;z-index:10}.step-card{text-align:center}.step-num{width:5rem;height:5rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border:1px
solid rgba(255,255,255,0.2);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0
auto 1.25rem}.step-num
span{color:var(--ts-gold);font-weight:800;font-size:1.875rem}.step-card
h3{font-weight:700;color:#fff;font-size:1.125rem;margin-bottom:0.5rem}.step-card
p{color:rgba(255,255,255,0.7);font-size:0.875rem;line-height:1.75}.testimonial-card{background:#fff;border-left:4px solid var(--ts-gold);border-radius:1rem;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.testimonial-card
.stars{color:#facc15;font-size:1.125rem;margin-bottom:1rem}.testimonial-card
.quote{color:#4b5563;line-height:1.75;margin-bottom:1.5rem;font-style:italic}.testimonial-card
.author{display:flex;align-items:center;gap:0.75rem}.testimonial-card
.avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:0.875rem;flex-shrink:0}.testimonial-card
.name{font-weight:700;color:#111827;font-size:0.875rem}.testimonial-card
.meta{color:#9ca3af;font-size:0.75rem}.cta-box{background:linear-gradient(135deg, var(--ts-orange), var(--ts-orange-dark));border-radius:1.5rem;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-box .islamic-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.03;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%3Cpath d='M30 0L60 30L30 60L0 30Z' fill='none' stroke='white' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 60px}@media(min-width:768px){.cta-box{padding:4rem}}.cta-box
.content{position:relative;z-index:10}.cta-box
h2{font-size:2.25rem;font-weight:800;color:#fff;margin-bottom:1rem}.cta-box>.content>p{color:rgba(255,255,255,0.8);font-size:1.125rem;margin-bottom:2rem;max-width:36rem;margin-left:auto;margin-right:auto}.cta-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:3rem}@media(min-width:640px){.cta-actions{flex-direction:row}}.btn-phone{border:2px
solid rgba(255,255,255,0.3);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:9999px;text-align:center;font-size:1.125rem;text-decoration:none;transition:all 0.3s;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem}.btn-phone:hover{border-color:#fff;background:rgba(255,255,255,0.1)}.contact-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:48rem;margin:0
auto;text-align:left}@media(min-width:768px){.contact-grid{grid-template-columns:repeat(3, 1fr)}}.contact-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(8px);border-radius:1rem;padding:1.25rem;border:1px
solid rgba(255,255,255,0.1)}.contact-card
.icon{color:var(--ts-gold);font-size:1.5rem;margin-bottom:0.5rem}.contact-card
h4{font-weight:700;color:#fff;font-size:0.875rem;margin-bottom:0.25rem}.contact-card
p{color:rgba(255,255,255,0.7);font-size:0.75rem;line-height:1.75}.footer{background:#111827;color:#fff;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem}.footer-brand
.logo{width:2.5rem;height:2.5rem;background:var(--ts-orange);border-radius:0.75rem;display:flex;align-items:center;justify-content:center}.footer-brand .logo
span{color:#fff;font-weight:700;font-size:1.125rem}.footer-brand
.name{font-weight:700;font-size:1.25rem}.footer-about{color:#9ca3af;line-height:1.75;margin-bottom:1rem;max-width:24rem}.footer-link{color:var(--ts-gold);font-size:0.875rem;text-decoration:none;font-weight:500}.footer-link:hover{color:var(--ts-gold-light)}.footer
h4{font-weight:700;margin-bottom:1rem;color:var(--ts-gold)}.footer
ul{list-style:none}.footer ul
li{color:#9ca3af;font-size:0.875rem;padding:0.25rem 0}.footer ul li
a{color:#9ca3af;text-decoration:none;transition:color 0.2s}.footer ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #1f2937;padding-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between}@media(min-width:768px){.footer-bottom{flex-direction:row}}.footer-bottom
p{color:#6b7280;font-size:0.875rem}.footer-bottom
a{color:var(--ts-gold);text-decoration:none}.footer-bottom a:hover{color:var(--ts-gold-light)}.floating-wa{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;background:#25D366;color:#fff;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.25);text-decoration:none;transition:transform 0.3s}.floating-wa:hover{transform:scale(1.1)}.floating-wa
svg{width:2rem;height:2rem;fill:#fff}body.admin-bar
.navbar{top:32px}@media(max-width:782px){body.admin-bar
.navbar{top:46px}}@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.section{padding:3rem 0}.hero
h1{font-size:2.25rem}}