*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--forest: #14532d;--mid: #15803d;--deep: #0d2e18;--accent: #86efac;--gold: #a16207;--gold-lt: #ca8a04;--cream: #fefce8;--warm: #fef9ee;--paper: #fffbf0;--border: #d9c89a;--text: #1c1917;--muted: #57534e;--serif: "Lora", Georgia, serif;--garamond: "EB Garamond", Georgia, serif;--arabic: "Scheherazade New", serif}html{scroll-behavior:smooth}body{font-family:var(--serif);color:var(--text);background:var(--paper);line-height:1.7;overflow-x:hidden}img{max-width:100%}a{text-decoration:none;color:inherit}.ornament{display:flex;align-items:center;gap:16px;margin:0 auto;width:fit-content}.ornament:before,.ornament:after{content:"";display:block;width:80px;height:1px;background:var(--border)}.ornament-icon{font-size:18px;color:var(--gold)}.section-label{font-family:var(--garamond);font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold-lt);font-weight:500}.section-title{font-family:var(--garamond);font-size:36px;font-weight:600;color:var(--forest);line-height:1.25;margin-top:8px}.section-title em{font-style:italic;color:var(--gold)}.topbar{background:var(--deep);color:#d9c89a;font-family:var(--garamond);font-size:13px;display:flex;align-items:center;justify-content:center;gap:32px;padding:7px 40px}.topbar-item{display:flex;align-items:center;gap:6px}.topbar-dot{width:3px;height:3px;border-radius:50%;background:#86efac}.navbar{background:var(--forest);display:flex;align-items:stretch;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #00000059}.nav-emblem{background:var(--deep);padding:0 28px;display:flex;align-items:center;gap:14px;flex-shrink:0}.nav-seal{width:52px;height:52px;border-radius:50%;border:2px solid var(--gold-lt);display:flex;align-items:center;justify-content:center;font-family:var(--arabic);font-size:22px;color:var(--gold-lt);background:radial-gradient(circle,#1a4a2a 0%,var(--deep) 100%)}.nav-school-name{color:#fff}.nav-school-name strong{font-family:var(--garamond);font-size:17px;font-weight:600;display:block}.nav-school-name span{font-size:11px;letter-spacing:2px;color:var(--accent);opacity:.8}.nav-links{display:flex;align-items:center;gap:4px;padding:0 20px;flex:1}.nav-links a{color:#fffc;font-family:var(--garamond);font-size:14px;padding:0 16px;height:100%;display:flex;align-items:center;transition:background .2s,color .2s;letter-spacing:.5px}.nav-links a:hover{background:#ffffff1a;color:#fff}.nav-cta{background:var(--gold);color:var(--deep)!important;font-weight:600;padding:0 24px!important;margin:8px 16px;border-radius:4px;height:auto!important;font-size:13px!important}.nav-cta:hover{background:var(--gold-lt)!important;color:#fff!important}.hero{display:grid;grid-template-columns:420px 1fr;min-height:560px}.hero-left{background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;position:relative;overflow:hidden}.hero-left:before,.hero-left:after{content:"";position:absolute;width:80px;height:80px;border-color:var(--gold-lt);border-style:solid;opacity:.45}.hero-left:before{top:24px;left:24px;border-width:2px 0 0 2px}.hero-left:after{bottom:24px;right:24px;border-width:0 2px 2px 0}.hl-inner{position:relative;z-index:2;text-align:center}.hl-arabic{font-family:var(--arabic);font-size:72px;color:var(--gold-lt);line-height:1.1;display:block;margin-bottom:8px;text-shadow:0 0 40px rgba(202,138,4,.25)}.hl-romanized{font-family:var(--garamond);font-size:13px;letter-spacing:4px;color:var(--accent);text-transform:uppercase;display:block;margin-bottom:24px}.hl-divider{width:60px;height:1px;background:var(--border);margin:0 auto 24px}.hl-verse{font-family:var(--arabic);font-size:20px;color:#ffffffb3;direction:rtl;line-height:1.8;margin-bottom:8px}.hl-verse-tr{font-family:var(--garamond);font-size:12px;font-style:italic;color:#ffffff73;line-height:1.6}.hl-wm{position:absolute;font-family:var(--arabic);font-size:220px;color:#86efac08;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;white-space:nowrap}.hero-right{background:var(--warm);display:flex;flex-direction:column;justify-content:center;padding:60px 64px;border-left:3px solid var(--border);position:relative}.hr-badge{display:inline-flex;align-items:center;gap:8px;background:var(--forest);color:var(--accent);font-size:11px;letter-spacing:3px;text-transform:uppercase;padding:6px 16px;border-radius:2px;margin-bottom:24px;font-family:var(--garamond);width:fit-content}.hr-title{font-family:var(--garamond);font-size:48px;font-weight:600;color:var(--deep);line-height:1.15;margin-bottom:12px}.hr-title em{font-style:italic;color:var(--forest)}.hr-subtitle{font-size:16px;color:var(--muted);margin-bottom:32px;font-family:var(--garamond);max-width:440px;line-height:1.7}.hr-stats{display:flex;gap:32px;margin-bottom:40px}.hr-stat-num{font-family:var(--garamond);font-size:32px;font-weight:800;color:var(--forest);line-height:1}.hr-stat-lbl{font-size:12px;color:var(--muted);margin-top:4px;font-family:var(--garamond)}.hr-actions{display:flex;gap:12px}.btn-primary{background:var(--forest);color:#fff;padding:13px 28px;border-radius:4px;font-family:var(--garamond);font-size:15px;font-weight:600;border:2px solid var(--forest);transition:.2s}.btn-primary:hover{background:var(--deep);border-color:var(--deep)}.btn-outline{background:transparent;color:var(--forest);padding:13px 28px;border-radius:4px;font-family:var(--garamond);font-size:15px;font-weight:600;border:2px solid var(--border);transition:.2s}.btn-outline:hover{border-color:var(--forest)}.hr-accr{position:absolute;top:24px;right:-8px;background:var(--gold);color:var(--deep);font-family:var(--garamond);font-size:12px;font-weight:700;padding:6px 20px;letter-spacing:2px}.hr-accr:after{content:"";position:absolute;right:0;bottom:-8px;border:4px solid transparent;border-top-color:#854d0e;border-right-color:#854d0e}.sejarah{padding:80px;background:var(--cream)}.sejarah-head{text-align:center;margin-bottom:56px}.timeline-wrap{position:relative}.timeline-line{position:absolute;top:36px;left:0;right:0;height:2px;background:var(--border)}.timeline-row{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}.tl-item{text-align:center}.tl-dot-wrap{display:flex;justify-content:center;margin-bottom:20px;position:relative}.tl-dot{width:18px;height:18px;border-radius:50%;border:3px solid var(--forest);background:var(--cream);position:relative;z-index:2}.tl-item:first-child .tl-dot,.tl-item:last-child .tl-dot{background:var(--forest)}.tl-year{font-family:var(--garamond);font-size:22px;font-weight:700;color:var(--forest);margin-bottom:6px}.tl-event{font-family:var(--garamond);font-size:13px;color:var(--muted);line-height:1.5}.jenjang{padding:80px;background:var(--paper)}.jenjang-head{text-align:center;margin-bottom:56px}.arch-wrap{display:flex;align-items:flex-end;justify-content:center;gap:0;max-width:800px;margin:0 auto}.arch-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.arch-pillar{width:100%;border-radius:8px 8px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:24px;position:relative}.arch-step:nth-child(1) .arch-pillar{height:200px;background:linear-gradient(to top,#15803d,#166534)}.arch-step:nth-child(2) .arch-pillar{height:280px;background:linear-gradient(to top,#14532d,#0f3d20)}.arch-step:nth-child(3) .arch-pillar{height:360px;background:linear-gradient(to top,#0d2e18,#071a0c)}.arch-arabic{font-family:var(--arabic);font-size:28px;color:#ffffffe6;display:block;margin-bottom:6px}.arch-label{font-family:var(--garamond);font-size:14px;color:var(--accent);letter-spacing:1px}.arch-sub{font-family:var(--garamond);font-size:11px;color:#ffffff8c;margin-top:4px}.arch-base{height:8px;width:100%;background:var(--deep);border-radius:0 0 4px 4px;margin-top:0}.arch-connector{width:2px;height:40px;background:var(--border);position:absolute;top:-40px;left:50%;transform:translate(-50%)}.arch-info{margin-top:20px;text-align:center}.arch-info-title{font-family:var(--garamond);font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.arch-info-desc{font-family:var(--garamond);font-size:13px;color:var(--muted)}.jenjang-bottom{text-align:center;background:var(--forest);color:#fff;padding:24px 40px;border-radius:8px;max-width:700px;margin:48px auto 0;font-family:var(--garamond);font-size:15px}.jenjang-bottom strong{color:var(--accent)}.kitab{padding:80px;background:var(--deep)}.kitab-head{text-align:center;margin-bottom:56px}.kitab-head .section-title{color:var(--cream)}.kitab-head .section-label{color:var(--accent)}.kitab-head .ornament:before,.kitab-head .ornament:after{background:#d9c89a4d}.shelf{margin-bottom:40px}.shelf-label{font-family:var(--garamond);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#86efac99;margin-bottom:12px;padding-left:4px}.shelf-row{display:flex;gap:6px;align-items:flex-end;background:#0000004d;border-radius:4px;padding:16px 16px 8px;border-bottom:4px solid rgba(161,98,7,.6);overflow-x:auto}.book{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:3px 3px 0 0;cursor:default;position:relative;overflow:hidden;transition:transform .2s}.book:hover{transform:translateY(-6px)}.book-spine{writing-mode:vertical-lr;transform:rotate(180deg);font-family:var(--arabic);font-size:11px;color:#ffffffe6;padding:8px 6px;line-height:1}.book-author{writing-mode:vertical-lr;transform:rotate(180deg);font-family:var(--garamond);font-size:9px;color:#ffffff80;padding:0 6px 6px}.book-sm{width:30px;height:120px}.book-md{width:34px;height:150px}.book-lg{width:38px;height:175px}.book-xl{width:42px;height:195px}.bc-1{background:linear-gradient(to right,#854d0e,#a16207)}.bc-2{background:linear-gradient(to right,#1e3a5f,#1e40af)}.bc-3{background:linear-gradient(to right,#701a75,#86198f)}.bc-4{background:linear-gradient(to right,#7f1d1d,#991b1b)}.bc-5{background:linear-gradient(to right,#134e4a,#0f766e)}.bc-6{background:linear-gradient(to right,#312e81,#3730a3)}.bc-7{background:linear-gradient(to right,#365314,#3f6212)}.bc-8{background:linear-gradient(to right,#1c1917,#292524)}.program{padding:80px;background:var(--warm)}.program-head{text-align:center;margin-bottom:56px}.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}.prog-card{background:var(--paper);border:1px solid var(--border);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.prog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.prog-top{height:6px}.pg-green{background:var(--mid)}.pg-gold{background:var(--gold-lt)}.pg-dark{background:var(--deep)}.prog-body{padding:24px}.prog-num{font-family:var(--garamond);font-size:40px;font-weight:800;color:#0000000f;line-height:1;margin-bottom:-10px}.prog-icon{font-size:28px;margin-bottom:12px;display:block}.prog-title{font-family:var(--garamond);font-size:18px;font-weight:600;color:var(--forest);margin-bottom:8px}.prog-desc{font-family:var(--garamond);font-size:13px;color:var(--muted);line-height:1.65}.asatidz{padding:80px;background:var(--cream)}.asatidz-head{text-align:center;margin-bottom:56px}.asatidz-mudir{text-align:center;margin-bottom:40px}.mudir-frame{width:110px;height:110px;border-radius:50%;border:3px solid var(--gold-lt);background:var(--forest);display:flex;align-items:center;justify-content:center;font-family:var(--arabic);font-size:36px;color:var(--accent);margin:0 auto 12px;box-shadow:0 0 0 6px #a1620726}.mudir-name{font-family:var(--garamond);font-size:20px;font-weight:600;color:var(--deep)}.mudir-title{font-family:var(--garamond);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-lt);margin-top:4px}.asatidz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:860px;margin:0 auto}.ust-card{text-align:center}.ust-avatar{width:72px;height:72px;border-radius:4px;background:var(--forest);display:flex;align-items:center;justify-content:center;font-family:var(--arabic);font-size:26px;color:var(--accent);margin:0 auto 10px;box-shadow:3px 3px 0 var(--gold-lt)}.ust-name{font-family:var(--garamond);font-size:14px;font-weight:600;color:var(--deep)}.ust-subject{font-family:var(--garamond);font-size:12px;color:var(--muted);margin-top:2px}.ust-badge{display:inline-block;margin-top:6px;background:#15803d1a;color:var(--forest);font-size:10px;font-family:var(--garamond);letter-spacing:1px;padding:2px 8px;border-radius:2px}.fasilitas{padding:80px;background:var(--paper)}.fasilitas-head{text-align:center;margin-bottom:56px}.fas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto}.fas-item{background:var(--warm);border:1px solid var(--border);border-radius:6px;padding:28px 20px;text-align:center;transition:border-color .2s,box-shadow .2s}.fas-item:hover{border-color:var(--forest);box-shadow:0 4px 16px #15803d1a}.fas-icon{font-size:32px;margin-bottom:12px;display:block}.fas-name{font-family:var(--garamond);font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.fas-detail{font-family:var(--garamond);font-size:12px;color:var(--muted)}.prestasi{padding:80px;background:var(--forest)}.prestasi-head{text-align:center;margin-bottom:56px}.prestasi-head .section-label{color:var(--accent)}.prestasi-head .section-title{color:var(--cream)}.prestasi-head .ornament:before,.prestasi-head .ornament:after{background:#86efac4d}.pres-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:900px;margin:0 auto}.pres-col-title{font-family:var(--garamond);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(134,239,172,.3)}.pres-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}.pres-medal{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px}.medal-gold{background:#a1620759;border:2px solid var(--gold-lt)}.medal-silver{background:#64748b59;border:2px solid #94a3b8}.medal-bronze{background:#78350f59;border:2px solid #c2844c}.pres-title-row{font-family:var(--garamond);font-size:14px;font-weight:600;color:var(--cream);margin-bottom:3px}.pres-detail-row{font-family:var(--garamond);font-size:12px;color:#ffffff80}.pres-trophy-col{background:#0003;border-radius:8px;padding:28px}.trophy-big{text-align:center;margin-bottom:24px;font-size:64px;display:block}.trophy-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.trophy-stat:last-child{border-bottom:none}.ts-label{font-family:var(--garamond);font-size:13px;color:#fff9}.ts-value{font-family:var(--garamond);font-size:20px;font-weight:700;color:var(--accent)}.ppdb{padding:80px;background:var(--cream)}.ppdb-head{text-align:center;margin-bottom:56px}.ppdb-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin:0 auto}.ppdb-section-title{font-family:var(--garamond);font-size:22px;font-weight:600;color:var(--deep);margin-bottom:20px;display:flex;align-items:center;gap:10px}.ppdb-section-title:before{content:"";display:block;width:4px;height:22px;background:var(--forest);border-radius:2px;flex-shrink:0}.syarat-list{list-style:none}.syarat-list li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border);font-family:var(--garamond);font-size:14px;color:var(--text)}.syarat-list li:before{content:"✓";color:var(--forest);font-weight:700;flex-shrink:0;font-size:13px;margin-top:2px}.jalur-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.jalur-card{background:var(--paper);border:2px solid var(--border);border-radius:6px;padding:16px;text-align:center;transition:border-color .2s}.jalur-card:hover{border-color:var(--forest)}.jalur-icon{font-size:24px;display:block;margin-bottom:6px}.jalur-name{font-family:var(--garamond);font-size:13px;font-weight:600;color:var(--deep)}.step-item{display:flex;gap:16px;margin-bottom:24px}.step-num-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.step-num{width:40px;height:40px;border-radius:50%;background:var(--forest);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--garamond);font-size:16px;font-weight:700;flex-shrink:0}.step-line{width:2px;flex:1;background:var(--border);margin:6px 0;min-height:24px}.step-content{padding-top:6px}.step-title{font-family:var(--garamond);font-size:15px;font-weight:600;color:var(--deep);margin-bottom:4px}.step-desc{font-family:var(--garamond);font-size:13px;color:var(--muted);line-height:1.55}.ppdb-cta-wrap{margin-top:32px;background:var(--forest);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:12px}.ppdb-cta-text{font-family:var(--garamond);font-size:14px;color:#fffc;line-height:1.5}.ppdb-btn{display:block;text-align:center;background:var(--gold);color:var(--deep);font-family:var(--garamond);font-size:15px;font-weight:700;padding:13px 24px;border-radius:4px;letter-spacing:.5px;transition:background .2s}.ppdb-btn:hover{background:var(--gold-lt)}.footer{background:var(--deep);color:#ffffffb3}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding:64px 80px 40px}.ft-logo{font-family:var(--arabic);font-size:42px;color:var(--gold-lt);margin-bottom:4px}.ft-name{font-family:var(--garamond);font-size:18px;font-weight:600;color:var(--cream);margin-bottom:4px}.ft-tagline{font-family:var(--garamond);font-size:13px;color:var(--accent);margin-bottom:16px}.ft-address{font-family:var(--garamond);font-size:13px;line-height:1.7;color:#ffffff8c}.ft-col-title{font-family:var(--garamond);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(134,239,172,.2)}.ft-links{list-style:none}.ft-links li{margin-bottom:8px}.ft-links a{font-family:var(--garamond);font-size:13px;color:#ffffff8c;transition:color .2s}.ft-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding:20px 80px;display:flex;align-items:center;justify-content:space-between;font-family:var(--garamond);font-size:12px;color:#ffffff4d}.ft-du{font-family:var(--arabic);font-size:16px;color:#a1620799}