*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f172a;--navy-2: #1e293b;--navy-3: #1e3a5f;--blue: #1e40af;--blue-mid: #2563eb;--sky: #38bdf8;--sky-light: #7dd3fc;--sky-pale: #f0f9ff;--gold: #c9a84c;--gold-light: #e8c96a;--gold-pale: #fef9e7;--white: #ffffff;--off: #f8fafc;--border: #e2e8f0;--ink: #0f172a;--mid: #475569;--soft: #94a3b8}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;color:var(--ink);background:var(--white);overflow-x:hidden}nav{background:var(--navy);position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 56px;height:64px;border-bottom:1px solid rgba(56,189,248,.08)}.nav-left{display:flex;align-items:center;gap:12px}.nav-icon{font-size:20px}.nav-name{font-size:14px;font-weight:700;color:#fff;letter-spacing:.3px}.nav-sub{font-size:10px;color:#94a3b899;margin-top:1px}.nav-bismillah{font-family:Amiri,serif;font-size:18px;color:#c9a84c80;text-align:center;letter-spacing:2px}.nav-right{display:flex;gap:20px;justify-content:flex-end;align-items:center}.nav-right a{font-size:12px;font-weight:600;color:#94a3b8b3;text-decoration:none;transition:color .2s}.nav-right a:hover{color:var(--sky)}.nav-cta{background:var(--sky);color:var(--navy);border:none;padding:8px 20px;font-family:Manrope,sans-serif;font-weight:700;font-size:12px;cursor:pointer}.hero{background:var(--navy);min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 56px;text-align:center;position:relative;overflow:hidden}.hero-arabic-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Amiri,serif;font-size:400px;color:#38bdf806;pointer-events:none;line-height:1;white-space:nowrap;letter-spacing:10px}.hero-corner{position:absolute;width:80px;height:80px;opacity:.15}.hero-corner.tl{top:32px;left:56px;border-top:1px solid var(--sky);border-left:1px solid var(--sky)}.hero-corner.tr{top:32px;right:56px;border-top:1px solid var(--sky);border-right:1px solid var(--sky)}.hero-corner.bl{bottom:80px;left:56px;border-bottom:1px solid var(--sky);border-left:1px solid var(--sky)}.hero-corner.br{bottom:80px;right:56px;border-bottom:1px solid var(--sky);border-right:1px solid var(--sky)}.hero-inner{position:relative;z-index:1;max-width:700px}.hero-bismillah{font-family:Amiri,serif;font-size:28px;color:var(--gold);margin-bottom:32px;letter-spacing:2px;opacity:.8}.hero-eyebrow{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--sky);opacity:.7;margin-bottom:20px}.hero-title{font-family:Spectral,serif;font-size:72px;font-weight:800;color:#fff;line-height:1;margin-bottom:16px;letter-spacing:-1px}.hero-title em{font-style:italic;color:var(--sky-light)}.hero-rule{display:flex;align-items:center;gap:12px;justify-content:center;margin:24px 0}.rule-line{flex:1;max-width:120px;height:1px;background:#38bdf833}.rule-star{color:var(--gold);font-size:12px;opacity:.6}.hero-tagline{font-size:15px;color:#ffffff73;line-height:1.8;margin-bottom:40px}.hero-btns{display:flex;gap:12px;justify-content:center;margin-bottom:80px}.hbtn-fill{background:var(--sky);color:var(--navy);border:none;padding:13px 36px;font-family:Manrope,sans-serif;font-weight:700;font-size:13px;cursor:pointer}.hbtn-out{background:transparent;border:1px solid rgba(56,189,248,.25);color:#fff9;padding:12px 32px;font-family:Manrope,sans-serif;font-weight:600;font-size:13px;cursor:pointer}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:100%;border-top:1px solid rgba(56,189,248,.08)}.hstat{padding:28px 0;border-right:1px solid rgba(56,189,248,.08)}.hstat:last-child{border-right:none}.hstat-num{font-family:Spectral,serif;font-size:40px;font-weight:700;color:var(--sky);line-height:1}.hstat-lbl{font-size:11px;font-weight:500;color:#94a3b88c;margin-top:4px;letter-spacing:.3px}.jadwal-section{background:var(--off);padding:80px 0;border-bottom:1px solid var(--border)}.jadwal-head{padding:0 56px 48px;display:flex;justify-content:space-between;align-items:flex-end}.sec-eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue-mid);margin-bottom:10px}.sec-title{font-family:Spectral,serif;font-size:46px;font-weight:700;color:var(--ink);line-height:1.1}.sec-title em{font-style:italic;color:var(--blue-mid)}.sec-desc{font-size:14px;color:var(--mid);line-height:1.7;max-width:340px;text-align:right}.jadwal-table{margin:0 56px;border:1px solid var(--border);overflow:hidden}.jt-row{display:grid;grid-template-columns:100px 200px 1fr 120px;border-bottom:1px solid var(--border);transition:background .2s}.jt-row:last-child{border-bottom:none}.jt-row:hover{background:var(--sky-pale)}.jt-row.ibadah{background:#fffbeb}.jt-row.ibadah:hover{background:#fef3c7}.jt-row.belajar{background:var(--off)}.jt-row.istirahat{background:#fff}.jt-row.tidur{background:#f1f5f9}.jt-row.header{background:var(--navy)}.jt-time{padding:16px 20px;border-right:1px solid var(--border);font-family:Spectral,serif;font-size:18px;font-weight:600;color:var(--blue-mid);display:flex;align-items:center}.jt-row.header .jt-time{font-family:Manrope,sans-serif;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#94a3b880}.jt-activity{padding:16px 20px;border-right:1px solid var(--border);font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.jt-row.header .jt-activity{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#94a3b880}.jt-desc{padding:16px 24px;font-size:12px;color:var(--mid);line-height:1.5;display:flex;align-items:center}.jt-row.header .jt-desc{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#94a3b880}.jt-type{padding:16px;border-left:1px solid var(--border);display:flex;align-items:center;justify-content:center}.jt-badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 10px}.jt-badge.ibadah{background:#fef3c7;color:#92400e}.jt-badge.belajar{background:var(--sky-pale);color:var(--blue)}.jt-badge.istirahat{background:#f0fdf4;color:#065f46}.jt-badge.tidur{background:#f1f5f9;color:#475569}.program-section{background:#fff;padding:80px 56px;border-bottom:1px solid var(--border)}.prog-layout{display:grid;grid-template-columns:280px 1fr;gap:80px}.prog-sticky{position:sticky;top:80px;height:fit-content}.prog-sticky .sec-title{font-size:40px;margin-bottom:24px}.prog-sticky-num{font-family:Spectral,serif;font-size:120px;font-weight:700;color:#1e40af0f;line-height:.9;margin-bottom:-20px;display:block}.prog-sticky-cta{margin-top:32px;background:var(--navy);color:#fff;border:none;padding:12px 28px;font-family:Manrope,sans-serif;font-weight:700;font-size:13px;cursor:pointer}.prog-list{display:flex;flex-direction:column;gap:0}.prog-item{display:grid;grid-template-columns:48px 1fr;gap:24px;padding:32px 0;border-bottom:1px solid var(--border);transition:background .2s;align-items:start}.prog-item:last-child{border-bottom:none}.prog-item:hover{background:var(--sky-pale);margin:0 -24px;padding:32px 24px}.prog-num{font-family:Spectral,serif;font-size:28px;font-weight:700;color:#1e40af33;line-height:1;padding-top:4px}.prog-icon{font-size:24px;margin-bottom:10px;display:block}.prog-name{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}.prog-desc{font-size:13px;color:var(--mid);line-height:1.65;margin-bottom:12px}.prog-pills{display:flex;gap:6px;flex-wrap:wrap}.ppill{font-size:10px;font-weight:700;letter-spacing:.5px;background:var(--off);color:var(--mid);padding:3px 12px;border:1px solid var(--border)}.ppill.active{background:var(--sky-pale);color:var(--blue);border-color:var(--sky-light)}.tahfidz-section{background:var(--navy);padding:80px 56px;border-bottom:1px solid rgba(56,189,248,.08)}.tahfidz-layout{display:grid;grid-template-columns:360px 1fr;gap:80px;align-items:start}.tahfidz-info .sec-eyebrow{color:var(--sky)}.tahfidz-info .sec-title{color:#fff}.tahfidz-info .sec-desc{color:#94a3b88c;text-align:left;max-width:100%;margin-top:16px}.tahfidz-targets{margin-top:32px;display:flex;flex-direction:column;gap:12px}.tt{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(56,189,248,.08)}.tt-label{font-size:13px;font-weight:600;color:#ffffff8c}.tt-val{font-family:Spectral,serif;font-size:20px;font-weight:700;color:var(--sky-light)}.juz-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.juz-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(56,189,248,.12);transition:all .3s;cursor:default}.juz-cell:hover{border-color:#38bdf84d}.juz-cell.done{background:#38bdf81f;border-color:#38bdf840}.juz-cell.done:hover{background:#38bdf82e}.juz-cell.active{background:var(--sky);border-color:var(--sky)}.juz-cell.active .juz-num{color:var(--navy)}.juz-cell.active .juz-label{color:#0f172ab3}.juz-num{font-family:Spectral,serif;font-size:20px;font-weight:700;color:#38bdf899;line-height:1}.juz-cell.done .juz-num{color:var(--sky-light)}.juz-label{font-size:8px;font-weight:600;letter-spacing:.5px;color:#94a3b866;text-transform:uppercase}.juz-cell.done .juz-label{color:#7dd3fc99}.juz-legend{display:flex;gap:20px;margin-top:16px}.jl{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a3b880}.jl-dot{width:10px;height:10px;border:1px solid rgba(56,189,248,.25)}.jl-dot.done{background:#38bdf81f;border-color:#38bdf840}.jl-dot.active{background:var(--sky);border:none}.fasilitas-section{background:var(--off);padding:80px 56px;border-bottom:1px solid var(--border)}.fas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px}.fas-col{border-right:1px solid var(--border);padding:0 40px}.fas-col:first-child{padding-left:0}.fas-col:last-child{border-right:none;padding-right:0}.fas-col-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue-mid);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.fas-item{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--border)}.fas-item:last-child{border-bottom:none}.fas-icon{font-size:20px;flex-shrink:0;padding-top:2px}.fas-name{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px}.fas-detail{font-size:11px;color:var(--soft);line-height:1.4}.prestasi-section{background:#fff;padding:80px 56px;border-bottom:1px solid var(--border)}.prestasi-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px}.prestasi-left{display:flex;flex-direction:column;gap:0}.pr-item{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border)}.pr-item:last-child{border-bottom:none}.pr-medal{font-size:24px}.pr-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}.pr-event{font-size:11px;color:var(--soft)}.pr-level{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:var(--sky-pale);color:var(--blue);padding:3px 10px;white-space:nowrap}.hafidz-panel{background:var(--navy);padding:36px}.hp-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(56,189,248,.1)}.hafidz-item{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(56,189,248,.07)}.hafidz-item:last-child{border-bottom:none}.hafidz-rank{font-family:Spectral,serif;font-size:28px;font-weight:700;color:#38bdf833;min-width:36px}.hafidz-rank.gold{color:var(--gold)}.hafidz-ava{width:40px;height:40px;background:#38bdf814;border:1px solid rgba(56,189,248,.15);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.hafidz-info{flex:1}.hafidz-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:2px}.hafidz-kelas{font-size:11px;color:#94a3b880}.hafidz-juz{font-family:Spectral,serif;font-size:24px;font-weight:700;color:var(--sky-light);text-align:right}.hafidz-juz span{font-size:10px;font-weight:600;color:#94a3b866;font-family:Manrope,sans-serif;display:block}.testi-section{background:var(--off);padding:80px 56px;border-bottom:1px solid var(--border)}.testi-inner{max-width:900px;margin:0 auto}.testi-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;background:var(--border);margin-top:48px}.testi-card{background:#fff;padding:36px}.testi-card.dark{background:var(--navy)}.testi-opening{font-family:Amiri,serif;font-size:48px;color:var(--sky);line-height:.8;margin-bottom:16px;opacity:.3}.testi-card.dark .testi-opening{color:var(--sky-light)}.testi-text{font-family:Spectral,serif;font-style:italic;font-size:15px;color:var(--mid);line-height:1.7;margin-bottom:24px}.testi-card.dark .testi-text{color:#ffffff8c}.testi-divider{height:1px;background:var(--border);margin-bottom:20px}.testi-card.dark .testi-divider{background:#38bdf81a}.testi-author{display:flex;align-items:center;gap:12px}.testi-ava{width:38px;height:38px;background:var(--sky-pale);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px}.testi-card.dark .testi-ava{background:#38bdf814;border-color:#38bdf826}.testi-name{font-size:13px;font-weight:700;color:var(--ink)}.testi-card.dark .testi-name{color:#fff}.testi-role{font-size:11px;color:var(--soft);margin-top:1px}.ppdb-section{background:var(--navy);padding:80px 56px}.ppdb-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.ppdb-info .sec-eyebrow{color:var(--sky)}.ppdb-info .sec-title{color:#fff;font-size:52px}.ppdb-info .sec-title em{color:var(--sky-light)}.ppdb-desc{font-size:14px;color:#94a3b880;line-height:1.7;margin-top:16px;margin-bottom:32px}.ppdb-syarat{display:flex;flex-direction:column;gap:0}.psyarat{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(56,189,248,.07);font-size:13px;color:#94a3b88c}.psyarat:last-child{border-bottom:none}.psyarat-icon{font-size:14px;flex-shrink:0;padding-top:1px}.ppdb-steps{display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:56px 1fr;gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(56,189,248,.07)}.step:last-child{border-bottom:none}.step-num{width:40px;height:40px;border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;font-family:Spectral,serif;font-size:18px;font-weight:700;color:var(--sky);flex-shrink:0}.step.active .step-num{background:var(--sky);color:var(--navy);border-color:var(--sky)}.step-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}.step-desc{font-size:12px;color:#94a3b873;line-height:1.5;margin-bottom:8px}.step-date{font-size:11px;font-weight:700;color:var(--sky)}.ppdb-jalur{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#38bdf812;margin-top:32px}.pj{background:#ffffff05;padding:24px 20px;transition:background .3s}.pj:hover{background:#38bdf80f}.pj-icon{font-size:20px;margin-bottom:10px}.pj-name{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px}.pj-desc{font-size:11px;color:#94a3b866;line-height:1.5}.pj-quota{font-size:10px;font-weight:700;color:var(--sky);margin-top:8px}footer{background:#060b14}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid rgba(56,189,248,.06)}.fc{padding:56px 40px;border-right:1px solid rgba(56,189,248,.05)}.fc:last-child{border-right:none}.fb-name{font-family:Spectral,serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:2px}.fb-arabic{font-family:Amiri,serif;font-size:14px;color:var(--gold);opacity:.5;margin-bottom:14px}.fb-desc{font-size:13px;color:#94a3b84d;line-height:1.7}.fc-title{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#38bdf840;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(56,189,248,.06)}.fc-links{list-style:none;display:flex;flex-direction:column;gap:11px}.fc-links a{color:#94a3b84d;text-decoration:none;font-size:13px;transition:color .2s}.fc-links a:hover{color:#94a3b8b3}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}.f-copy{font-size:11px;color:#94a3b826}.f-arabic{font-family:Amiri,serif;font-size:14px;color:#c9a84c33}