*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ocean: #083344;--deep: #051e2b;--teal: #164e63;--blue: #0c4a6e;--cyan: #67e8f9;--cyan-dk: #22d3ee;--cyan-lt: #cffafe;--white: #ffffff;--off: #f0f9ff;--muted: #64748b;--border: #bae6fd;--text: #0f172a;--sans: "Raleway", sans-serif;--serif: "PT Serif", Georgia, serif;--arabic: "Scheherazade New", serif}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:#fff;line-height:1.7;overflow-x:hidden}a{text-decoration:none;color:inherit}.tag{display:inline-block;background:#67e8f926;color:var(--cyan-dk);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 14px;border-radius:20px;border:1px solid rgba(103,232,249,.35)}.sec-title{font-size:38px;font-weight:900;line-height:1.15;color:var(--ocean);margin-top:10px}.sec-title em{font-style:italic;font-family:var(--serif);color:var(--teal);font-weight:400}.sec-desc{font-family:var(--serif);font-size:15px;color:var(--muted);line-height:1.75;margin-top:12px}.topbar{background:var(--deep);color:#fff9;font-size:12px;font-weight:500;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between;padding:8px 60px}.tb-left{display:flex;gap:24px}.tb-right{display:flex;gap:16px}.tb-social{width:26px;height:26px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:12px;transition:background .2s}.tb-social:hover{background:var(--cyan);color:var(--deep)}.navbar{background:var(--ocean);display:flex;align-items:center;justify-content:space-between;padding:0 60px;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000004d}.nav-brand{display:flex;align-items:center;gap:14px;padding:14px 0}.nav-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--arabic);font-size:20px;color:var(--cyan);border:1px solid rgba(103,232,249,.3)}.nav-text strong{color:#fff;font-size:16px;font-weight:800;display:block;letter-spacing:.5px}.nav-text span{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:600}.nav-menu{display:flex;align-items:center;gap:2px}.nav-menu a{color:#ffffffbf;font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;letter-spacing:.3px;transition:background .2s,color .2s}.nav-menu a:hover{background:#ffffff1a;color:#fff}.nav-cta{background:var(--cyan);color:var(--deep)!important;font-weight:800!important;border-radius:8px!important;padding:9px 22px!important}.nav-cta:hover{background:var(--cyan-lt)!important}.hero{background:linear-gradient(135deg,var(--deep) 0%,var(--ocean) 50%,var(--teal) 100%);min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center}.hero-geo{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(45deg,rgba(103,232,249,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(103,232,249,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(103,232,249,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(103,232,249,.04) 75%);background-size:60px 60px}.hero-band{position:absolute;right:-120px;top:0;bottom:0;width:500px;background:#67e8f90d;transform:skew(-12deg)}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.15}.hero-glow-1{width:400px;height:400px;background:var(--cyan);top:-100px;left:-100px}.hero-glow-2{width:300px;height:300px;background:#38bdf8;bottom:0;right:200px}.hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;padding:0 60px;display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:center;width:100%}.hero-arabic{font-family:var(--arabic);font-size:28px;color:var(--cyan);display:block;margin-bottom:16px;direction:rtl}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#67e8f91f;border:1px solid rgba(103,232,249,.3);color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:24px}.hero-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.hero-title{font-size:64px;font-weight:900;color:#fff;line-height:1.05;margin-bottom:20px}.hero-title em{font-style:italic;font-family:var(--serif);color:var(--cyan);font-weight:400}.hero-sub{font-family:var(--serif);font-size:16px;color:#ffffffa6;line-height:1.75;max-width:500px;margin-bottom:36px}.hero-actions{display:flex;gap:14px}.hbtn-prim{background:var(--cyan);color:var(--deep);font-weight:800;font-size:14px;padding:14px 30px;border-radius:8px;transition:.2s}.hbtn-prim:hover{background:var(--cyan-lt)}.hbtn-sec{background:#ffffff14;color:#fffc;font-weight:700;font-size:14px;padding:14px 30px;border-radius:8px;border:1px solid rgba(255,255,255,.2);transition:.2s}.hbtn-sec:hover{background:#ffffff26;color:#fff}.hero-right{display:flex;flex-direction:column;gap:16px}.hero-stat-card{background:#ffffff0f;border:1px solid rgba(103,232,249,.2);border-radius:14px;padding:20px 24px;backdrop-filter:blur(10px);display:flex;align-items:center;gap:16px}.hsc-icon{width:48px;height:48px;border-radius:10px;background:#67e8f926;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.hsc-num{font-size:28px;font-weight:900;color:var(--cyan);line-height:1}.hsc-lbl{font-size:12px;color:#ffffff8c;margin-top:3px;font-weight:600}.runner{background:var(--cyan);padding:10px 0;overflow:hidden}.runner-track{display:flex;gap:60px;white-space:nowrap;animation:runnerScroll 30s linear infinite}.runner-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--deep);flex-shrink:0}.runner-sep{color:#08334466}@keyframes runnerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.unggulan{padding:100px 60px;background:#fff}.unggulan-head{text-align:center;max-width:600px;margin:0 auto 72px}.zz-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:960px;margin:0 auto 72px}.zz-block:last-child{margin-bottom:0}.zz-block.reverse{direction:rtl}.zz-block.reverse>*{direction:ltr}.zz-visual{background:linear-gradient(135deg,var(--ocean) 0%,var(--teal) 100%);border-radius:20px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.zz-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(103,232,249,.07) 25%,transparent 25%),linear-gradient(-45deg,rgba(103,232,249,.07) 25%,transparent 25%);background-size:30px 30px}.zz-emoji{font-size:72px;position:relative;z-index:2}.zz-num{position:absolute;top:16px;left:20px;font-size:80px;font-weight:900;color:#67e8f914;line-height:1;z-index:1}.zz-content .tag{margin-bottom:14px}.zz-title{font-size:28px;font-weight:900;color:var(--ocean);line-height:1.2;margin-bottom:14px}.zz-desc{font-family:var(--serif);font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:20px}.zz-points{list-style:none}.zz-points li{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.zz-points li:before{content:"▸";color:var(--cyan-dk);flex-shrink:0;margin-top:1px}.kurikulum{padding:100px 60px;background:var(--off)}.kurikulum-head{text-align:center;margin-bottom:56px}.cmp-wrap{max-width:900px;margin:0 auto}.cmp-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0000000f}.cmp-th{padding:20px 28px;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.cmp-th-subject{background:var(--ocean);color:var(--cyan);text-align:left;width:35%}.cmp-th-salaf{background:var(--teal);color:var(--cyan-lt);text-align:center;width:32.5%}.cmp-th-nasional{background:var(--blue);color:var(--cyan-lt);text-align:center;width:32.5%}.cmp-row{border-bottom:1px solid #f0f9ff}.cmp-row:last-child{border-bottom:none}.cmp-row:nth-child(odd) .cmp-cell-subject{background:#f8fafc}.cmp-row:nth-child(odd) .cmp-cell{background:#f8fafc}.cmp-cell-subject{padding:14px 28px;font-size:14px;font-weight:700;color:var(--ocean)}.cmp-cell{padding:14px 28px;text-align:center;font-size:13px;font-family:var(--serif);color:var(--muted)}.check{color:#16a34a;font-size:16px}.cmp-cell strong{color:var(--text);font-weight:700;font-family:var(--sans)}.cmp-footer{background:var(--ocean);padding:16px 28px;display:grid;grid-template-columns:35% 32.5% 32.5%;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--cyan-lt)}.cmp-footer span:not(:first-child){text-align:center}.kegiatan{padding:100px 60px;background:#fff}.kegiatan-head{text-align:center;margin-bottom:56px}.week-grid-wrap{max-width:1000px;margin:0 auto;overflow-x:auto}.week-grid{display:grid;grid-template-columns:110px repeat(3,1fr);min-width:680px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.wg-header{background:var(--ocean);color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:14px 16px;text-align:center}.wg-header.day-col{text-align:left}.wg-day{background:var(--teal);color:#ffffffe6;font-size:13px;font-weight:800;padding:18px 16px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.1)}.wg-day .day-en{font-size:10px;color:var(--cyan);font-weight:600;display:block}.wg-cell{padding:14px 16px;border-left:1px solid #e0f2fe;border-bottom:1px solid #e0f2fe;vertical-align:top;font-size:12px;line-height:1.5}.wg-cell:last-child{border-right:none}.wg-activity{display:flex;flex-direction:column;gap:4px}.act-item{background:#0e4e6314;border-left:3px solid var(--teal);padding:5px 8px;border-radius:0 4px 4px 0;font-size:12px;font-weight:600;color:var(--ocean)}.act-item.ibadah{background:#a162071a;border-color:#a16207;color:#854d0e}.act-item.belajar{background:#0c4a6e1a;border-color:#0c4a6e;color:#0c4a6e}.act-item.fisik{background:#15803d1a;border-color:#15803d;color:#15803d}.act-item.mandiri{background:#67e8f926;border-color:var(--cyan-dk);color:#164e63}.act-time{font-size:10px;color:var(--muted);font-weight:500;margin-top:2px}.wg-juma{background:#08334408}.beasiswa{padding:100px 60px;background:var(--off)}.beasiswa-head{text-align:center;margin-bottom:56px}.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:860px;margin:0 auto}.tier-card{border-radius:16px;overflow:hidden;border:2px solid var(--border);background:#fff;transition:transform .2s,box-shadow .2s;position:relative}.tier-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0833441f}.tier-card.featured{border-color:var(--ocean);box-shadow:0 8px 32px #08334426}.tier-featured-badge{position:absolute;top:16px;right:-20px;background:var(--cyan);color:var(--deep);font-size:10px;font-weight:800;letter-spacing:1px;padding:4px 28px;transform:rotate(45deg) translate(10px)}.tier-head{padding:28px 28px 0}.tier-icon{font-size:36px;margin-bottom:12px;display:block}.tier-name{font-size:20px;font-weight:900;color:var(--ocean);margin-bottom:4px}.tier-desc{font-size:13px;font-family:var(--serif);color:var(--muted)}.tier-amount-wrap{padding:20px 28px}.tier-persen{font-size:48px;font-weight:900;color:var(--ocean);line-height:1}.tier-persen span{font-size:20px;color:var(--teal)}.tier-persen-label{font-size:12px;color:var(--muted);margin-top:4px;font-weight:600}.tier-divider{height:1px;background:var(--border);margin:0 28px}.tier-benefits{padding:20px 28px;list-style:none}.tier-benefits li{font-size:13px;font-weight:600;color:var(--text);padding:7px 0;border-bottom:1px solid #f0f9ff;display:flex;gap:8px;align-items:center}.tier-benefits li:before{content:"✓";color:#16a34a;flex-shrink:0}.tier-btn{display:block;margin:0 28px 28px;text-align:center;padding:12px;border-radius:8px;font-weight:800;font-size:13px;border:2px solid var(--ocean);color:var(--ocean);transition:.2s}.tier-card.featured .tier-btn,.tier-btn:hover{background:var(--ocean);color:var(--cyan)}.tier-card.featured .tier-btn:hover{background:var(--deep)}.testimoni{padding:100px 60px;background:var(--ocean)}.testi-head{text-align:center;margin-bottom:56px}.testi-head .sec-title{color:#fff}.testi-head .sec-desc{color:#ffffff8c}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.testi-card{background:#ffffff0f;border:1px solid rgba(103,232,249,.15);border-radius:16px;padding:32px;position:relative}.testi-quote-mark{font-family:var(--serif);font-size:80px;color:var(--cyan);line-height:1;opacity:.2;position:absolute;top:16px;left:28px}.testi-text{font-family:var(--serif);font-size:14px;color:#ffffffbf;line-height:1.8;margin-bottom:24px;position:relative;z-index:2;padding-top:24px}.testi-author{display:flex;align-items:center;gap:12px}.testi-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--blue));border:2px solid var(--cyan);display:flex;align-items:center;justify-content:center;font-family:var(--arabic);font-size:18px;color:var(--cyan);flex-shrink:0}.testi-name{font-size:14px;font-weight:800;color:#fff}.testi-role{font-size:11px;color:var(--cyan);font-weight:600;margin-top:2px}.testi-stars{color:#fbbf24;font-size:12px;margin-top:3px}.ppdb{padding:100px 60px;background:#fff}.ppdb-head{text-align:center;margin-bottom:56px}.ppdb-phase-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:960px;margin:0 auto 48px;position:relative}.ppdb-phase-row:before{content:"";position:absolute;top:38px;left:12.5%;right:12.5%;height:3px;background:var(--border);z-index:0}.phase-card{text-align:center;padding:0 16px;position:relative;z-index:1}.phase-num{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;font-weight:900;color:#fff}.ph-1{background:linear-gradient(135deg,#164e63,#0c4a6e);box-shadow:0 4px 16px #0c4a6e66}.ph-2{background:linear-gradient(135deg,#0c4a6e,#083344);box-shadow:0 4px 16px #08334466}.ph-3{background:linear-gradient(135deg,#083344,#051e2b);box-shadow:0 4px 16px #051e2b80}.ph-4{background:linear-gradient(135deg,#22d3ee,#67e8f9);box-shadow:0 4px 16px #22d3ee66;color:var(--deep)!important}.ph-4{color:var(--deep)}.phase-title{font-size:15px;font-weight:800;color:var(--ocean);margin-bottom:6px}.phase-date{font-size:12px;color:var(--muted);font-weight:600}.ppdb-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:960px;margin:0 auto;background:var(--off);border-radius:16px;padding:40px;border:1px solid var(--border)}.ppdb-sec-title{font-size:18px;font-weight:800;color:var(--ocean);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.req-list{list-style:none}.req-list li{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--text);padding:9px 0;border-bottom:1px solid #e0f2fe}.req-list li:before{content:"→";color:var(--cyan-dk);flex-shrink:0}.jalur-list{display:flex;flex-direction:column;gap:12px}.jalur-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 18px;transition:border-color .2s}.jalur-item:hover{border-color:var(--ocean)}.jalur-badge{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--ocean),var(--teal));display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.jalur-info strong{font-size:14px;font-weight:800;color:var(--ocean);display:block}.jalur-info span{font-size:12px;color:var(--muted)}.ppdb-cta{text-align:center;margin-top:40px}.ppdb-btn{display:inline-block;background:var(--ocean);color:var(--cyan);font-size:16px;font-weight:800;padding:16px 48px;border-radius:10px;transition:.2s;letter-spacing:.5px}.ppdb-btn:hover{background:var(--deep);color:var(--cyan-lt)}.ppdb-note{font-size:13px;color:var(--muted);margin-top:12px;font-family:var(--serif)}.footer{background:var(--deep)}.footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding:72px 60px 48px}.ft-brand-name{font-size:22px;font-weight:900;color:#fff;margin-bottom:6px}.ft-brand-ar{font-family:var(--arabic);font-size:28px;color:var(--cyan);display:block;margin-bottom:12px}.ft-desc{font-family:var(--serif);font-size:13px;color:#ffffff73;line-height:1.7;margin-bottom:20px}.ft-socials{display:flex;gap:8px}.ft-s-btn{width:34px;height:34px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff9;transition:.2s}.ft-s-btn:hover{background:var(--cyan);color:var(--deep)}.ft-col-title{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:20px}.ft-links{list-style:none}.ft-links li{margin-bottom:10px}.ft-links a{font-size:13px;font-weight:600;color:#ffffff73;transition:color .2s}.ft-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 60px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffff40;font-weight:600}.ft-bottom-links{display:flex;gap:20px}.ft-bottom-links a{color:#ffffff40;transition:color .2s}.ft-bottom-links a:hover{color:var(--cyan)}