:root{--emerald:#1a6b4a;--emerald-light:#2d8a61;--emerald-pale:#e8f4ef;--gold:#c9a84c;--gold-light:#f0d98a;--gold-pale:#fdf8ec;--ink:#1a1f1c;--ink-muted:#4a5550;--ink-faint:#8a9890;--cream:#faf7f2;--white:#fff;--red-progress:#dc4a3d;--border:#1a6b4a26;--wa:#25d366}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;overflow-x:hidden}.geo-bg{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='%231a6b4a' fill-opacity='0.04'%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")}.nav{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#faf7f2f2;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-badge{background:var(--emerald);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700}.nav-name{color:var(--ink-muted);font-size:13px;font-weight:500}.nav-cta{background:var(--gold);color:var(--ink);letter-spacing:.3px;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:all .2s}.nav-cta:hover{background:var(--gold-light);transform:translateY(-1px)}footer{color:#ffffffb3;text-align:center;background:#31335d;padding:28px 24px;font-size:13px}footer strong{color:#ffffffe6}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.container{max-width:760px;margin:0 auto}section{padding:80px 24px}.section-tag{background:var(--gold-pale);color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;border:1px solid #c9a84c4d;border-radius:4px;margin-bottom:16px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.section-title{color:var(--ink);margin-bottom:16px;font-family:Amiri,serif;font-size:clamp(26px,5vw,40px);font-weight:700;line-height:1.3}.section-body{color:var(--ink-muted);font-size:16px;line-height:1.8}.hero{text-align:center;background:var(--ink);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 60px;display:flex;position:relative;overflow:hidden}.admin-banner{color:#5a4a1a;background:#fffbe6;border:1px solid #e0cc7a;border-radius:12px;width:100%;max-width:600px;margin-bottom:20px;padding:10px 20px;font-size:14px;line-height:1.5}@media (width<=600px){.admin-banner{padding:8px 14px;font-size:13px}}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#1a6b4a14 0%,#0000 70%);position:absolute;inset:0}.hero-ornament{color:var(--gold);letter-spacing:2px;opacity:0;margin-bottom:24px;font-family:Amiri,serif;font-size:clamp(18px,4vw,24px);animation:.8s .1s forwards fadeUp}.hero-label{background:var(--emerald-pale);border:1px solid var(--border);color:var(--emerald);letter-spacing:.8px;text-transform:uppercase;opacity:0;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:12px;font-weight:600;animation:.8s .2s forwards fadeUp;display:inline-flex}.hero-label:before{content:"🕋";font-size:14px}.hero h1{color:#fff;opacity:0;margin-bottom:12px;font-family:Amiri,serif;font-size:clamp(32px,7vw,68px);font-weight:700;line-height:1.2;animation:.8s .3s forwards fadeUp}.hero h1 .accent{color:var(--gold)}.hero-sub{color:#fff9;opacity:0;max-width:560px;margin:0 auto 40px;font-size:clamp(15px,2.5vw,19px);line-height:1.7;animation:.8s .4s forwards fadeUp}.hero-sub strong{color:var(--gold);font-weight:700}.hero-stats{background:var(--border);border:1px solid var(--border);opacity:0;border-radius:14px;gap:1px;margin-bottom:40px;animation:.8s .5s forwards fadeUp;display:flex;overflow:hidden}.hero-stat{text-align:center;background:#fff;flex:1;padding:16px 20px}.hero-stat:first-child{border-radius:13px 0 0 13px}.hero-stat:last-child{border-radius:0 13px 13px 0}.hero-stat-val{color:var(--emerald);font-size:clamp(16px,3vw,22px);font-weight:800;line-height:1.2;display:block}.hero-stat-val.gold{color:var(--gold)}.hero-stat-val.red{color:var(--red-progress)}.hero-stat-lbl{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:10px;font-weight:600}.btn-primary{background:var(--emerald);color:#fff;opacity:0;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;animation:.8s .6s forwards fadeUp;display:inline-flex;box-shadow:0 4px 20px #1a6b4a4d}.btn-primary:hover{background:var(--emerald-light);transform:translateY(-2px);box-shadow:0 8px 30px #1a6b4a66}.btn-secondary{color:var(--emerald);border:2px solid var(--border);opacity:0;background:#fff;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;animation:.8s .6s forwards fadeUp}.btn-secondary:hover{border-color:var(--emerald);background:var(--emerald-pale)}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lembaga{background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lembaga-grid{background:var(--border);border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin:36px 0;display:grid;overflow:hidden}.lembaga-stat{background:var(--emerald-pale);text-align:center;padding:28px 20px}.lembaga-stat-val{color:var(--emerald);font-family:Amiri,serif;font-size:36px;font-weight:700;line-height:1;display:block}.lembaga-stat-lbl{color:var(--emerald-light);margin-top:6px;font-size:13px;font-weight:500;display:block}.quote-box{background:var(--emerald);color:#fff;border-radius:16px;margin-top:32px;padding:28px 32px;position:relative;overflow:hidden}.quote-box:before{content:"❝";color:#ffffff14;font-family:Georgia,serif;font-size:80px;line-height:1;position:absolute;top:-10px;left:16px}.quote-box p{color:#ffffffe6;z-index:1;font-family:Amiri,serif;font-size:18px;line-height:1.7;position:relative}.quote-box cite{color:var(--gold-light);letter-spacing:.5px;z-index:1;margin-top:12px;font-size:12px;font-style:normal;font-weight:600;display:block;position:relative}.program-section{background:var(--cream)}.program-cards{grid-template-columns:1fr 1fr;gap:16px;margin:36px 0;display:grid}.program-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:28px 24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.program-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1a6b4a1f}.program-card:before{content:"";background:linear-gradient(90deg, var(--emerald), var(--gold));height:4px;position:absolute;top:0;left:0;right:0}.program-icon{margin-bottom:14px;font-size:32px;display:block}.program-name{color:var(--emerald);letter-spacing:-.3px;margin-bottom:6px;font-size:18px;font-weight:800}.program-full{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.program-desc{color:var(--ink-muted);font-size:14px;line-height:1.7}.program-biaya{border-top:1px solid var(--border);color:var(--ink-muted);margin-top:20px;padding-top:16px;font-size:13px}.program-biaya strong{color:var(--emerald);font-size:20px;font-weight:800;display:block}.ornament-divider{text-align:center;color:var(--gold);letter-spacing:12px;opacity:.5;margin:48px 0;font-size:20px}.filosofi{background:var(--gold-pale);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 24px}.filosofi-ayats{color:var(--emerald);max-width:600px;margin:0 auto;font-family:Amiri,serif;font-size:20px;font-style:italic;line-height:2}.filosofi-sumber{color:var(--ink-muted);margin-top:8px;font-family:Amiri,serif;font-size:18px}.dokumentasi{background:var(--cream);padding:72px 24px}.video-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin-top:36px;margin-left:auto;margin-right:auto;display:grid}.video-card{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.video-embed{height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-embed iframe{width:100%;height:100%;position:absolute;top:0;left:0}.video-label{color:var(--ink-muted);text-align:center;padding:12px 16px;font-size:13px;font-weight:600}.video-highlight{max-width:800px;margin:36px auto 12px}.video-highlight .video-card{border-color:var(--gold);box-shadow:0 4px 20px #d4af3726}.peserta-section{background:var(--white);padding:72px 24px}.peserta-grid{grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin-top:40px;margin-left:auto;margin-right:auto;display:grid}.peserta-col{background:var(--emerald-pale);border:1px solid var(--border);border-radius:16px;padding:28px}.peserta-subtitle{color:var(--ink);margin:0 0 4px;font-size:20px;font-weight:700}.peserta-tingkat{color:var(--emerald);margin:0 0 20px;font-size:14px;font-weight:500}.peserta-list{margin:0;padding:0;list-style:none}.peserta-list li{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;display:flex}.peserta-list li:last-child{border-bottom:none}.p-nama{color:var(--ink);font-weight:600}.p-status{background:var(--white);color:var(--emerald);border:1px solid var(--border);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}.p-status--siswi{color:#b8627a;background:#fdf2f5;border-color:#d4a0b2}.p-status--guru{color:var(--gold);border-color:var(--gold);background:#fef8e7}.progress-section{background:var(--ink);color:#fff}.progress-section .section-title{color:#fff}.progress-section .section-body{color:#fff9}.progress-section .section-tag{color:var(--gold-light);background:#c9a84c26;border-color:#c9a84c4d}.progress-cards{gap:20px;margin:40px 0;display:grid}.progress-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:28px}.skeleton-card{border-color:#ffffff14}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:20px;display:flex}.progress-name{color:#fff;font-size:18px;font-weight:700}.progress-name-sub{color:#fff6;margin-top:4px;font-size:13px}.progress-pct{color:var(--gold);font-family:Amiri,serif;font-size:40px;font-weight:700;line-height:1}.progress-bar-wrap{background:#ffffff1a;border-radius:100px;height:12px;margin-bottom:16px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--emerald-light), var(--gold));border-radius:100px;height:100%;transition:width 1.5s;position:relative}.progress-numbers{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.p-num{text-align:center}.p-num-val{color:#fff;font-size:18px;font-weight:800;display:block}.p-num-val.red{color:#ff7a70}.p-num-val.green{color:#5ddf9e}.progress-note{color:#ffffffb3;background:#c9a84c1a;border:1px solid #c9a84c33;border-radius:10px;margin-top:20px;padding:16px 20px;font-size:14px;line-height:1.6}.progress-note strong{color:var(--gold-light)}.tier-section{background:var(--cream)}.tier-cards{gap:16px;margin:36px 0;display:grid}.tier-card{border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:16px;align-items:flex-start;gap:20px;padding:28px;transition:all .25s;display:flex}.tier-card:hover{border-color:var(--emerald);transform:translate(4px)}.tier-card.featured{border-color:var(--gold);background:var(--gold-pale)}.tier-number{background:var(--emerald-pale);width:52px;height:52px;color:var(--emerald);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-family:Amiri,serif;font-size:20px;font-weight:800;display:flex}.tier-card.featured .tier-number{background:var(--gold);color:#fff}.tier-content{flex:1}.tier-amount{color:var(--emerald);margin-bottom:4px;font-size:24px;font-weight:800;display:block}.tier-card.featured .tier-amount{color:#8a5f00}.tier-label{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:700}.tier-desc{color:var(--ink-muted);font-size:13px;line-height:1.6}.tier-badge{background:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:4px;flex-shrink:0;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:10px;font-weight:700}.cara-section{border-top:1px solid var(--border);background:#fff}.cara-grid{grid-template-columns:1fr 1fr;gap:20px;margin:36px 0;display:grid}.cara-card{border:1px solid var(--border);text-align:center;border-radius:16px;padding:28px 24px}.cara-icon{margin-bottom:12px;font-size:36px;display:block}.cara-title{color:var(--ink);margin-bottom:8px;font-size:16px;font-weight:700}.cara-detail{color:var(--ink-muted);font-size:13px;line-height:1.7}.cara-detail strong{color:var(--emerald);margin-top:8px;font-size:15px;font-weight:700;display:block}.rekening-copy{background:var(--wa);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:8px 16px;font-family:Plus Jakarta Sans,monospace;font-size:15px;font-weight:700;transition:all .2s}.rekening-copy:hover{opacity:.9;transform:translateY(-1px)}.wa-btn{background:var(--wa);color:#fff;text-align:center;border-radius:14px;margin:32px 0;padding:18px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s;display:block;box-shadow:0 4px 20px #25d3664d}.wa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #25d36666}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;display:flex}.faq-q:hover{color:var(--emerald)}.faq-icon{color:var(--emerald);flex-shrink:0;margin-left:16px;font-size:20px;font-weight:300;transition:transform .3s}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-a{max-height:0;color:var(--ink-muted);padding:0;font-size:14px;line-height:1.8;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-a{max-height:300px;padding:0 0 20px}.closing{background:var(--emerald);text-align:center;padding:80px 24px}.closing-arabic{color:var(--gold-light);direction:rtl;margin-bottom:20px;font-family:Amiri,serif;font-size:clamp(22px,5vw,36px);line-height:1.8}.closing-terjemah{color:#fffc;max-width:560px;margin:0 auto 12px;font-family:Amiri,serif;font-size:clamp(15px,3vw,20px);font-style:italic;line-height:1.7}.closing-source{color:#ffffff80;margin-bottom:40px;font-size:13px}.closing-cta{background:var(--gold);color:var(--ink);border-radius:12px;padding:18px 40px;font-size:16px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.closing-cta:hover{background:var(--gold-light);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.program-cards,.cara-grid{grid-template-columns:1fr}.hero-stats{border-radius:12px;flex-direction:column;gap:0}.hero-stat{border-radius:0!important}.hero-stat:first-child{border-radius:11px 11px 0 0!important}.hero-stat:last-child{border-radius:0 0 11px 11px!important}.lembaga-grid{grid-template-columns:1fr}.progress-header,.tier-card{flex-direction:column}.video-grid,.peserta-grid,.social-grid,.rincian-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}.filosofi-ayats{font-size:17px}}