:root{--hijau:#0f7a4a;--hijau-tua:#042d1f;--hijau-muda:#10b981;--emas:#3fc1ff;--emas-tua:#1b86c9;--latar:#f4f9f6;--kartu:#fff;--teks:#0f2236;--redup:#51677a;--garis:#dbe7ef;--bayang:0 10px 30px -12px rgba(6,42,69,.28);--radius:20px;--pola:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 90 90'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.13' stroke-width='1.2'%3E%3Cpath d='M45 5l10 20 20-10-10 20 20 10-20 10 10 20-20-10-10 20-10-20-20 10 10-20-20-10 20-10-10-20 20 10z'/%3E%3Ccircle cx='45' cy='45' r='10'/%3E%3C/g%3E%3C/svg%3E")}:root[data-tema=gelap]{--latar:#07131f;--kartu:#0e2133;--teks:#e6f1fa;--redup:#9db6c9;--garis:#1c3a54;--bayang:0 10px 30px -12px rgba(0,0,0,.7);--latar:#07121f;--kartu:#0f2033;--teks:#e6eef6;--redup:#9bb0c4;--garis:#1d3550}*{box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{line-height:1.2;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--emas)}.loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:1rem;background:var(--hijau-tua);color:#fff;animation:.7s 1.9s forwards loaderHilang}.loader.selesai{animation:.6s forwards loaderHilang}.loader p{font:700 1.2rem Sora,serif;letter-spacing:.08em;margin:0;animation:1.2s infinite kedip}.loader-bulan{width:74px;height:74px;border-radius:50%;box-shadow:inset -18px 0 0 0 var(--emas);transform:rotate(-25deg);animation:1.6s linear infinite putar;filter:drop-shadow(0 0 14px #3fc1ff88)}@keyframes loaderHilang{to{opacity:0;visibility:hidden}}@keyframes putar{to{transform:rotate(335deg)}}@keyframes kedip{50%{opacity:.35}}.progres{position:fixed;top:0;left:0;width:0;background:linear-gradient(90deg,var(--emas),#d4f4ff,var(--hijau-muda));z-index:60;box-shadow:0 0 12px var(--emas)}.bar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);color:#fff;animation:.8s cubic-bezier(.2,.8,.2,1) both turun;transition:padding .3s,box-shadow .3s}.bar.kecil{box-shadow:0 8px 28px rgba(0,0,0,.35)}@keyframes turun{from{transform:translateY(-100%)}}.merek{display:flex;align-items:center;gap:.65rem;font:800 1.2rem Sora,serif}.merek img{height:42px;width:auto;border-radius:10px;transition:transform .5s}.merek:hover img{transform:rotate(-8deg) scale(1.1)}nav{display:flex;align-items:center;gap:1.2rem}.dd-btn,nav a{position:relative;color:#fff;background:0 0;border:0;font:700 .95rem 'DM Sans',sans-serif;cursor:pointer;padding:.4rem 0}.dd-btn::after,nav>a:not(.tombol-ppdb)::after{content:"";position:absolute;left:0;bottom:0;width:100%;background:var(--emas);transform:scaleX(0);transform-origin:right;transition:transform .35s}.dd:hover .dd-btn::after,nav>a.aktif::after,nav>a:not(.tombol-ppdb):hover::after{transform:scaleX(1);transform-origin:left}.dd-btn:hover,nav a.aktif,nav a:hover{color:var(--emas)}.panah{display:inline-block;transition:transform .3s}.dd:hover .panah{transform:rotate(180deg)}.tombol-ppdb{background:linear-gradient(135deg,#7fd6ff,var(--emas));box-shadow:0 0 0 0 #3fc1ff99}.tombol-ppdb:hover{transform:translateY(-2px)}@keyframes denyut{70%{box-shadow:0 0 0 14px #3fc1ff00}100%{box-shadow:0 0 0 0 #3fc1ff00}}.tema-btn{background:0 0;border:1px solid #ffffff55;color:#fff;width:36px;height:36px;cursor:pointer;font-size:1.05rem;transition:transform .5s,background .3s}.tema-btn:hover{transform:rotate(180deg);background:#ffffff22}.dd{position:relative}.dd-isi{position:absolute;top:100%;left:-10px;background:var(--kartu);color:var(--teks);border:1px solid var(--garis);padding:.45rem;opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transition:.25s;box-shadow:var(--bayang)}.dd:focus-within .dd-isi,.dd:hover .dd-isi{opacity:1;visibility:visible;transform:none}.dd-isi a{display:block;color:var(--teks);padding:.55rem .85rem;border-radius:9px;transition:.2s}.dd-isi a::after{display:none}.dd-isi a:hover{background:var(--hijau);color:#fff!important;padding-left:1.2rem}.menu-btn{display:none;background:0 0;border:0;cursor:pointer;width:42px;height:38px;position:relative}.menu-btn i{position:absolute;left:7px;right:7px;height:3px;border-radius:3px;background:#fff;transition:.35s}.menu-btn i:first-child{top:10px}.menu-btn i:nth-child(2){top:18px}.menu-btn i:nth-child(3){top:26px}.menu-btn[aria-expanded=true] i:first-child{top:18px;transform:rotate(45deg)}.menu-btn[aria-expanded=true] i:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] i:nth-child(3){top:18px;transform:rotate(-45deg)}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1200px 600px at 80% 10%,#0f7a4a 0,transparent 60%),linear-gradient(160deg,#042d1f 0,#08432f 55%,#0e7d4f 100%)}.hero::before{content:"";position:absolute;inset:-100px;background:var(--pola);opacity:.9}@keyframes geser{to{background-position:900px 450px}}.salam{background:#ffffff14;border:1px solid #ffffff2e;letter-spacing:.04em;margin-bottom:1rem;animation:1s .1s both masuk}.hero h1{letter-spacing:-.01em}.hero h1 em{font-style:normal;color:var(--emas);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:4s linear infinite kilau}@keyframes kilau{to{background-position:200% center}}.hero p.lead{max-width:48ch;animation:1s .65s both masuk}.kata-ganti{display:inline-block;min-width:7ch;color:var(--emas);border-right:3px solid var(--emas);animation:.8s steps(1) infinite kursor}@keyframes kursor{50%{border-color:transparent}}.hero-aksi{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.8rem;animation:1s .85s both masuk}@keyframes masuk{from{opacity:0;transform:translateY(34px)}}@keyframes zoomMasuk{from{opacity:0;transform:scale(.6) rotate(-12deg)}}@keyframes melayang{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}.bulan{position:absolute;z-index:2;right:7%;top:9%;width:84px;height:84px;border-radius:50%;box-shadow:inset -20px 6px 0 0 var(--emas);transform:rotate(-20deg);filter:drop-shadow(0 0 22px #3fc1ffaa);animation:6s ease-in-out infinite bulanGoyang}@keyframes bulanGoyang{50%{transform:rotate(-8deg) translateY(10px)}}.bintang{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:3s ease-in-out infinite berkelip}@keyframes berkelip{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.5)}}.tombol{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--hijau),#0b5f3a);padding:.85rem 1.7rem;border:0;cursor:pointer;box-shadow:0 10px 24px -10px var(--hijau);transition:transform .3s,box-shadow .3s}.tombol::before{content:"";top:0;left:-80%;width:50%;height:100%;transform:skewX(-20deg)}.tombol:hover{box-shadow:0 18px 30px -12px var(--hijau)}.tombol:hover::before{left:130%;translate:120% 0}.tombol.emas{background:linear-gradient(135deg,#8fdcff,var(--emas));box-shadow:0 10px 24px -10px var(--emas)}.tombol.garis{background:#ffffff10;color:#fff;border:2px solid #ffffff66;backdrop-filter:blur(4px)}.bagian .tombol.garis,.isi-teks .tombol.garis{color:var(--teks);border-color:var(--hijau);background:0 0}.riak{position:absolute;border-radius:50%;background:#ffffff77;transform:scale(0);animation:.65s linear riak;pointer-events:none}@keyframes riak{to{transform:scale(4);opacity:0}}.penanda{background:var(--emas);color:#04233a;overflow:hidden;transform:rotate(-1.2deg);margin:-3.4rem -2rem 0;position:relative;z-index:4;box-shadow:0 10px 30px -10px #0006}.penanda-jalan{display:flex;gap:3rem;width:max-content;padding:.8rem 0;font:800 1.15rem Sora,serif;animation:32s linear infinite jalan}.penanda:hover .penanda-jalan{animation-play-state:paused}.penanda-jalan span::after{content:"✦";margin-left:3rem;opacity:.6}@keyframes jalan{to{transform:translateX(-50%)}}.statistik{display:grid;grid-template-columns:repeat(4,1fr);background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang)}.statistik div{padding:1.7rem 1rem;text-align:center;position:relative;transition:transform .3s}.statistik div:hover{transform:translateY(-6px)}.statistik div+div::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--garis)}.statistik b{display:block;font:800 2.6rem Sora,serif;background:linear-gradient(135deg,var(--hijau),var(--emas-tua));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.statistik span{font-size:.92rem;color:var(--redup)}.bagian{max-width:1150px;margin:0 auto}.judul-bagian{text-align:center;max-width:640px;margin:0 auto 2.6rem}.judul-bagian small{display:inline-block;color:var(--hijau);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem}:root[data-tema=gelap] .judul-bagian small{color:var(--hijau-muda)}.bagian h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:1.5rem;position:relative}.judul-bagian h2{margin-bottom:.8rem}.judul-bagian h2::after{content:"";background:linear-gradient(90deg,var(--emas),var(--hijau-muda));transform:scaleX(0);transition:transform .9s .3s}.judul-bagian.tampil h2::after{transform:scaleX(1)}.judul-bagian p{color:var(--redup);margin:0}.tentang{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center}.tentang-gambar{display:grid;place-items:center}.tentang-gambar::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--hijau),var(--hijau-tua))}.tentang-gambar::after{content:"";position:absolute;inset:0;background:var(--pola);opacity:.7}.tentang-gambar img{position:relative;z-index:2;background:#fff;border-radius:50%;box-shadow:0 20px 40px -12px #0008}@keyframes morf{50%{border-radius:42% 58% 40% 60%}}.tentang h2{margin-bottom:1rem}.tentang p{color:var(--redup)}.centang{list-style:none;padding:0;margin:1.2rem 0 1.6rem;display:grid;gap:.6rem}.centang li{display:flex;gap:.7rem;align-items:flex-start;font-weight:700}.centang li::before{content:"✓";flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--hijau);color:#fff;font-size:.8rem;margin-top:2px}.kartu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;perspective:1000px}.kartu{position:relative;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:1.8rem 1.5rem 1.5rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;transform-style:preserve-3d;--warna:var(--hijau)}.kartu::before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:var(--warna)}.kartu::after{content:"";position:absolute;right:-60px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:var(--warna);opacity:.08;transition:transform .6s,opacity .4s}.kartu:hover{box-shadow:0 24px 44px -18px var(--warna);border-color:var(--warna)}.kartu:hover::after{transform:scale(2.4);opacity:.13}.kartu .ikon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:color-mix(in srgb,var(--warna) 16%,transparent);font-size:1.9rem;margin-bottom:1rem;transition:transform .5s}.kartu:hover .ikon{transform:rotate(-10deg) scale(1.15)}.kartu h3{font-size:1.25rem;color:var(--warna);position:relative}:root[data-tema=gelap] .kartu h3{filter:brightness(1.6)}.kartu small{display:inline-block;margin-top:.3rem;padding:.1rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--warna) 14%,transparent);color:var(--warna);font-weight:800;font-size:.78rem}.kartu p{margin:.8rem 0 0;color:var(--redup);font-size:.95rem;position:relative}.kartu .lanjut{display:inline-block;margin-top:1rem;font-weight:800;color:var(--warna);position:relative}.kartu .lanjut::after{content:" →";display:inline-block;transition:transform .3s}.kartu:hover .lanjut::after{transform:translateX(6px)}.alur{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative;counter-reset:l}.alur::before{content:"";position:absolute;top:34px;left:12%;right:12%;height:3px;background:repeating-linear-gradient(90deg,var(--emas) 0 10px,transparent 10px 18px);transform-origin:left;transform:scaleX(0);transition:transform 1.6s .3s}.alur.tampil::before{transform:scaleX(1)}.langkah{text-align:center;position:relative}.langkah::before{counter-increment:l;content:counter(l);display:grid;place-items:center;width:70px;height:70px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,var(--hijau),var(--hijau-tua));color:var(--emas);font:800 1.6rem Sora,serif;box-shadow:0 0 0 8px var(--latar),0 12px 24px -8px var(--hijau);transition:transform .4s}.langkah:hover::before{transform:scale(1.15) rotate(10deg)}.langkah h3{font-size:1.1rem;margin-bottom:.3rem}.langkah p{margin:0;color:var(--redup);font-size:.92rem}.berita-daftar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}.berita{position:relative;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:1.5rem;transition:transform .35s,box-shadow .35s}.berita::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--emas),var(--hijau-muda));transform:scaleY(0);transform-origin:top;transition:transform .4s}.berita:hover{transform:translateY(-8px);box-shadow:var(--bayang)}.berita:hover::before{transform:scaleY(1)}.berita time{display:inline-block;color:var(--emas-tua);font-weight:800;font-size:.82rem;letter-spacing:.04em}.berita h3{font-size:1.15rem;margin:.4rem 0}.berita p{color:var(--redup);margin:0;font-size:.95rem}.ajakan{position:relative;overflow:hidden;margin:5rem auto 0;max-width:1150px;border-radius:32px;background:linear-gradient(135deg,var(--hijau-tua),#0e7d4f);color:#fff;text-align:center;padding:4rem 1.5rem}.ajakan::before{content:"";position:absolute;inset:-60px;background:var(--pola);animation:50s linear infinite geser}.ajakan>*{position:relative}.ajakan h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:.7rem}.ajakan p{max-width:50ch;margin:0 auto 1.6rem;color:#cfe3f2}.judul-halaman{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--hijau-tua),#0e7d4f);text-align:center;padding:4.5rem 1.5rem 6rem}.judul-halaman::before{content:"";position:absolute;inset:-80px;background:var(--pola);animation:60s linear infinite geser}.judul-halaman.berwarna{background:linear-gradient(150deg,var(--hijau-tua) -40%,var(--warna) 140%)}.judul-halaman>*{position:relative;z-index:2}.judul-halaman h1{font-size:clamp(1.9rem,4.5vw,3rem);animation:.9s .1s both masuk}.judul-halaman p{margin:.6rem auto 0;opacity:.9;max-width:56ch;animation:.9s .3s both masuk}.judul-halaman .bulan{width:56px;height:56px;right:9%;top:22%;box-shadow:inset -13px 4px 0 0 var(--emas)}.judul-halaman::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:var(--latar);clip-path:ellipse(60% 100% at 50% 100%);z-index:3}.chip{display:inline-block;margin-top:1rem;padding:.3rem 1.1rem;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff3a;font-weight:800;font-size:.9rem;animation:.9s .5s both masuk}.isi-teks{max-width:800px}.isi-teks h2{font-size:1.45rem;margin:2rem 0 .6rem;color:var(--hijau)}:root[data-tema=gelap] .isi-teks h2{color:var(--hijau-muda)}.isi-teks .tombol{margin-top:1rem}.isi-teks li{margin:.4rem 0}.isi-teks p{color:var(--redup)}.kosong{color:var(--redup);padding:1rem 0;text-align:center}.info-jenjang{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}.panel{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--bayang);position:relative}.panel::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--warna,var(--hijau))}.panel dl{margin:0;display:grid;gap:.9rem}.panel dt{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--redup)}.panel dd{margin:0;font-weight:800}.guru-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem}.guru{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:1.4rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:transform .35s,box-shadow .35s}.guru:hover{transform:translateY(-8px);box-shadow:var(--bayang)}.guru img,.inisial{width:92px;height:92px;border-radius:50%;object-fit:cover;margin-bottom:.6rem;border:4px solid var(--emas);padding:2px;transition:transform .5s}.guru:hover .inisial,.guru:hover img{transform:scale(1.1) rotate(6deg)}.inisial{display:grid;place-items:center;background:var(--warna,var(--hijau));color:#fff;font:800 2.1rem Sora,serif}.guru small{color:var(--redup)}.galeri-grid{columns:3 240px;column-gap:1rem}.galeri-grid figure{margin:0 0 1rem;break-inside:avoid;background:var(--kartu);border:1px solid var(--garis);border-radius:16px;overflow:hidden;position:relative;cursor:zoom-in}.galeri-grid img{width:100%;display:block;transition:transform .7s}.galeri-grid figure:hover img{transform:scale(1.1)}.galeri-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .9rem .7rem;font-size:.9rem;color:#fff;background:linear-gradient(transparent,#000b);transform:translateY(100%);transition:transform .4s}.galeri-grid figure:hover figcaption{transform:none}.foto-berita{width:100%;border-radius:var(--radius);margin-bottom:1rem}.form{display:grid;gap:1.2rem;background:var(--kartu);border:1px solid var(--garis);border-radius:24px;padding:2rem;box-shadow:var(--bayang)}.form label{display:grid;gap:.4rem;font-weight:800}.form input,.form select{font:400 1rem 'DM Sans',sans-serif;padding:.8rem 1rem;border:2px solid var(--garis);border-radius:12px;background:var(--latar);color:var(--teks);width:100%;transition:border-color .3s,box-shadow .3s,transform .3s}.form input:focus,.form select:focus{outline:0;border-color:var(--hijau);box-shadow:0 0 0 5px #0f7a4a22;transform:translateY(-2px)}.form .tombol{font-size:1.05rem;justify-self:start}.jebakan{position:absolute;left:-9999px;height:0;overflow:hidden}:root[data-tema=gelap] .notif.ok{background:#12301f;color:#d6f1de;border-color:#2c6b46}:root[data-tema=gelap] .notif.gagal{background:#3a1717;color:#f4d2d2;border-color:#7a3a3a}.kaki{position:relative;background:var(--hijau-tua)}.kaki::before{content:"";position:absolute;inset:0;background:var(--pola);opacity:.6}.kaki-isi{position:relative;max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:2rem}.kaki h4{color:var(--emas)}.kaki p{margin:.35rem 0}.kaki-isi a{display:block;transition:.25s}.kaki-isi a:hover{color:var(--emas)}.kaki .merek{color:#fff;margin-bottom:.6rem;display:inline-flex}.kaki .arab{font:700 1.7rem/1.5 Amiri,serif;color:var(--emas)}.kaki .sosial{color:var(--emas)}.hak{position:relative;padding-top:1.2rem;border-top:1px solid #ffffff1f;font-size:.85rem;opacity:.75}.kaki-admin{opacity:.6}.wa-ambang{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;box-shadow:0 8px 24px #25d36688;animation:2.4s infinite denyutWa,1s 2.2s both masuk;transition:transform .3s}.wa-ambang:hover{transform:scale(1.15) rotate(-8deg)}@keyframes denyutWa{0%{box-shadow:0 0 0 0 #25d366aa}100%,70%{box-shadow:0 0 0 22px #25d36600}}.ke-atas{position:fixed;right:28px;bottom:92px;z-index:40;width:44px;height:44px;border:0;background:var(--emas);color:#04233a;font-size:1.2rem;font-weight:800;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s;box-shadow:0 8px 20px #0004}.ke-atas.tampil{opacity:1;visibility:visible;transform:none}.ke-atas:hover{transform:translateY(-5px)}.lightbox{position:fixed;inset:0;z-index:90;background:#000d;display:grid;place-content:center;justify-items:center;gap:.8rem;padding:1rem;animation:.3s fade}.lightbox[hidden]{display:none}.lightbox img{max-width:92vw;max-height:80vh;border-radius:14px;animation:.4s zoomMasuk}.lightbox p{color:#fff;margin:0}.lb-tutup{position:absolute;top:18px;right:22px;background:0 0;border:0;color:#fff;font-size:1.8rem;cursor:pointer}@keyframes fade{from{opacity:0}}.js .kanan,.js .kiri,.js .muncul,.js .zoom{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--tunda,0s)}.js .muncul{transform:translateY(40px)}.js .kiri{transform:translateX(-60px)}.js .kanan{transform:translateX(60px)}.js .zoom{transform:scale(.85)}.js .kanan.tampil,.js .kiri.tampil,.js .muncul.tampil,.js .zoom.tampil{opacity:1;transform:none}.js .berita.tampil,.js .kartu.tampil{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,opacity .9s}@media (max-width:900px){.menu-btn{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:.4rem;background:var(--hijau-tua);padding:1rem 1.5rem 1.5rem;max-height:80vh;overflow:auto}nav.buka{display:flex;animation:.4s both masuk}.dd-isi{position:static;opacity:1;visibility:visible;transform:none;background:0 0;border:0;padding:0 0 0 .8rem;box-shadow:none;display:none;min-width:0}.dd.buka .dd-isi{display:block}.dd .dd-btn{width:100%;text-align:left}.dd.buka .panah{transform:rotate(180deg)}.dd-isi a{color:#fff}.hero{padding:3rem 1.2rem 9rem}.hero p.lead{margin-inline:auto}.hero-aksi{justify-content:center}.statistik{grid-template-columns:repeat(2,1fr);margin:3rem 1rem 0}.statistik div:nth-child(3)::before{display:none}.info-jenjang,.tentang{grid-template-columns:1fr}.alur{grid-template-columns:1fr 1fr;row-gap:2rem}.alur::before{display:none}.kaki-isi{grid-template-columns:1fr 1fr}}@media (max-width:520px){.alur,.kaki-isi{grid-template-columns:1fr}.penanda{margin-inline:-1rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important}.js .kanan,.js .kiri,.js .muncul,.js .zoom{opacity:1;transform:none}.loader{display:none}}.berita,.guru,.kartu,.panel,.statistik{background-image:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,0) 55%)}:root[data-tema=gelap] .berita,:root[data-tema=gelap] .guru,:root[data-tema=gelap] .kartu,:root[data-tema=gelap] .kontak-kartu,:root[data-tema=gelap] .panel,:root[data-tema=gelap] .statistik{background-image:linear-gradient(145deg,rgba(255,255,255,.05),transparent 55%)}.berita:hover,.guru:hover,.kartu:hover{border-color:var(--emas)}.salam{backdrop-filter:blur(8px);border-color:#3fc1ff77}.statistik{border:1px solid #3fc1ff55;box-shadow:0 30px 60px -28px rgba(6,42,69,.5),0 0 0 6px rgba(63,193,255,.08)}.bar{border-bottom:1px solid #3fc1ff33}.judul-bagian small{padding:.25rem .9rem;border-radius:999px;border:1px solid #3fc1ff88;background:#3fc1ff14}.ajakan{border:1px solid #3fc1ff66;box-shadow:0 40px 80px -40px rgba(6,42,69,.7)}.kaki{border-top:3px solid var(--emas)}.tombol.emas{background-size:200% auto;background-image:linear-gradient(110deg,#8fdcff,#3fc1ff 45%,#d4f4ff 60%,#3fc1ff)}.tombol.emas:hover{background-position:right center}.kartu .ikon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warna,var(--hijau)) 30%,transparent)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(700px 400px at 100% 0,rgba(63,193,255,.1),transparent 60%),radial-gradient(600px 400px at 0 60%,rgba(16,185,129,.08),transparent 60%)}.dd-isi{min-width:290px}.dd-btn.aktif{color:var(--emas)}.dd-btn.aktif::after{transform:scaleX(1)}.tn-nav,.tn-saring{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:1150px;margin:0 auto;padding:0 1.5rem}.tn-nav{position:relative;z-index:4;margin-top:.6rem}.tn-nav a,.tn-saring a{display:inline-block;padding:.45rem 1.05rem;border-radius:999px;border:1px solid var(--garis);background:var(--kartu);color:var(--teks);font-weight:700;font-size:.9rem;transition:background .25s,color .25s,border-color .25s,transform .25s}.tn-nav a:hover,.tn-saring a:hover{border-color:var(--emas);transform:translateY(-2px)}.tn-nav a.aktif,.tn-saring a.aktif{background:var(--hijau);border-color:var(--hijau);color:#fff}.tn-saring{padding:0;margin-bottom:2.2rem}.tn-dua{display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;align-items:center}.tn-dua.tn-satu{grid-template-columns:1fr;max-width:800px}.tn-bingkai{position:relative;margin:0;padding:0 14px 14px 0}.tn-bingkai::before{content:"";position:absolute;inset:14px 0 0 14px;border:3px solid var(--emas);border-radius:28px}.tn-bingkai>img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:var(--bayang)}.tn-logo{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,var(--hijau),var(--hijau-tua));box-shadow:var(--bayang)}.tn-logo::before{content:"";position:absolute;inset:0;background:var(--pola)}.tn-bingkai .tn-logo img{position:relative;width:52%;aspect-ratio:auto;border-radius:50%;background:#fff;padding:12px;object-fit:contain}.tn-teks h2{font-size:clamp(1.6rem,3.2vw,2.2rem);margin-bottom:1rem}.tn-teks p{color:var(--redup);font-size:1.04rem}.tn-teks .tn-alamat{margin-top:1.2rem;padding-left:1rem;border-left:4px solid var(--emas);font-weight:700;color:var(--teks)}.tn-teks .tombol{margin-top:1.2rem}.tn-surat{display:grid;grid-template-columns:310px 1fr;gap:3rem;align-items:start}.tn-potret{position:sticky;top:6.5rem;text-align:center}.tn-lengkung{width:min(260px,100%);aspect-ratio:3/4;margin:0 auto 1.3rem;border-radius:130px 130px 22px 22px;overflow:hidden;border:4px solid var(--emas);background:linear-gradient(160deg,var(--hijau),var(--hijau-tua));box-shadow:var(--bayang);display:grid;place-items:center;position:relative}.tn-lengkung img{width:100%;height:100%;object-fit:cover;display:block}.tn-huruf{font:800 6rem Sora,serif;color:var(--emas);position:relative}.tn-potret h2{font-size:1.35rem}.tn-potret p{margin:.3rem 0 0;color:var(--redup);font-weight:700}.tn-kertas{position:relative;background:var(--kartu);border:1px solid var(--garis);border-radius:28px;padding:2.6rem 2.4rem;box-shadow:var(--bayang)}.tn-kertas::before{content:"\201C";position:absolute;top:.2rem;left:1.4rem;font:800 6rem/1 Sora,serif;color:var(--emas);opacity:.35;pointer-events:none}.tn-salam{font:700 1.9rem/1.6 Amiri,serif;color:var(--hijau);text-align:center;margin:0 0 .3rem}:root[data-tema=gelap] .tn-salam{color:var(--emas)}.tn-salam-id{text-align:center;font-weight:800;margin:0 0 1.6rem}.tn-isi p{margin:0 0 1.1rem;font-size:1.06rem;line-height:1.9;color:var(--teks)}.tn-penutup{font-weight:800;margin:1.6rem 0 0}.tn-ttd{margin:1.4rem 0 0;line-height:1.5}.tn-ttd strong{font:800 1.2rem Sora,serif}.tn-ttd span{color:var(--redup);font-size:.95rem}.tn-garis{list-style:none;margin:0 auto;padding:0;max-width:920px;position:relative}.tn-garis::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;border-radius:4px;background:linear-gradient(var(--emas),var(--hijau-muda))}.tn-garis li{position:relative;width:50%;padding:0 3.4rem 2.2rem 0}.tn-garis li.kanan{margin-left:50%;padding:0 0 2.2rem 3.4rem}.tn-tahun{position:absolute;top:.5rem;right:0;transform:translateX(50%);z-index:2;min-width:64px;text-align:center;padding:.3rem .95rem;border-radius:999px;background:var(--hijau-tua);color:var(--emas);border:3px solid var(--latar);font:800 1rem Sora,serif;box-shadow:0 6px 16px -6px #0007}.tn-garis li.kanan .tn-tahun{right:auto;left:0;transform:translateX(-50%)}.tn-tonggak{background:var(--kartu);border:1px solid var(--garis);border-radius:18px;padding:1.2rem 1.4rem;box-shadow:var(--bayang);text-align:left;transition:border-color .3s,transform .3s}.tn-tonggak:hover{border-color:var(--emas);transform:translateY(-4px)}.tn-tonggak h3{font-size:1.15rem;color:var(--hijau)}:root[data-tema=gelap] .tn-tonggak h3{color:var(--hijau-muda)}.tn-tonggak p{margin:.5rem 0 0;color:var(--redup);font-size:.97rem}.tn-visi{position:relative;overflow:hidden;max-width:960px;margin:0 auto;border-radius:32px;padding:3.6rem 2rem 3.4rem;text-align:center;color:#fff;background:linear-gradient(145deg,var(--hijau-tua),#0e7d4f)}.tn-visi::before{content:"";position:absolute;inset:-60px;background:var(--pola);animation:60s linear infinite geser}.tn-visi>:not(.bulan){position:relative;z-index:2}.tn-visi .bulan{width:56px;height:56px;right:7%;top:12%;box-shadow:inset -13px 4px 0 0 var(--emas)}.tn-visi h2{color:var(--emas);font-size:clamp(1.6rem,3.4vw,2.3rem);margin-bottom:1rem}.tn-visi blockquote{margin:0 auto;max-width:36ch}.tn-misi{list-style:none;counter-reset:misi;margin:0 auto;padding:0;max-width:900px;display:grid;gap:1rem}.tn-misi li{counter-increment:misi;position:relative;background:var(--kartu);border:1px solid var(--garis);border-radius:18px;padding:1.2rem 1.4rem 1.2rem 5rem;transition:transform .3s,border-color .3s,box-shadow .3s}.tn-misi li::before{content:counter(misi);position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--hijau),var(--hijau-tua));color:var(--emas);font:800 1.25rem Sora,serif}.tn-misi li:hover{transform:translateX(8px);border-color:var(--emas);box-shadow:var(--bayang)}.tn-misi p{margin:0;font-weight:700;font-size:1.04rem;color:var(--teks)}.tn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.5rem}.tn-kartu{--warna:var(--hijau);display:flex;flex-direction:column;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s,opacity .9s}.tn-kartu:hover{transform:translateY(-8px);border-color:var(--warna);box-shadow:0 24px 44px -20px var(--warna)}.tn-foto{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border-bottom:4px solid var(--warna);background:color-mix(in srgb,var(--warna) 14%,var(--kartu))}.tn-foto::before{content:"";position:absolute;inset:0;background:var(--pola);filter:invert(1);opacity:.35}.tn-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.tn-kartu:hover .tn-foto img{transform:scale(1.08)}.tn-ikon{position:relative;font-size:3.6rem;transition:transform .5s}.tn-kartu:hover .tn-ikon{transform:scale(1.2) rotate(-8deg)}.tn-badan{padding:1.2rem 1.35rem 1.45rem}.tn-badan h3{font-size:1.18rem}.tn-badan p{margin:.7rem 0 0;color:var(--redup);font-size:.96rem}.tn-tag{display:inline-block;margin-top:.45rem;padding:.1rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--warna) 14%,transparent);color:var(--warna);font-weight:800;font-size:.78rem}:root[data-tema=gelap] .tn-tag{filter:brightness(1.6)}.tn-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--garis)}.tn-meta dt{font-size:.74rem;font-weight:800;color:var(--redup)}.tn-meta dd{margin:0;font-weight:700;font-size:.93rem}@media (max-width:900px){.tn-dua,.tn-surat{grid-template-columns:1fr;gap:2.2rem}.tn-potret{position:static}.tn-bingkai{max-width:420px;margin-inline:auto}}@media (max-width:760px){.tn-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:thin}.tn-nav a{white-space:nowrap}.tn-kertas{padding:2.2rem 1.3rem 1.6rem}.tn-garis::before{left:11px;margin-left:0}.tn-garis li,.tn-garis li.kanan{width:100%;margin-left:0;padding:0 0 1.8rem 2.6rem}.tn-garis li::before{content:"";position:absolute;left:1px;top:.75rem;width:22px;height:22px;border-radius:50%;background:var(--emas);border:4px solid var(--latar)}.tn-garis li.kanan .tn-tahun,.tn-tahun{position:static;transform:none;display:inline-block;margin-bottom:.55rem;border-width:0}.tn-misi li{padding-left:4.4rem}}.lux-slider{position:relative;margin:0 auto;box-shadow:0 40px 80px -30px #000a,0 0 60px -20px #3fc1ff88}.lux-jalur{position:relative;overflow:hidden}.lux-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:2rem;color:#fff;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .9s,transform 1.2s,visibility .9s;background:radial-gradient(700px 420px at 85% 30%,color-mix(in srgb,var(--warna) 55%,transparent),transparent 70%),linear-gradient(150deg,#03251a,#07382a 60%,#042d1f)}.lux-slide::before{content:"";position:absolute;inset:0;background:var(--pola);opacity:.5;pointer-events:none}.lux-slide.aktif{opacity:1;visibility:visible;transform:none;z-index:2}.lux-teks,.lux-visual{position:relative;z-index:2}.lux-rentang{display:inline-block;border:1px solid #3fc1ff;border-radius:999px;letter-spacing:.06em}.lux-teks h3{-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lux-aksi{display:flex;gap:.8rem;flex-wrap:wrap}.lux-aksi .tombol.garis{border:2px solid #ffffff66;background:0 0}.lux-slide .lux-teks>*{transform:translateY(24px)}.lux-slide.aktif .lux-teks>:nth-child(2){animation-delay:.15s}.lux-slide.aktif .lux-teks>:nth-child(3){animation-delay:.3s}.lux-slide.aktif .lux-teks>:nth-child(4){animation-delay:.45s}.lux-visual{justify-self:center;aspect-ratio:1;display:grid;place-items:center}.lux-visual img{width:100%;height:100%;object-fit:cover;border:3px solid #3fc1ff;box-shadow:0 0 0 12px #ffffff10,0 30px 60px -10px #000b}.lux-panah{position:absolute;top:calc(50% - 40px);z-index:5;border-radius:50%;border:1px solid #3fc1ff;background:#03251acc;line-height:1;cursor:pointer;backdrop-filter:blur(6px);transition:background .3s,color .3s,transform .3s}.lux-panah:hover{transform:scale(1.1)}.lux-panah.kiri{left:.9rem}.lux-panah.kanan{right:.9rem}.lux-tab{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.lux-tab button{display:flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid #ffffff33;background:#03251a99;cursor:pointer;transition:.3s}.lux-tab button:hover{border-color:#3fc1ff}.lux-progres{position:absolute;z-index:6;border-radius:3px;background:#ffffff1a;overflow:hidden}.lux-progres span{display:block;height:100%;width:0}.lux-progres.jalan span{animation:luxIsi var(--durasi,6s) linear forwards}@keyframes luxIsi{to{width:100%}}@media (max-width:820px){.lux-jalur{min-height:600px}.lux-slide{grid-template-columns:1fr;gap:1rem;padding:2rem 1.4rem 6.8rem;text-align:center;align-content:center}.lux-teks p{margin-inline:auto}.lux-aksi{justify-content:center}.lux-visual{order:-1;width:150px}.lux-panah{top:1.2rem;width:42px;height:42px}.lux-tab .t-nama{display:none}}@media (prefers-reduced-motion:reduce){.lux-slide,.lux-teks h3{animation:none!important;transition:none!important}.lux-slide .lux-teks>*{opacity:1;transform:none}}.berita .kat{display:inline-block;margin-right:.5rem;padding:.15rem .7rem;border-radius:999px;background:linear-gradient(135deg,#8fdcff,var(--emas));color:#04233a;font-weight:800;font-size:.72rem;letter-spacing:.03em}.berita.testimoni{background-image:none;background:linear-gradient(150deg,var(--hijau-tua),#0e7d4f);border-color:var(--emas-tua);color:#fff}.berita.testimoni::after{content:"\201C";position:absolute;right:1rem;top:-.4rem;font:800 5rem/1 Sora,serif;color:#3fc1ff55}.berita.testimoni h3{color:#8fdcff}.berita.testimoni p{color:#d6ebf7;font-style:italic}.berita.testimoni time{color:#8fdcff}.berita .sumber{display:block;margin-top:.7rem;color:#8fdcff;font-weight:700}.gl-saring{gap:.55rem}.gl-saring button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--garis);background:var(--kartu);color:var(--teks);font-family:inherit;cursor:pointer;transition:.3s}.gl-saring button b{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;border-radius:999px;background:var(--garis);font-size:.75rem}.gl-saring button:hover{border-color:var(--emas);transform:translateY(-2px)}.gl-saring button.aktif{background:linear-gradient(135deg,var(--hijau-tua),var(--hijau));border-color:var(--emas);color:#fff;box-shadow:0 8px 20px -10px var(--hijau)}.gl-saring button.aktif b{background:var(--emas);color:#04233a}.gl-grid{columns:3 260px;column-gap:1.8rem;max-width:1150px;margin:0 auto}.gf{margin:0 0 2rem;break-inside:avoid;cursor:zoom-in;opacity:0;transform:translateY(34px) rotate(-.6deg);transition:opacity .9s var(--tunda,0ms),transform .9s var(--tunda,0ms) cubic-bezier(.2,.8,.2,1)}.gf.tampil{opacity:1;transform:none}.gf.sembunyi{display:none}.gf.muncul{animation:gfMuncul .7s var(--tunda,0ms) both}@keyframes gfMuncul{from{opacity:0;transform:scale(.92) translateY(18px)}}.gf-bingkai{padding:9px;border-radius:4px;background:linear-gradient(135deg,#8fdcff,#1b86c9 28%,#d4f4ff 50%,#1b86c9 72%,#3fc1ff);box-shadow:0 18px 30px -16px #000a,0 2px 0 #fff6 inset;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.gf:focus-visible .gf-bingkai,.gf:hover .gf-bingkai{transform:translateY(-8px) rotate(.4deg);box-shadow:0 34px 46px -20px #000b,0 0 40px -8px #3fc1ff88}.gf-mat{padding:13px;background:#eaf6f8;box-shadow:inset 0 0 0 1px #1b86c988,inset 0 3px 10px #0004}:root[data-tema=gelap] .gf-mat{background:#10241a}.gf-foto{position:relative;overflow:hidden;box-shadow:0 0 0 1px #0006}.gf-foto img{display:block;width:100%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}.gf:hover .gf-foto img{transform:scale(1.08);filter:saturate(1.12)}.gf-foto::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 35%,#ffffff55 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}.gf:hover .gf-foto::before{transform:translateX(120%);transition:transform 1s}.gf-foto::after{content:"";position:absolute;inset:8px;z-index:3;border:1px solid #8fdcff;opacity:0;transform:scale(1.06);transition:opacity .5s,transform .5s;pointer-events:none}.gf:hover .gf-foto::after{opacity:.9;transform:none}.gf figcaption{position:static;transform:none;background:0 0;padding:.9rem .4rem 0;text-align:center;color:var(--teks);display:grid;gap:.25rem;justify-items:center}.gf-label{display:inline-block;padding:.12rem .8rem;border:1px solid var(--emas-tua);border-radius:999px;color:var(--emas-tua);font-weight:800;font-size:.72rem;letter-spacing:.04em}.gf-ket{font:600 1rem/1.35 Sora,serif}.gl-kosong[hidden]{display:none}.lightbox{background:radial-gradient(circle at 50% 40%,#0b3a29f2,#020c08f7);backdrop-filter:blur(6px)}.lb-bingkai{padding:10px;border-radius:4px;background:linear-gradient(135deg,#8fdcff,#1b86c9 30%,#d4f4ff 50%,#1b86c9 70%,#3fc1ff);box-shadow:0 40px 80px -20px #000,0 0 80px -20px #3fc1ffaa}.lightbox .lb-bingkai img{display:block;max-width:min(88vw,1000px);max-height:72vh;border-radius:0;border:10px solid #eaf6f8;box-shadow:inset 0 0 0 1px #1b86c9}.lightbox img.ganti{animation:.5s both gfMuncul}.lb-teks{font:600 1.15rem Sora,serif;text-align:center;max-width:70ch}.lb-hitung{color:#8fdcff;font-weight:800;font-size:.85rem;letter-spacing:.1em}.lb-nav{position:absolute;top:calc(50% - 26px);width:52px;height:52px;border-radius:50%;border:1px solid #3fc1ff;background:#03251acc;color:#8fdcff;font-size:1.9rem;line-height:1;cursor:pointer;transition:background .3s,color .3s,transform .3s}.lb-nav:hover{background:#3fc1ff;color:#04233a;transform:scale(1.1)}.lb-nav.kiri{left:1.2rem}.lb-nav.kanan{right:1.2rem}@media (max-width:640px){.gl-grid{columns:2 140px;column-gap:1rem}.gf{margin-bottom:1.3rem}.gf-mat{padding:8px}.gf-bingkai{padding:6px}.lb-nav{top:auto;bottom:1.2rem}.lb-nav.kiri{left:1rem}.lb-nav.kanan{right:1rem}}@media (prefers-reduced-motion:reduce){.gf{opacity:1;transform:none;transition:none}.gf.muncul,.lightbox img.ganti{animation:none}}.bagian.kt{max-width:1150px;display:grid;gap:3rem}.kt-baris{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.2rem}.kt-k{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.7rem 1.5rem 1.4rem;background:var(--kartu);border:1px solid var(--garis);animation:.8s both ktNaik;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s}.kt-k:nth-child(2){animation-delay:.12s}.kt-k:nth-child(3){animation-delay:.24s}.kt-k:nth-child(4){animation-delay:.36s}@keyframes ktNaik{from{opacity:0;transform:translateY(40px) scale(.96)}}.kt-k::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--emas),#d4f4ff,var(--hijau-muda));transform:scaleX(0);transform-origin:left;transition:transform .6s}.kt-k:hover{transform:translateY(-8px);box-shadow:0 28px 40px -24px #000a;border-color:var(--emas)}.kt-k:hover::before{transform:scaleX(1)}.kt-k h2{font-size:1.1rem!important;margin:.4rem 0 0!important;color:var(--teks)!important;display:flex;align-items:center;gap:.5rem}.kt-k p{margin:0;color:var(--redup);line-height:1.55;word-break:break-word}.kt-k p a{color:inherit;font-weight:700}.kt-ikon{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--hijau),var(--hijau-tua));color:var(--emas);box-shadow:0 12px 20px -10px var(--hijau),inset 0 0 0 1px #3fc1ff55;transition:transform .5s}.kt-k:hover .kt-ikon{transform:rotate(-8deg) scale(1.08)}.kt-k.utama{background:linear-gradient(150deg,var(--hijau-tua),#0e7d4f);border-color:var(--emas-tua);color:#fff}.kt-k.utama h2,.kt-k.utama p,.kt-k.utama p a{color:#fff!important}.kt-k.utama .kt-ikon{background:linear-gradient(135deg,#8fdcff,var(--emas));color:#04233a}.kt-hidup{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 #34d399aa;animation:2s infinite denyut}.kt-aksi{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.7rem}.kt-tbl{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(135deg,#8fdcff,var(--emas));color:#04233a!important;font-family:inherit;cursor:pointer;transition:transform .3s,box-shadow .3s}.kt-tbl:hover{transform:translateY(-3px);box-shadow:0 14px 20px -12px var(--emas)}.kt-tbl.garis{background:0 0;border-color:var(--emas-tua);color:var(--teks)!important}.kt-k.utama .kt-tbl.garis{color:#fff!important}.kt-tbl.besar{padding:.85rem 1.7rem;font-size:.98rem}.kt-salin{padding:.5rem 1rem;border-radius:999px;border:1.5px dashed var(--emas-tua);background:0 0;color:inherit;font-family:inherit;cursor:pointer;transition:.3s}.kt-salin:hover{background:var(--emas);color:#04233a;border-style:solid}.kt-salin.ok{background:var(--hijau-muda);border-color:var(--hijau-muda);color:#04261a}.kt-utama{display:grid;grid-template-columns:1.05fr 1fr;gap:2.4rem;align-items:start}.kt-form-bungkus{background:var(--kartu);border:1px solid var(--garis);border-radius:26px;padding:2.2rem;box-shadow:var(--bayang)}.kt-form-bungkus h2{margin:0 0 .2rem!important;font-size:1.6rem!important}.kt-sub{margin:0 0 1.4rem;color:var(--redup)}.kt-dua{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.kt-f{position:relative;margin-bottom:.9rem}.kt-f input,.kt-f select,.kt-f textarea{width:100%;padding:1.55rem 1rem .55rem;border:1.5px solid var(--garis);border-radius:14px;background:var(--latar);color:var(--teks);font:inherit;font-family:inherit;transition:border-color .3s,box-shadow .3s}.kt-f textarea{resize:vertical;min-height:130px}.kt-f input:focus,.kt-f select:focus,.kt-f textarea:focus{outline:0;border-color:var(--emas);box-shadow:0 0 0 4px #3fc1ff30}.kt-f label{position:absolute;left:1rem;top:1.05rem;color:var(--redup);pointer-events:none;transition:.22s}.kt-f input:focus+label,.kt-f input:not(:placeholder-shown)+label,.kt-f textarea:focus+label,.kt-f textarea:not(:placeholder-shown)+label,.kt-f.tetap label{top:.45rem;font-size:.72rem;font-weight:800;color:var(--emas-tua)}.kt-f small{display:block;margin:.3rem .3rem 0;color:#c0392b;font-weight:700}.kt-jebak{position:absolute;left:-9999px;opacity:0;height:0;width:0}.kt-kirim{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.kt-galat,.kt-sukses{display:flex;gap:.8rem;align-items:center;padding:1rem 1.2rem;border-radius:16px;margin-bottom:1.2rem;font-weight:600}.kt-sukses{background:#10b98122;border:1px solid #10b981;animation:.6s both ktNaik}.kt-sukses>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#10b981;color:#fff;font-weight:800}.kt-galat{background:#c0392b18;border:1px solid #c0392b}.kt-peta .gf-foto iframe{display:block;width:100%;height:520px;border:0}.kt-prog h2{text-align:center;font-size:1.4rem!important;margin:0 0 1.2rem!important}.kt-chip-baris{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.kt-chip{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.3rem;border-radius:999px;border:1px solid var(--garis);background:var(--kartu);color:var(--teks);font-weight:700;transition:.35s}.kt-chip span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--hijau),var(--hijau-tua));font-size:1rem}.kt-chip:hover{background:linear-gradient(135deg,var(--hijau-tua),var(--hijau));color:#fff;border-color:var(--emas);transform:translateY(-4px);box-shadow:0 16px 24px -14px var(--hijau)}.kt-sosial{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;align-items:center}.kt-sosial span{font-weight:800;color:var(--redup)}.kt-sosial a{padding:.45rem 1.1rem;border-radius:999px;border:1px solid var(--emas-tua);color:var(--teks);font-weight:700;transition:.3s}.kt-sosial a:hover{background:var(--emas);color:#04233a}.kt-reveal{opacity:0;transform:translateY(36px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.kt-reveal.tampil{opacity:1;transform:none}@media (max-width:860px){.kt-dua,.kt-utama{grid-template-columns:1fr}.kt-form-bungkus{padding:1.5rem}.kt-peta .gf-foto iframe{height:360px}}.salah{display:block;margin-top:.5rem;color:#c0392b;font-weight:700}:root{--biru:#064b32;--hijau:#0e8f63;--hijau-tua:#042d1f;--hijau-muda:#34d399;--emas:#5eead4;--emas-tua:#0e8f63;--latar:#f4f9f6;--kartu:#fff;--teks:#0d1b2a;--redup:#56677a;--garis:#e0e8f0;--radius:16px;--pola:none;--bayang:0 18px 40px -18px rgba(10,42,74,.35)}body{margin:0;background:var(--latar);color:var(--teks);overflow-x:hidden;transition:background .4s,color .4s;font:400 1rem/1.7 'DM Sans',system-ui,sans-serif;background:radial-gradient(900px 520px at 6% 0,#d8f0e6 0,transparent 62%),radial-gradient(820px 520px at 100% 18%,#e0f0e6 0,transparent 62%),#f4f9f6}.merek,h1,h2,h3,h4{font-family:Sora,system-ui,sans-serif;letter-spacing:-.01em}::selection{background:#a7f3d0;color:#052e22}.loader{background:linear-gradient(135deg,#042d1f,#064b32 60%,#0b7a4d)}.loader-bulan{box-shadow:none;border:4px solid #ffffff1f;border-top-color:#34d399;transform:none;filter:none}.progres{background:linear-gradient(90deg,#0e8f63,#5eead4);box-shadow:none;height:3px}.topbar{background:#042d1f;color:#b9cde0;font-size:.82rem}.topbar-isi{max-width:1200px;margin:auto;padding:.45rem 1.5rem;display:flex;justify-content:space-between;gap:1rem}.topbar a:hover{color:#5eead4}.bar,.bar.kecil{background:rgba(255,255,255,.96);color:var(--biru);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--garis);padding:.8rem 2rem}.bar.kecil{padding:.4rem 2rem;box-shadow:0 12px 30px -14px rgba(10,42,74,.4)}:root[data-tema=gelap] .bar{background:rgba(7,18,31,.95);color:#e6eef6}.merek{color:var(--biru)}:root[data-tema=gelap] .merek{color:#fff}.merek img{background:0 0;padding:0}.dd-btn,nav a{color:var(--teks);font-weight:500}.dd-btn::after,nav>a:not(.tombol-ppdb)::after{background:var(--hijau);height:2px}.dd-btn:hover,nav a.aktif,nav a:hover{color:var(--hijau)}.tombol-ppdb{background:var(--biru);color:#fff!important;border-radius:10px;padding:.6rem 1.3rem!important;animation:none}.tombol-ppdb:hover{background:var(--hijau)}.tema-btn{color:var(--teks);border-color:var(--garis);border-radius:10px}.menu-btn i{background:var(--biru)}.dd-isi{border-radius:14px;box-shadow:0 24px 50px -16px rgba(10,42,74,.35);border:0}.dd-isi a:hover{background:#e6f7f0;color:var(--biru)!important}.hero{background:linear-gradient(135deg,#042d1f 0,#064b32 55%,#0b7a4d 130%);padding:5.5rem 2rem 9rem}.hero::before{background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,transparent 1px 90px);animation:none;inset:0;opacity:1}.hero h1 em{background:0 0;color:#5eead4;-webkit-text-fill-color:#5eead4}.hero p.lead{color:#c3d6e8}.salam{display:inline-block;padding:.35rem 1rem;border:1px solid #ffffff33;border-radius:99px;background:#ffffff0f;color:#d8fbea}.tombol,.tombol.emas{background:var(--hijau);color:#fff;border:2px solid var(--hijau);border-radius:12px;font-weight:700;box-shadow:0 10px 24px -12px rgba(14,143,99,.8)}.tombol:hover{background:var(--biru);border-color:var(--biru);transform:translateY(-3px)}.hero .tombol.emas{background:#5eead4;border-color:#5eead4;color:#06281f}.hero .tombol.emas:hover{background:#fff;border-color:#fff}.tombol.garis{background:0 0;color:var(--biru);border-color:var(--biru);box-shadow:none}.hero .tombol.garis{color:#fff;border-color:#ffffff66}.hero .tombol.garis:hover{background:#ffffff1a;border-color:#fff}.penanda{background:#fff;border-bottom:1px solid var(--garis);color:var(--biru);font-size:1.15rem}:root[data-tema=gelap] .penanda{background:#0b1a2b;color:#cfe3f5}.statistik{position:relative;z-index:6;max-width:1050px;margin:-4.2rem auto 0;background:var(--kartu);border-radius:20px;box-shadow:0 30px 60px -24px rgba(10,42,74,.45);padding:1.6rem 1rem;gap:0}.statistik>div{border-right:1px solid var(--garis);text-align:center}.statistik>div:last-child{border:0}.statistik b{color:var(--biru);font-size:2.6rem}.statistik span{color:var(--redup);font-weight:500}.hero+.penanda{display:none}.bagian{padding:5.5rem 1.5rem}.judul-bagian small{color:var(--hijau);letter-spacing:0}.judul-bagian h2{color:var(--biru);font-size:clamp(1.9rem,3.6vw,2.7rem)}:root[data-tema=gelap] .judul-bagian h2{color:#fff}.judul-bagian h2::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--hijau);margin:.9rem auto 0}.judul-bagian[style*=left] h2::after{margin-left:0}.berita,.guru,.kartu,.kt-k,.panel,.tn-kartu{border:1px solid var(--garis);border-radius:18px;box-shadow:0 2px 0 rgba(10,42,74,.03);overflow:hidden}.berita:hover,.guru:hover,.kartu:hover{border-color:#bfe8d8;box-shadow:0 26px 44px -22px rgba(10,42,74,.45)}.berita h3,.kartu h3{color:var(--biru)}:root[data-tema=gelap] .berita h3,:root[data-tema=gelap] .kartu h3{color:#fff}.berita img,.foto-berita img{transition:transform .8s}.berita:hover img{transform:scale(1.07)}.judul-halaman,.judul-halaman.berwarna{background:linear-gradient(135deg,#042d1f,#064b32 60%,#0b7a4d)!important;color:#fff}.judul-halaman h1{color:#fff}.centang li::marker{color:var(--hijau)}.kaki{background:linear-gradient(180deg,#064b32,#042d1f);color:#c3d6e8;border-top:5px solid var(--hijau);margin-top:0}.kaki a:hover{color:#5eead4}.wa-ambang{background:#0e8f63;box-shadow:0 12px 26px -10px rgba(14,143,99,.8)}.ke-atas{background:var(--biru);border-radius:12px}@media (max-width:860px){.topbar{display:none}.hero{padding:3rem 1.2rem 8rem}.statistik{margin:-3.5rem 1rem 0}.statistik b{font-size:2rem}.bar,.bar.kecil{padding:.6rem 1rem}}@keyframes kataNaik{from{opacity:0;transform:translateY(.7em) rotate(2deg)}}@keyframes arus{to{transform:translate(5%,-4%) rotate(14deg) scale(1.15)}}@keyframes geserGrad{to{background-position:200% 0}}.hero::after{content:"";position:absolute;inset:-25%;pointer-events:none;filter:blur(50px);background:radial-gradient(32% 38% at 20% 35%,#0e8f6355,transparent 70%),radial-gradient(30% 40% at 80% 25%,#3fc1ff40,transparent 70%);animation:18s ease-in-out infinite alternate arus}.hero h1{text-shadow:none;animation:none;font-weight:800;line-height:1.06;letter-spacing:-.045em;font-size:clamp(2.4rem,5vw,4.1rem)}.hero h1 .kt{display:inline-block;animation:kataNaik .85s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--i)*.1s) both}.judul-bagian h2::after{background:linear-gradient(90deg,#0e8f63,#5eead4,#0e8f63);background-size:200% 100%;animation:3s linear infinite geserGrad}.tombol{position:relative;overflow:hidden}.tombol::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff55 50%,transparent 70%);translate:-120% 0;transition:translate .7s;pointer-events:none}.berita-daftar>:nth-child(2),.kartu-grid>:nth-child(2){transition-delay:.12s}.berita-daftar>:nth-child(3),.kartu-grid>:nth-child(3){transition-delay:.24s}@media (prefers-reduced-motion:reduce){.kt-k,.kt-sukses{animation:none}.kt-reveal{opacity:1;transform:none;transition:none}.hero h1 .kt,.hero::after,.kt-hidup{animation:none}}@keyframes kursor{50%{opacity:0}}@keyframes ketik{to{width:27ch}}h1,h2,h3{font-family:Sora,system-ui,sans-serif;letter-spacing:-.035em}h3,h4{letter-spacing:-.02em}.hero h1::after{content:"";display:inline-block;width:.09em;height:.82em;margin-left:.12em;vertical-align:-.04em;background:#5eead4;box-shadow:0 0 14px #5eead4;animation:1s steps(1) infinite kursor}.salam{font-family:Amiri,Amiri,serif;font-size:1.02rem;font-weight:500;letter-spacing:.01em}.kode{display:block;width:0;overflow:hidden;white-space:nowrap;margin:.2rem 0 1rem;padding:.35rem 0;font:700 .98rem ui-monospace,ui-monospace,monospace;color:#5eead4;border-right:2px solid #5eead4;animation:2.1s steps(27) .5s forwards ketik,.9s steps(1) 2.6s infinite kursor}.kata-ganti{font:700 .92em ui-monospace,ui-monospace,monospace;color:#5eead4;background:#5eead41f;border:1px solid #5eead455;padding:.05em .5em;border-radius:7px}.kata-ganti::after{content:"▌";margin-left:.1em;animation:1s steps(1) infinite kursor}.hero p.lead{font-size:1.1rem;line-height:1.75}.judul-bagian h2{font-weight:800;letter-spacing:-.04em}.judul-bagian small{font:700 .86rem ui-monospace,ui-monospace,monospace;color:var(--hijau)}.judul-bagian small::before{content:"// "}:root[data-tema=gelap] .judul-bagian small{color:#5eead4}.statistik b{font-family:Sora,sans-serif;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.merek{font-weight:800;letter-spacing:-.03em}.kaki h4{font-family:Sora,sans-serif;letter-spacing:-.01em}.penanda{font-family:Sora,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.01em}@media (prefers-reduced-motion:reduce){.kode{width:27ch;animation:none}.hero h1::after,.kata-ganti::after{animation:none}}@keyframes kenburns{to{transform:scale(1.14)}}@keyframes detik{from{transform:translateY(-7px);opacity:.3}}.hero::after,.hero::before{z-index:1}.hitung{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.1rem;margin-top:1.6rem;padding:.8rem 1.1rem;border-radius:16px;background:#ffffff14;border:1px solid #ffffff33;backdrop-filter:blur(10px);width:fit-content;max-width:100%}.hitung p{margin:0;font-size:.85rem;line-height:1.35;color:#cfe0ef}.hitung p em{font-style:normal;color:#5eead4;font-weight:700}.hitung .u{display:grid;text-align:center;min-width:52px}.hitung .u b{font:700 1.7rem/1 ui-monospace,monospace;color:#5eead4;display:block}.hitung .u small{font-size:.68rem;color:#b9cde0}.hitung .ganti{animation:.35s detik}.testi-kotak{position:relative;min-height:4.8rem}.testi-item{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .7s,transform .7s}.testi-item.aktif{opacity:1;transform:none}.testi-item p{margin:0 0 .35rem;font-size:1.02rem;line-height:1.55}.testi-item small{color:#7fe0bd;font-weight:700}@media (max-width:860px){.hero{padding-bottom:8rem}.testi-kotak{min-height:7.5rem}}@keyframes putarR{to{rotate:360deg}}.statistik b{-webkit-text-fill-color:currentColor;color:var(--biru);background:0 0}:root[data-tema=gelap] .statistik b{color:#5eead4}.hero{padding-bottom:9rem;clip-path:ellipse(130% 100% at 50% 0)}:root[data-tema=gelap] body{background:radial-gradient(900px 520px at 6% 0,#0b3a33 0,transparent 62%),radial-gradient(820px 520px at 100% 18%,#0c2f52 0,transparent 62%),#07121f}.tentang-gambar{aspect-ratio:4/5;background:linear-gradient(170deg,#0e8f63 -25%,#075a3b 52%,#042d1f);box-shadow:0 44px 70px -34px rgba(10,42,74,.65)}.tentang-gambar::before{inset:14px;border:1px solid #ffffff38}.tentang-gambar::after{inset:auto;aspect-ratio:1;translate:-50% -50%;border:1.5px dashed #5eead466}.tentang-gambar img{aspect-ratio:1;object-fit:contain;box-shadow:0 0 0 8px #ffffff14,0 0 0 9px #5eead466,0 26px 50px -14px #000a}@media (prefers-reduced-motion:reduce){.hitung .ganti,.tentang-gambar::after{animation:none}}@keyframes masukX{from{opacity:0;transform:translateY(18px)}}@keyframes buka{from{clip-path:inset(100% 0 0 0 round 999px 999px 16px 16px)}to{clip-path:inset(0 round 999px 999px 16px 16px)}}.hx+.penanda{display:none}.hx{position:relative;color:#fff;overflow:hidden;padding:4.2rem 1.5rem 8rem;background:linear-gradient(135deg,#043222 0,#065a3b 58%,#0a4a4a 120%)}.hx-pola{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 8%,#000 70%);mask-image:linear-gradient(90deg,transparent 8%,#000 70%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.08'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/g%3E%3C/svg%3E")}.hx-isi{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}.hx-teks>*{animation:.75s cubic-bezier(.2,.8,.2,1) both masukX}.hx-teks>:nth-child(2){animation-delay:.1s}.hx-teks>:nth-child(3){animation-delay:.2s}.hx-teks>:nth-child(4){animation-delay:.3s}.hx-teks>:nth-child(5){animation-delay:.4s}.hx-teks>:nth-child(n+6){animation-delay:.5s}.hx-salam{margin:0 0 .5rem;text-align:left;font:500 1.2rem Amiri,Amiri,serif;color:#7fe0bd}.hx-yayasan{display:inline-block;margin:0 0 1.1rem;padding:.35rem 0 .35rem .9rem;border-left:3px solid #34d399;font:600 1rem 'DM Sans',sans-serif;letter-spacing:.02em;color:#e3f2ee}.hx h1{font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.12;font-weight:800;letter-spacing:-.035em;margin:0 0 1rem;color:#fff}.hx .lead{margin:0;max-width:46ch;color:#c3d6e8;font-size:1.08rem;line-height:1.75}.hx .kata-ganti{font:inherit;font-weight:700;color:#5eead4;background:0 0;border:0;border-radius:0;padding:0;border-bottom:2px solid #5eead4}.hx .kata-ganti::after{content:none}.hx .hero-aksi{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.hx .tombol.emas{background:#34d399;border-color:#34d399;color:#04261c;box-shadow:none}.hx .tombol.emas:hover{background:#fff;border-color:#fff;transform:translateY(-2px)}.hx .tombol.garis{background:0 0;color:#fff;border-color:#ffffff66;box-shadow:none}.hx .tombol.garis:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.hx .hitung{margin-top:1.5rem;background:#ffffff0f;backdrop-filter:none}.hx-kutip{margin-top:1.5rem;padding-left:1rem;border-left:2px solid #ffffff33}.hx-kutip .testi-kotak{min-height:4.4rem}.hx-kutip .testi-item p{font-size:.98rem;color:#dbe8f3;font-style:italic}.hx-bingkai{position:relative;justify-self:end;aspect-ratio:4/5}.hx-bingkai::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid #ffffff30}.hx-foto{position:absolute;inset:0;z-index:1;overflow:hidden;background:linear-gradient(170deg,#0e8f63,#075a3b 60%,#042d1f)}.hx-foto::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(180deg,transparent 70%,#042d1f66)}.hx-foto span,.hx-foto video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;z-index:1}.hx-foto span{opacity:0;transition:opacity 1.6s}.hx-foto span.aktif{opacity:1;animation:10s ease-out forwards kenburns;z-index:2}.hx-sejak{position:absolute;z-index:4;display:flex;align-items:center;gap:.7rem;padding:.65rem 1.1rem .65rem .7rem;background:#fff;color:#064b32;border-radius:14px;box-shadow:0 20px 40px -16px #000b}.hx-sejak img{width:38px;height:38px;object-fit:contain}.hx-sejak b{display:block;font:800 .98rem Sora,sans-serif;letter-spacing:-.02em}.hx-sejak small{color:#51677a;font-size:.78rem}.hx-program{position:relative;max-width:1200px;margin:3.4rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff26}.hx-program a{display:grid;gap:.15rem;border-left:1px solid #ffffff1a}.hx-program a:first-child{border-left:0}.hx-program a::before{content:"";position:absolute;background:var(--warna,#34d399);transform-origin:left;transition:transform .45s}.hx-program a:hover{background:#ffffff0a}.hx-program a:hover::before{transform:scaleX(1)}.hx-program b{letter-spacing:-.02em}@media (max-width:900px){.hx{padding:2.6rem 1.2rem 7rem}.hx-isi{grid-template-columns:1fr;gap:2.4rem}.hx-bingkai{justify-self:center;width:min(86%,340px)}.hx-sejak{left:-8px}.hx-program{grid-template-columns:1fr 1fr}.hx-program a:nth-child(3){border-left:0;padding-left:0}.hx-program a{padding-bottom:.8rem}}@media (prefers-reduced-motion:reduce){.hx-foto,.hx-foto span.aktif,.hx-teks>*{animation:none}}.hx-program a,.hx-program b{color:#fff}.hx-program small{font-size:.84rem;color:#b4d2e6}@keyframes bukaB{from{clip-path:circle(0% at 14% 14%)}to{clip-path:circle(150% at 14% 14%)}}@keyframes geserBingkai{to{translate:9px 9px}}@keyframes gema{0%{box-shadow:0 0 0 0 #5eead49e,0 26px 50px -14px #000a}100%{box-shadow:0 0 0 38px #5eead400,0 26px 50px -14px #000a}}.hx-bingkai{width:min(100%,440px)}.hx-bingkai::before{inset:20px -20px -20px 20px;border:1.5px solid #5eead466;border-radius:230px 30px;animation:5s ease-in-out infinite alternate geserBingkai}.hx-foto{border-radius:230px 30px;animation:1.6s cubic-bezier(.2,.8,.2,1) .15s both bukaB;box-shadow:0 40px 70px -34px #000c}.hx-sejak{left:auto;right:-18px;bottom:46px}.tentang-gambar{position:relative;padding:0;width:min(100%,420px);aspect-ratio:1;margin:3rem auto;border-radius:50%;overflow:visible;background:radial-gradient(circle at 50% 38%,#0f9a6b 0,#075a3b 58%,#042d1f 100%);box-shadow:0 44px 70px -34px rgba(10,42,74,.7),inset 0 0 0 1px #ffffff22}.tentang-gambar::before{inset:7%;border-radius:50%;border:1px solid #ffffff2b;background:0 0;animation:none}.tentang-gambar::after{inset:0;left:0;top:0;width:auto;aspect-ratio:auto;translate:none;border:0;border-radius:50%;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.15'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(circle,transparent 36%,#000 85%);mask-image:radial-gradient(circle,transparent 36%,#000 85%);animation:140s linear infinite putarR}.orb{position:absolute;border-radius:50%;pointer-events:none}.orb.o1{inset:-5%;border:1.5px dashed #5eead47a;animation:38s linear infinite putarR}.orb.o2{inset:-12%;border:1px solid #3fc1ff55;animation:62s linear infinite reverse putarR}.orb.o3{inset:15%;border:1px dashed #ffffff3d;animation:26s linear infinite reverse putarR}.orb b{position:absolute;left:50%;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#5eead4;box-shadow:0 0 14px #5eead4}.orb.o2 b{background:#3fc1ff;box-shadow:0 0 14px #3fc1ff}.orb.o3 b{width:8px;height:8px;margin:-4px 0 0 -4px;background:#fff;box-shadow:0 0 10px #fff}.tentang-gambar img{width:44%;padding:1.2rem;animation:3.4s ease-out infinite gema;box-shadow:0 26px 50px -14px #000a}@media (max-width:900px){.hx-bingkai::before{inset:14px -10px -14px 14px}.hx-sejak{right:-6px}.tentang-gambar{margin:2.5rem auto}}@media (prefers-reduced-motion:reduce){.hx-bingkai::before,.orb,.tentang-gambar img,.tentang-gambar::after{animation:none}.testi-jalur{scroll-behavior:auto}}.alur-bagian{padding:4.5rem 1.2rem}.alur-hero{position:relative;overflow:hidden;max-width:960px;margin:0 auto -2.4rem;padding:2.8rem 2rem 4.4rem;border-radius:26px;text-align:center;color:#fff;background:radial-gradient(700px 300px at 90% 0,#0f7a4a88 0,transparent 60%),linear-gradient(135deg,#042d1f 0,#064b32 55%,#0b7a4d 130%);box-shadow:0 30px 60px -30px rgba(7,29,54,.7)}.alur-hero::before{content:"";position:absolute;inset:-60px;background:var(--pola);animation:60s linear infinite geser}.alur-hero>*{position:relative}.alur-label{display:inline-block;background:#ffffff1a;border:1px solid #ffffff33;color:#a6e6ff;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem 1rem;border-radius:999px}.alur-hero h2{color:#fff;font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:800;margin:.9rem 0 .5rem}.alur-hero p{margin:0 auto;max-width:54ch;color:#d6ebf7}.alur-aksi{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:1.3rem}.alur-chip{background:#ffffff14;border:1px solid #ffffff33;border-radius:999px;padding:.45rem 1rem;font-weight:700;font-size:.9rem}.alur-btn{background:linear-gradient(135deg,#8fdcff,#3fc1ff);color:#04233a;font-weight:800;padding:.5rem 1.2rem;border-radius:999px;text-decoration:none;transition:transform .3s,box-shadow .3s}.alur-btn:hover{transform:translateY(-3px);box-shadow:0 14px 26px -12px #3fc1ff}.alur-daftar{list-style:none;position:relative;z-index:2;max-width:900px;margin:0 auto;padding:.5rem 2rem;background:var(--kartu);border:1px solid var(--garis);border-radius:24px;box-shadow:0 30px 60px -28px rgba(10,42,74,.45)}.alur-daftar li{display:grid;grid-template-columns:56px 1fr;gap:1.3rem;padding:1.4rem 0;border-bottom:1px solid var(--garis);align-items:start}.alur-daftar li:last-child{border-bottom:0}.alur-no{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#064b32,#0b7a4d);color:#8fdcff;font:800 1.25rem Sora,system-ui,sans-serif;box-shadow:0 0 0 5px rgba(63,193,255,.18);transition:transform .35s}.alur-daftar li:hover .alur-no{transform:scale(1.12) rotate(8deg)}.alur-daftar h3{display:flex;align-items:center;gap:.55rem;font-size:1.12rem;margin:.1rem 0 .3rem;color:var(--biru)}:root[data-tema=gelap] .alur-daftar h3{color:#fff}.alur-daftar p{margin:0;color:var(--redup);line-height:1.7}@media (max-width:640px){.alur-hero{padding:2rem 1.2rem 3.8rem}.alur-daftar{padding:.3rem 1.1rem}.alur-daftar li{grid-template-columns:42px 1fr;gap:.9rem}.alur-no{width:42px;height:42px;font-size:1rem}}.bagian.pp{max-width:1000px;padding-top:2.5rem;padding-bottom:3rem}.pp-notif{padding:.85rem 1.1rem;border-radius:14px;margin:0 0 1rem;font-weight:600;background:color-mix(in srgb,var(--emas) 12%,transparent);border:1px solid var(--emas-tua)}.pp-notif.ok{background:#1f9d5522;border-color:#1f9d55}.pp-notif.gagal{background:#c0392b18;border-color:#c0392b}.pp-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:start}.pp-hero h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:.6rem}.pp-aksi{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;align-items:center}.pp-kartu-info{margin:0;padding:1.3rem 1.4rem;border-radius:22px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang);display:grid;gap:.7rem}.pp-kartu-info div{display:grid;gap:.1rem}.pp-kartu-info dt{color:var(--redup);font-size:.85rem}.pp-kartu-info dd{margin:0;font-weight:800}.pp-judul{margin:3rem 0 1.2rem;font-size:clamp(1.4rem,2.6vw,1.9rem)}.pp-prog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.pp-prog article{background:var(--kartu);border:1px solid var(--garis);border-top:5px solid var(--warna,var(--emas));border-radius:18px;padding:1.2rem;box-shadow:var(--bayang)}.pp-prog header{display:flex;gap:.7rem;align-items:center;margin-bottom:.5rem}.pp-prog header>span{font-size:1.8rem}.pp-prog h3{font-size:1.05rem}.pp-prog small{color:var(--redup)}.pp-prog p{font-size:.9rem;color:var(--redup);margin:.3rem 0 .7rem}.pp-prog b{font-size:.82rem}.pp-prog ul{margin:.3rem 0 0;padding-left:1.1rem;font-size:.88rem}.pp-cat{font-size:.88rem;margin-top:1rem}.pp-sempit{max-width:480px;margin:0 auto}.pp-kartu{background:var(--kartu);border:1px solid var(--garis);border-radius:26px;padding:2rem;box-shadow:var(--bayang)}.pp-penuh{width:100%}.pp-bawah{text-align:center;margin:1rem 0 0;color:var(--redup)}.pp-bawah a{color:var(--emas-tua);font-weight:800}.pp-langkah{list-style:none;margin:0 0 1.5rem;padding:0 0 .4rem;display:flex;gap:.4rem;overflow-x:auto}.pp-langkah li{flex:1 0 82px}.pp-langkah a{display:grid;justify-items:center;gap:.25rem;padding:.55rem .3rem;border-radius:14px;border:1.5px solid var(--garis);background:var(--kartu);font-size:.74rem;font-weight:700;color:var(--redup);text-align:center}.pp-langkah b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--garis);color:var(--teks);font-size:.85rem}.pp-langkah .selesai b{background:var(--hijau-muda);color:#04261a}.pp-langkah .sekarang a{border-color:var(--emas-tua)}.pp-langkah .sekarang b{background:var(--emas);color:#04233a}.pp-langkah .dibuka a{border-color:var(--emas-tua);background:color-mix(in srgb,var(--emas) 14%,var(--kartu));color:var(--teks)}.pp-panel{background:var(--kartu);border:1px solid var(--garis);border-radius:26px;padding:2rem;box-shadow:var(--bayang)}.pp-panel h2{font-size:1.5rem;margin-bottom:1rem}.pp-data{margin:0 0 1.2rem;display:grid;gap:.1rem}.pp-data div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--garis)}.pp-data dt{color:var(--redup)}.pp-data dd{margin:0;font-weight:800;text-align:right;word-break:break-word}.pp-lencana{display:inline-block;padding:.12rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800;background:var(--garis);color:var(--teks);white-space:nowrap}.pp-lencana.st-diterima{background:#1f9d5530;color:#0b6b36}.pp-lencana.st-baru,.pp-lencana.st-diproses{background:#f5b30130;color:#7a5600}.pp-lencana.st-ditolak,.pp-lencana.st-perbaikan{background:#c0392b24;color:#a12a1d}.pp-grid-form fieldset{border:1px solid var(--garis);border-radius:18px;padding:1.1rem 1.1rem .4rem;margin:0 0 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;min-width:0}.pp-grid-form legend{font-weight:800;padding:0 .5rem}.pp-grid-form .kt-f.penuh{grid-column:1/-1}.pp-grid-form fieldset[disabled]{opacity:.75}.pp-kosong{padding:1.2rem;border-radius:16px;border:1px dashed var(--emas-tua);background:color-mix(in srgb,var(--emas) 8%,transparent)}.pp-kosong a{color:var(--emas-tua);font-weight:800;text-decoration:underline}.pp-dok{display:grid;gap:.8rem}.pp-dok-item{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem;border:1px solid var(--garis);border-radius:16px;background:var(--latar)}.pp-dok-item small{display:block;color:var(--redup)}.pp-dok-item a{color:var(--emas-tua);font-weight:700;word-break:break-all}.pp-dok-aksi{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pp-dok-aksi form{display:flex;gap:.4rem;align-items:center;margin:0}.pp-dok-aksi input[type=file]{max-width:210px;font-size:.8rem}.pp-lencana.s-kosong{background:0 0;border:1px dashed var(--redup);color:var(--redup)}.pp-tagihan{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.3rem;border-radius:16px;background:linear-gradient(135deg,#064b32,#0b7a4d);color:#fff;margin-bottom:1rem}.pp-tagihan b{font:800 1.5rem Sora,sans-serif;color:#8fdcff}.pp-bayar-cara{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:1rem}.pp-bayar-cara>div{padding:1rem 1.2rem;border:1px solid var(--garis);border-radius:16px;background:var(--latar)}.pp-bayar-cara h3{font-size:1.05rem;margin-bottom:.4rem}.pp-rek{font:700 1.3rem ui-monospace,monospace;letter-spacing:.04em}.pp-qris{max-width:210px;border-radius:12px;background:#fff;padding:6px}.pp-status{padding:1.3rem;border-radius:18px;border:1.5px solid var(--garis);background:var(--latar);margin-bottom:1rem}.pp-status>span{font:800 1.3rem Sora,serif}.pp-status p{margin:.3rem 0 0}.pp-status small{color:var(--redup)}.pp-status.st-diterima{border-color:#1f9d55;background:#1f9d5516}.pp-status.st-ditolak,.pp-status.st-perbaikan{border-color:#c0392b;background:#c0392b10}.pp-status.st-baru,.pp-status.st-diproses{border-color:#f5b301;background:#f5b30112}.pp-cek{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.4rem}.pp-cek li{padding-left:1.9rem;position:relative;color:var(--redup)}.pp-cek li::before{content:"○";position:absolute;left:.2rem}.pp-cek li.ok{color:var(--teks)}.pp-cek li.ok::before{content:"✓";color:var(--hijau-muda);font-weight:800}.pp-info-du{padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--garis);background:var(--latar);margin-bottom:1rem}.pp-du{display:grid;gap:.8rem}.pp-du label{display:flex;gap:.6rem;align-items:flex-start;cursor:pointer}.pp-du input{margin-top:.35rem}.pp-setuju{font-size:.9rem;color:var(--redup)}.pp-panel button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:760px){.pp-grid-form fieldset,.pp-hero{grid-template-columns:1fr}.pp-kartu,.pp-panel{padding:1.3rem}}.tengah{text-align:center;margin-top:1.6rem}.mk-filosofi{max-width:820px;margin:2rem auto 0;text-align:center;padding:1.6rem 1.4rem;border:1px solid var(--garis);border-top:4px solid var(--emas);border-radius:var(--radius);background:var(--kartu)}.mk-filosofi small{display:block;color:var(--redup);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.mk-filosofi blockquote{margin:0;color:var(--hijau)}.mk-pengantar{max-width:760px;margin:0 auto 1.6rem;text-align:center;color:var(--redup)}.tp-kartu{padding-top:2.4rem}.tp-nomor{position:absolute;top:.6rem;right:1rem;font:800 2.6rem/1 Sora,serif;color:var(--emas);opacity:.5}.pilar-dua{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}.pilar-kolom{background:var(--kartu);border:1px solid var(--garis);border-top:4px solid var(--warna);border-radius:var(--radius);padding:1.5rem}.pilar-kolom h3{margin-bottom:1rem;color:var(--warna)}.pilar-daftar{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.pilar-daftar li{display:flex;gap:.7rem;align-items:center;border-radius:12px;background:color-mix(in srgb,var(--warna) 8%,transparent);font-weight:600}.metode-judul{font:700 1.02rem/1.45 'DM Sans',sans-serif}.program-kartu{text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}.program-kat{display:block;color:var(--redup);font-weight:700;font-size:.82rem;margin-bottom:.3rem}.prestasi-kartu h3,.program-kartu h3{font-size:1.05rem;line-height:1.4}.prestasi-kartu img{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-bottom:.8rem}.modal-program{border:0;border-radius:var(--radius);padding:2rem;max-width:min(520px,92vw);background:var(--kartu);color:var(--teks);box-shadow:var(--bayang)}.modal-program::backdrop{background:rgba(6,42,69,.6)}.modal-program .lb-tutup{position:absolute;top:.6rem;right:.6rem;background:0 0;border:0;font-size:1.3rem;cursor:pointer;color:inherit}.modal-program .ikon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--hijau) 14%,transparent);font-size:1.8rem;margin-bottom:.6rem}.modal-program small{display:block;color:var(--redup);font-weight:700}.guru.placeholder{border-style:dashed;opacity:.8}.guru .profil-singkat{margin-top:.4rem;font-size:.85rem}.testi-jalur{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem 1rem;-webkit-overflow-scrolling:touch}.testi-jalur .testi-kartu{flex:0 0 min(86%,380px);scroll-snap-align:start}.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.testi-kartu{margin:0;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.testi-kartu blockquote{margin:0;line-height:1.7}.testi-kartu figcaption{display:flex;align-items:center;gap:.8rem}.testi-kartu figcaption .inisial,.testi-kartu figcaption img{width:48px;height:48px;margin:0;border-width:2px;flex:none}.testi-kartu figcaption small{display:block;color:var(--redup)}.lowongan-kartu{max-width:820px;margin:0 auto 1.2rem}.lowongan-kartu h4{margin:1rem 0 .2rem;font:700 .95rem 'DM Sans',sans-serif;color:var(--hijau)}.bagan{list-style:none;margin:0 auto;padding:0;max-width:980px;display:grid;gap:2rem}.bagan-tingkat{position:relative;text-align:center}.bagan-tingkat+.bagan-tingkat::before{content:"↓";position:absolute;top:-1.7rem;left:50%;transform:translateX(-50%);font-size:1.3rem;color:var(--emas-tua)}.bagan-label{display:block;font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--redup);margin-bottom:.6rem}.bagan-baris{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.bagan-kotak{display:flex;flex-direction:column;gap:.15rem;min-width:170px;max-width:100%;padding:.9rem 1.1rem;background:var(--kartu);border:1px solid var(--garis);border-radius:14px;font-weight:700}.bagan-kotak small{color:var(--redup);font-weight:500}.bagan-kotak.utama{display:inline-flex;background:var(--hijau);border-color:var(--hijau);color:#fff}.bagan-kotak.kosong-kotak{border-style:dashed;opacity:.8}a.bagan-kotak:hover{border-color:var(--emas);transform:translateY(-2px)}@media (max-width:560px){.bagan-kotak{min-width:0;width:100%}.bagan-baris{flex-direction:column}}.hx-program{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:.9rem;border-top:0;margin-top:3.2rem}.hx-program a,.hx-program a:first-child{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;gap:.1rem;padding:1.15rem 1.2rem 1rem;border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(160deg,#ffffff14,#ffffff06);backdrop-filter:blur(6px);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s,box-shadow .3s;animation:.7s cubic-bezier(.2,.8,.2,1) both masukX}.hx-program a:nth-child(2){animation-delay:.08s}.hx-program a:nth-child(3){animation-delay:.16s}.hx-program a:nth-child(4){animation-delay:.24s}.hx-program a:nth-child(5){animation-delay:.32s}.hx-program a::before{top:0;left:0;right:0;height:3px;border-radius:0;transform:scaleX(.28);transform-origin:left;background:var(--warna,#34d399);opacity:.9}.hx-program a:focus-visible,.hx-program a:hover{transform:translateY(-6px);background:linear-gradient(160deg,#ffffff24,#ffffff0c);border-color:color-mix(in srgb,var(--warna,#34d399) 70%,#fff 10%);box-shadow:0 22px 40px -22px #000c}.hx-program a:focus-visible::before,.hx-program a:hover::before{transform:scaleX(1)}.hp-titik{width:10px;height:10px;border-radius:50%;background:var(--warna,#34d399);box-shadow:0 0 0 4px color-mix(in srgb,var(--warna,#34d399) 28%,transparent);margin-bottom:.55rem}.hx-program b{font:800 1.55rem/1.1 Sora,sans-serif;letter-spacing:-.03em;color:#fff}.hx-program .hp-nama{color:#d7e8f4;font-size:.8rem;line-height:1.35;min-height:2.2em;margin-top:.25rem}.hx-program .hp-ket{color:#9fc3dc;font-size:.82rem;margin-top:.15rem}.hx-program .pergi{display:inline-flex;align-items:center;gap:.35rem;margin-top:.7rem;color:#5eead4;font-size:.86rem;font-weight:700}.hx-program .pergi em{font-style:normal;transition:transform .3s}.hx-program a:hover .pergi em{transform:translateX(5px)}@media (min-width:1100px){.hx-program{grid-template-columns:repeat(var(--jml,5),1fr)}}@media (max-width:900px){.hx-program{grid-template-columns:1fr 1fr;gap:.7rem}.hx-program a:first-child,.hx-program a:nth-child(3){padding-left:1.2rem;border-left:1px solid #ffffff22}.hx-program a:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:420px){.hx-program b{font-size:1.3rem}.hx-program a{padding:1rem .9rem .85rem}}@keyframes luxMasuk{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes luxApung{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.lux-slider{max-width:1180px;padding:1px;border-radius:32px;background:linear-gradient(135deg,#34d39980,#ffffff22 40%,#5eead480);box-shadow:0 40px 90px -35px rgba(7,29,54,.7)}.lux-jalur{border-radius:31px;min-height:480px;background:#042d1f}.lux-slide{grid-template-columns:1.1fr .9fr;gap:3rem;padding:4rem 5.5rem 6.2rem;background:radial-gradient(620px 420px at 82% 40%,color-mix(in srgb,var(--warna) 38%,transparent),transparent 70%),linear-gradient(135deg,#032419 0,#054a33 55%,#0a5a45 100%)}.lux-slide::before{background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:44px 44px;opacity:1;mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 75%)}.lux-slide .lux-teks>*{opacity:0}.lux-slide.aktif .lux-teks>*{animation:.8s cubic-bezier(.2,.7,.2,1) both luxMasuk}.lux-rentang{border:1px solid #5eead466;background:#5eead414;color:#7ff3df;font:600 .78rem ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;padding:.4rem 1rem}.lux-teks h3{letter-spacing:-.03em;margin:1.1rem 0 1rem;color:#fff;background:0 0;-webkit-text-fill-color:#fff;animation:none}.lux-teks p{font:400 1.05rem/1.75 'DM Sans',sans-serif;color:#c3d6e6;max-width:48ch}.lux-aksi{margin-top:1.8rem;gap:.9rem}.lux-aksi .tombol{padding:.8rem 1.6rem;font-weight:700;border-radius:999px}.lux-aksi .tombol.emas{background:linear-gradient(135deg,#34d399,#5eead4);color:#04233a;border:0;box-shadow:0 12px 28px -10px #34d399}.lux-aksi .tombol.garis{border:1.5px solid #ffffff55;color:#fff}.lux-aksi .tombol.garis:hover{background:#ffffff14;border-color:#fff}.lux-visual{position:relative;width:min(380px,80vw);aspect-ratio:1/1.05}.lux-no{position:absolute;right:-.5rem;top:-1.6rem;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #ffffff30;user-select:none}.lux-kartu{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:.9rem;width:100%;height:100%;padding:2.2rem;border-radius:28px;color:#fff;background:linear-gradient(160deg,#ffffff1f,#ffffff08);border:1px solid #ffffff2e;backdrop-filter:blur(14px);box-shadow:0 30px 70px -25px #000c,inset 0 1px 0 #ffffff30;animation:7s ease-in-out infinite luxApung;overflow:hidden}.lux-kartu::before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,var(--warna),transparent 68%);opacity:.55}.lux-mono{position:relative;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#7ff3df);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lux-garis{position:relative;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,#34d399,#5eead4)}.lux-nama{position:relative;font:600 .9rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#bfe9e0}.lux-visual img{border-radius:28px;border:1px solid #ffffff33;box-shadow:0 30px 70px -25px #000c}.lux-panah{width:46px;height:46px;border:1px solid #ffffff40;background:#ffffff12;color:#fff;font-size:1.5rem}.lux-panah:hover{background:#34d399;border-color:#34d399;color:#04233a}.lux-tab{gap:.45rem;padding:1rem 1rem 1.3rem}.lux-tab button{padding:.5rem 1.05rem;border:1px solid #ffffff26;background:#ffffff0d;color:#c3d6e6;font:600 .82rem 'DM Sans',sans-serif}.lux-tab button .t-ikon{font:700 .72rem ui-monospace,monospace;color:#5eead4}.lux-tab button.aktif{background:linear-gradient(135deg,#34d399,#5eead4);color:#04233a;border-color:transparent}.lux-tab button.aktif .t-ikon{color:#04233a}.lux-progres{height:2px;left:40px;right:40px;bottom:6px}.lux-progres span{background:linear-gradient(90deg,#34d399,#5eead4)}@media (max-width:900px){.lux-jalur{min-height:640px}.lux-slide{grid-template-columns:1fr;gap:1.2rem;padding:2rem 1.4rem 7rem;text-align:center}.lux-visual{order:-1;width:170px;aspect-ratio:1}.lux-kartu{padding:1.2rem;align-items:center;justify-content:center;gap:.4rem}.lux-no{display:none}.lux-mono{font-size:2.6rem}.lux-garis,.lux-nama{display:none}.lux-teks p{margin-inline:auto}.lux-aksi{justify-content:center}}@media (prefers-reduced-motion:reduce){.hx-program a{animation:none;transition:none}.lux-kartu{animation:none}.lux-slide .lux-teks>*{opacity:1;animation:none!important}}.hx-foto{background:radial-gradient(120% 90% at 50% 20%,#0f8a66 0,#075a3b 55%,#032419 100%)}.hx-emblem{position:absolute;inset:0;display:grid;place-items:center;z-index:0;overflow:hidden}.hx-pola-bintang{position:absolute;inset:0;width:100%;height:100%;opacity:.22;mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 25%,transparent 75%);animation:120s linear infinite hxPutar}.hx-cincin{position:absolute;border-radius:50%;border:1px solid #5eead433;animation:6s ease-in-out infinite hxDenyut}.hx-cincin.c1{width:52%;aspect-ratio:1}.hx-cincin.c2{width:76%;aspect-ratio:1;animation-delay:-2s;border-color:#ffffff1f}.hx-cincin.c3{width:100%;aspect-ratio:1;animation-delay:-4s;border-color:#5eead41a}.hx-logo-besar{position:relative;width:40%;aspect-ratio:1;object-fit:contain;padding:1.1rem;border-radius:50%;background:#fff;box-shadow:0 0 0 10px #ffffff14,0 0 0 11px #5eead455,0 30px 60px -14px #000a,0 0 90px #5eead433;animation:7s ease-in-out infinite hxApung}@keyframes hxPutar{to{transform:rotate(360deg) scale(1.15)}}@keyframes hxDenyut{0%,100%{transform:scale(.96);opacity:.6}50%{transform:scale(1.03);opacity:1}}@keyframes hxApung{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}.hx-bingkai{transition:transform .25s ease-out;will-change:transform}.kartu-unggul{padding-top:1.9rem;border-top:3px solid var(--hijau,#0e8f63);background:linear-gradient(180deg,color-mix(in srgb,var(--hijau,#0e8f63) 6%,var(--kartu)) 0,var(--kartu) 55%)}.kartu-unggul .ikon.no{width:54px;height:54px;border-radius:16px;font:800 1.15rem/1 Sora,sans-serif;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#0e8f63,#0e7d4f);box-shadow:0 12px 24px -10px #0e8f63aa;margin-bottom:1.1rem}.kartu-unggul:hover .ikon.no{transform:translateY(-3px) rotate(-6deg)}.kartu-unggul h3{font-size:1.1rem;line-height:1.35}@media (prefers-reduced-motion:reduce){.hx-cincin,.hx-logo-besar,.hx-pola-bintang{animation:none}}.jeda-anim *{animation-play-state:paused!important}.pilar-kolom{position:relative;overflow:hidden;box-shadow:0 20px 40px -28px color-mix(in srgb,var(--warna) 60%,#000)}.pilar-daftar li{padding:.65rem .9rem .65rem .65rem;border:1px solid color-mix(in srgb,var(--warna) 14%,transparent);transition:transform .3s,background .3s,box-shadow .3s}.pilar-daftar li:hover{transform:translateX(6px);background:color-mix(in srgb,var(--warna) 14%,transparent);box-shadow:0 10px 22px -14px var(--warna)}.pl-no{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;background:var(--warna);font:800 .82rem/1 Sora,sans-serif;letter-spacing:.03em;box-shadow:0 8px 16px -8px var(--warna)}a.kartu-unggul{border-top-color:var(--warna,#0e8f63)}a.kartu-unggul .lanjut{display:inline-block;margin-top:.8rem;font-weight:700;color:var(--warna,#0e8f63)}a.kartu-unggul .lanjut::after{content:" →";transition:margin .3s}a.kartu-unggul:hover .lanjut::after{margin-left:.35rem}.tn-bingkai{border-radius:230px 30px;overflow:hidden;box-shadow:0 40px 70px -40px #064b32cc}.tn-bingkai img{width:100%;height:100%;object-fit:cover}.tn-logo{display:grid;place-items:center;width:100%;aspect-ratio:4/5;background:radial-gradient(120% 90% at 50% 20%,#0f8a66,#075a3b 60%,#032419)}.tn-logo img{width:46%;height:auto;aspect-ratio:1;object-fit:contain;padding:1rem;border-radius:50%;background:#fff;box-shadow:0 0 0 10px #ffffff14,0 0 0 11px #5eead455,0 24px 50px -14px #000a}.tn-nav+.statistik,.tn-nav~.statistik{margin-top:2.4rem}.tn-nav{padding-top:.4rem;padding-bottom:.2rem}@media (max-width:860px){.tn-nav~.statistik{margin:2rem 1rem 0}}.program-kartu.kartu-unggul{text-align:left;cursor:pointer}.program-kartu .program-kat{display:inline-block;margin-bottom:.4rem;padding:.15rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--hijau,#0e8f63) 12%,transparent);color:var(--hijau,#0e8f63);font-weight:700}.program-kartu h3{font-size:1.02rem;line-height:1.4}.modal-program #pmIkon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#0e8f63,#0e7d4f);font:800 1.2rem Sora,sans-serif;margin-bottom:.6rem}.alur-label,.bagan-label,.judul-bagian small,.lux-nama,.lux-rentang,.mk-filosofi small,.panel dt{text-transform:none!important;letter-spacing:.03em!important}.judul-bagian small{font-size:.88rem}.kaki{padding:0 1.5rem 1.4rem;border-top:0;background:radial-gradient(700px 320px at 12% 0,#0b7a4d55,transparent 70%),linear-gradient(180deg,#064b32,#032419)}.kaki::before{opacity:.35}.kaki::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0e8f63,#5eead4,#0e7d4f)}.kaki>*{position:relative;z-index:1}.kaki-cta{max-width:1150px;margin:0 auto;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:1.7rem 2rem;border-radius:22px;color:#fff;background:linear-gradient(120deg,#0e8f63,#0e7d4f);box-shadow:0 28px 50px -26px #000c}.kaki-cta h3{font:800 1.35rem/1.25 Sora,sans-serif;letter-spacing:-.02em;margin:0 0 .25rem;color:#fff}.kaki-cta p{margin:0;color:#e1f6ee}.kaki-cta-aksi{display:flex;gap:.7rem;flex-wrap:wrap}.kaki-isi{grid-template-columns:1.25fr 1.35fr 1fr 1.3fr;gap:2.4rem;margin-top:-1.2rem}.kaki h4{position:relative;margin-bottom:1.1rem;padding-bottom:.7rem;font-size:1.05rem;color:#fff}.kaki h4::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:#5eead4}.kaki-nama{font-weight:700;color:#fff}.kaki-ket{color:#9db8cc;font-size:.95rem;line-height:1.65}.kaki .arab{display:inline-block;margin-top:.8rem;padding:.3rem 1.1rem;border:1px solid #5eead433;border-radius:14px;background:#5eead40f;color:#5eead4;font-size:1.5rem}.kaki-sosial{display:flex;gap:.55rem;margin-top:1.1rem}.kaki-sosial a{display:grid!important;place-items:center;width:38px;height:38px;padding:0!important;border-radius:50%;background:#ffffff14;color:#fff}.kaki-sosial a:hover{background:#5eead4;color:#06281f;transform:translateY(-3px)}.kaki-dua{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.4rem}.kaki-isi a{padding:.3rem 0;color:#c3d6e8}.kaki-isi a:hover{color:#5eead4;transform:translateX(4px)}.kaki-unit{display:flex!important;align-items:center;gap:.6rem}.kaki-unit i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--warna,#5eead4);box-shadow:0 0 0 3px color-mix(in srgb,var(--warna,#5eead4) 25%,transparent)}.kaki-kontak{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.kaki-kontak li{display:flex;gap:.8rem;align-items:flex-start;line-height:1.55}.kaki-kontak svg{flex:none;width:38px;height:38px;padding:9px;border-radius:12px;background:#5eead41a;color:#5eead4}.kaki-kontak small{display:block;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:#7fa3bb}.kaki-kontak em{color:#7fa3bb;font-style:normal}.hak{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;max-width:1150px;margin:2.8rem auto 0!important;text-align:left;opacity:.85}.hak a{display:inline-block;margin-left:1.2rem;color:#9db8cc}.hak a:hover{color:#5eead4}@media (max-width:980px){.kaki-isi{grid-template-columns:1fr 1fr}}@media (max-width:560px){.kaki-isi{grid-template-columns:1fr}.kaki-cta{padding:1.4rem}.hak{flex-direction:column;text-align:center}.hak a{margin:0 .6rem}}.statistik{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
/* ===== Jam langsung + pemilih bahasa ===== */
.topbar{display:block!important;background:linear-gradient(90deg,#032419,#065a3b 50%,#032419);border-bottom:1px solid #ffffff14}
.topbar-isi{align-items:center}
.jam-wrap{display:flex;align-items:center;gap:.6rem;padding:.22rem .95rem;border-radius:999px;background:#ffffff0d;border:1px solid #5eead433;box-shadow:0 0 18px -6px #5eead4aa inset;white-space:nowrap}
.jam-titik{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 #34d39988;animation:jamDenyut 1.6s infinite}
@keyframes jamDenyut{70%{box-shadow:0 0 0 8px #34d39900}100%{box-shadow:0 0 0 0 #34d39900}}
.jam-waktu{font:700 1rem/1 ui-monospace,monospace;color:#5eead4;letter-spacing:.06em;text-shadow:0 0 12px #5eead488}
.jam-zona{font:600 .62rem/1 'DM Sans',sans-serif;color:#7fd6ff;letter-spacing:.12em;opacity:.9}
.jam-tgl{color:#e6f1fa;font-weight:500}
.jam-hijri{color:#9fb8cf;padding-inline-start:.6rem;border-inline-start:1px solid #ffffff2a;font-family:'Amiri','DM Sans',serif}
.jam-sapa{color:#7fd6ff;font-style:normal;font-weight:700;padding-inline-start:.6rem;border-inline-start:1px solid #ffffff2a}
.bhs{display:flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1f}
.bhs a{padding:.2rem .7rem;border-radius:999px;font-weight:700;font-size:.74rem;letter-spacing:.04em;color:#c9dcec;transition:.25s}
.bhs a:hover{color:#fff;background:#ffffff1f}
.bhs a.on{background:linear-gradient(135deg,#7fd6ff,#3fc1ff);color:#04233a}
@media(max-width:1100px){.jam-hijri{display:none}}
@media(max-width:900px){.tb-alamat,.jam-tgl,.jam-sapa{display:none}.topbar-isi{justify-content:space-between;padding:.35rem 1rem}}
/* ===== Arab / kanan-ke-kiri ===== */
html[dir=rtl] body{font-family:'Amiri','DM Sans',system-ui,serif;line-height:1.95}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4,html[dir=rtl] nav a,html[dir=rtl] .dd-btn,html[dir=rtl] .tombol{font-family:Amiri,'Amiri',sans-serif;letter-spacing:0}
html[dir=rtl] .wa-ambang{right:auto;left:20px}
html[dir=rtl] .ke-atas{right:auto;left:28px}
html[dir=rtl] .dd-isi{left:auto;right:-10px}
html[dir=rtl] .judul-bagian[style]{text-align:right!important}
html[dir=rtl] .pergi em,html[dir=rtl] .tombol em{display:inline-block;transform:scaleX(-1)}
html[dir=rtl] .penanda-jalan,html[dir=rtl] .testi-kotak{direction:ltr}
html[dir=rtl] .jam-waktu{direction:ltr}
html[dir=rtl] .centang li{padding-right:1.6rem;padding-left:0}
@media(max-width:900px){html[dir=rtl] .dd-isi{padding:0 .8rem 0 0}}

.hak a.kaki-admin{display:inline-flex;align-items:center;gap:.4rem;margin-left:1.2rem;padding:.3rem .95rem;border:1px solid #5eead455;border-radius:999px;background:#5eead414;color:#5eead4;font-weight:700;opacity:1}.hak a.kaki-admin:hover{background:#5eead4;color:#06281f}

/* ===== Tahap 14: hero khusus tiap unit ===== */
.hu{position:relative;overflow:hidden;color:#fff;--w2:#042d1f;background:linear-gradient(135deg,var(--w2),color-mix(in srgb,var(--warna,#0e8f63) 60%,var(--w2)))}
.hu::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:46px;background:var(--latar);clip-path:ellipse(60% 100% at 50% 100%);z-index:3}
.hu-isi{position:relative;z-index:2;max-width:1150px;margin:0 auto;padding:3.5rem 1.5rem 7rem}
.hu-krm{margin:0 0 1.2rem;font-size:.88rem;opacity:.85}.hu-krm a:hover{text-decoration:underline}
.hu-lencana{display:inline-block;padding:.3rem 1rem;border-radius:999px;background:#ffffff1f;border:1px solid #ffffff3a;font-weight:700;font-size:.9rem}
.hu h1{font-size:clamp(2.2rem,5.2vw,3.7rem);line-height:1.08;margin:1rem 0;color:#fff}
.hu-sub{max-width:52ch;color:#e2eef8;font-size:1.1rem;margin:0 0 1.6rem}
.hu-aksi{display:flex;gap:.8rem;flex-wrap:wrap}
.hu .tombol.hu-utama{background:#fff;border-color:#fff;color:var(--w2)}.hu .tombol.hu-utama:hover{background:var(--warna);border-color:var(--warna);color:#fff}
.hu .tombol.garis{color:#fff;border-color:#ffffff77}
.hu-mono{position:absolute;right:4%;bottom:-2rem;z-index:1;font:800 clamp(9rem,24vw,20rem)/1 Sora,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px #ffffff22;pointer-events:none;user-select:none}
.hu-tengah .hu-isi{text-align:center}.hu-tengah .hu-sub{margin-inline:auto}.hu-tengah .hu-aksi{justify-content:center}.hu-tengah .hu-mono{left:50%;right:auto;translate:-50% 0}
.hu-kiri .hu-isi{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.hu-kiri .hu-mono{display:none}
.hu-bingkai{justify-self:end;width:min(100%,380px);aspect-ratio:4/5;border-radius:190px 28px;overflow:hidden;border:1px solid #ffffff44;box-shadow:0 40px 70px -34px #000c;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 20%,var(--warna),var(--w2))}
.hu-bingkai img{width:100%;height:100%;object-fit:cover}.hu-bingkai b{font:800 4.5rem Sora,sans-serif;color:#ffffffcc}
.hu-penuh{min-height:440px;display:grid;align-items:end}.hu-penuh .hu-isi{max-width:900px;margin:0;padding-left:max(1.5rem,calc((100vw - 1150px)/2 + 1.5rem))}
.hu-pola::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ffffff0d 0 2px,transparent 2px 38px),radial-gradient(520px 320px at 85% 20%,color-mix(in srgb,var(--warna) 70%,transparent),transparent 70%)}
.hu-menu{margin-top:.2rem}
@media (max-width:860px){.hu-kiri .hu-isi{grid-template-columns:1fr}.hu-bingkai{justify-self:center;width:min(70%,300px)}.hu-isi{padding-bottom:6rem}}

/* ===== Hero unit: nuansa Islami modern, beda tiap unit ===== */
.hu-deko{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hu-deko>*{position:absolute}
.hud-bt{inset:0}.hud-bt i{position:absolute;width:var(--s,3px);height:var(--s,3px);border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:hudKedip 3.4s ease-in-out var(--d,0s) infinite}
.hud-bulan{border-radius:50%;transform:rotate(-18deg);animation:hudApung 7s ease-in-out infinite}
.hud-khatam{inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath fill='none' stroke='%23fff' stroke-opacity='.15' d='M36 6l7 14 15-7-7 15 14 7-14 7 7 15-15-7-7 14-7-14-15 7 7-15-14-7 14-7-7-15 15 7z'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 40%,#000 15%,transparent 80%)}
.hud-khatam.emas{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cpath fill='none' stroke='%23e5c066' stroke-opacity='.2' d='M36 6l7 14 15-7-7 15 14 7-14 7 7 15-15-7-7 14-7-14-15 7 7-15-14-7 14-7-7-15 15 7z'/%3E%3C/svg%3E")}
.hud-sky{left:0;right:0;bottom:-1px;width:100%;height:clamp(90px,17vw,180px)}
@keyframes hudKedip{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.5)}}
@keyframes hudApung{50%{transform:rotate(-18deg) translateY(-14px)}}
@keyframes hudPutar{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hudPutar2{to{transform:rotate(360deg)}}
@keyframes hudSapu{to{left:130%}}
@keyframes hudJendela{0%,100%{opacity:1}45%{opacity:.3}}
@keyframes hudMasuk{from{opacity:0;transform:translateY(24px)}}
.hu-t-ra .hu-teks>*,.hu-t-mi .hu-teks>*,.hu-t-smp .hu-teks>*,.hu-t-ma .hu-teks>*,.hu-t-pesantren .hu-teks>*{animation:hudMasuk .8s cubic-bezier(.2,.8,.2,1) both}
.hu-teks>:nth-child(2){animation-delay:.1s!important}.hu-teks>:nth-child(3){animation-delay:.2s!important}.hu-teks>:nth-child(4){animation-delay:.3s!important}.hu-teks>:nth-child(5){animation-delay:.4s!important}

/* RA: ceria, hangat, bulan sabit emas dan awan lembut */
.hu.hu-t-ra{background:radial-gradient(520px 340px at 85% 12%,#ffd36a55,transparent 65%),radial-gradient(460px 320px at 8% 92%,#ff8fb344,transparent 65%),linear-gradient(150deg,var(--w2) 0%,color-mix(in srgb,var(--w2) 58%,#b0447a) 62%,color-mix(in srgb,var(--warna) 78%,#ff9a62) 135%)}
.hu-t-ra .hud-bulan{right:9%;top:10%;width:130px;height:130px;box-shadow:inset -34px 10px 0 0 #ffd66b,0 0 60px #ffd66b66}
.hu-t-ra .hud-awan{border-radius:50%;background:#ffffff16;filter:blur(2px)}
.hu-t-ra .a1{left:-60px;bottom:46px;width:260px;height:120px}.hu-t-ra .a2{left:20%;bottom:-34px;width:340px;height:130px}.hu-t-ra .a3{right:6%;bottom:8px;width:230px;height:92px}
.hu-t-ra .hu-lencana{background:#ffd66b;color:#4a2a00;border-color:#ffd66b;font-weight:800}
.hu-t-ra .hu-bingkai{border-color:#ffd66b88;box-shadow:0 0 0 10px #ffffff12,0 0 0 11px #ffd66b66,0 40px 70px -34px #000c}

/* MI: zamrud, bintang segi delapan (khatam) berputar */
.hu.hu-t-mi{background:radial-gradient(620px 360px at 50% 0,#f2c94c30,transparent 70%),linear-gradient(160deg,var(--w2),color-mix(in srgb,var(--warna) 62%,var(--w2)))}
.hud-b8{opacity:.4}
.hu-t-mi .hud-b8.b1{left:50%;top:46%;width:min(640px,96vw);height:auto;transform:translate(-50%,-50%);animation:hudPutar 100s linear infinite}
.hu-t-mi .hud-b8.b2{left:7%;top:20%;width:92px;height:92px;opacity:.5;animation:hudPutar2 40s linear infinite}
.hu-t-mi .hud-b8.b3{right:8%;bottom:22%;width:130px;height:130px;opacity:.35;animation:hudPutar2 55s linear infinite reverse}
.hu-t-mi .hu-lencana{background:#f2c94c;color:#3a2c00;border-color:#f2c94c;font-weight:800}

/* SMP: biru laut, garis geometri modern, siluet masjid */
.hu.hu-t-smp{background:linear-gradient(165deg,var(--w2) 0%,color-mix(in srgb,var(--warna) 52%,var(--w2)) 70%,color-mix(in srgb,var(--warna) 80%,#0b6a8f) 135%)}
.hud-grid{inset:0;background:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);mask-image:linear-gradient(180deg,#000,transparent 82%)}
.hud-sapu{top:-20%;left:-40%;width:34%;height:140%;background:linear-gradient(100deg,transparent,#ffffff1c,transparent);transform:skewX(-20deg);animation:hudSapu 10s ease-in-out infinite}
.hu-t-smp .hud-sky{fill:#ffffff1a}
.hu-t-smp .hu-lencana{background:#5ee0ff22;border-color:#5ee0ff88;color:#c8f4ff}

/* MA: marun dan emas, lengkung mihrab, formal dan berwibawa */
.hu.hu-t-ma{background:radial-gradient(520px 380px at 82% 18%,#e5c06638,transparent 70%),linear-gradient(150deg,var(--w2),color-mix(in srgb,var(--warna) 38%,var(--w2)))}
.hud-arch{right:5%;bottom:-2%;height:96%;width:auto;opacity:.6}
.hud-sudut{width:190px;height:190px;border-radius:50%;border:2px solid #e5c06655;box-shadow:0 0 0 14px #e5c0661a}
.hud-sudut.s1{left:-70px;top:-70px}.hud-sudut.s2{left:-60px;bottom:-90px;width:160px;height:160px}
.hu-t-ma h1::after{content:"";display:block;width:88px;height:4px;margin-top:.9rem;border-radius:4px;background:linear-gradient(90deg,#e5c066,transparent)}
.hu-t-ma.hu-tengah h1::after{margin-inline:auto}
.hu-t-ma .hu-sub{color:#f3e6d6}
.hu-t-ma .hu-lencana{background:transparent;border-color:#e5c066;color:#f1d58a;font-weight:800}

/* Pesantren: langit malam, bulan, bintang, siluet masjid dengan jendela menyala */
.hu.hu-t-pesantren{background:linear-gradient(180deg,#03110d 0%,var(--w2) 52%,color-mix(in srgb,var(--warna) 58%,#0d3b2c) 130%)}
.hu-t-pesantren .hud-bulan{right:12%;top:11%;width:110px;height:110px;box-shadow:inset -28px 8px 0 0 #fff3c4,0 0 70px #fff3c466}
.hu-t-pesantren .hud-sky.b{fill:#04281d;bottom:16px;height:clamp(120px,22vw,230px);opacity:.75;transform:translateX(9%)}
.hu-t-pesantren .hud-sky.f{fill:#02130d}
.hud-sky .jd rect{fill:#ffd66b;animation:hudJendela 5s ease-in-out infinite}.hud-sky .jd rect:nth-child(2n){animation-delay:-2s}.hud-sky .jd rect:nth-child(3n){animation-delay:-3.5s}
.hu-t-pesantren .hu-lencana{background:#ffd66b22;border-color:#ffd66b99;color:#ffe9a8}

@media (max-width:860px){.hud-arch{opacity:.25;right:-18%}.hu-t-ra .hud-bulan,.hu-t-pesantren .hud-bulan{width:78px;height:78px;box-shadow:inset -20px 6px 0 0 #ffd66b,0 0 40px #ffd66b55}.hu-t-mi .hud-b8.b2,.hu-t-mi .hud-b8.b3{display:none}}

/* ===== Tema unit sampai bagian bawah halaman unit ===== */
main[class*="ut-"]{--u1:var(--warna);--u2:#f2c94c;--rad:20px}
.ut-ra{--u2:#ff8fb3;--rad:28px}.ut-mi{--u2:#f2c94c;--rad:20px}.ut-smp{--u2:#5ee0ff;--rad:10px}.ut-ma{--u2:#e5c066;--rad:6px}.ut-pesantren{--u2:#ffd66b;--rad:18px}
main[class*="ut-"] .judul-bagian h2::after{background:linear-gradient(90deg,var(--u1),var(--u2),var(--u1));background-size:200% 100%}
main[class*="ut-"] .judul-bagian small{color:var(--u1);border-color:color-mix(in srgb,var(--u1) 55%,transparent);background:color-mix(in srgb,var(--u1) 10%,transparent)}
.ut-ra .judul-bagian small::before{content:"☾ "}.ut-mi .judul-bagian small::before{content:"✦ "}.ut-smp .judul-bagian small::before{content:"◆ "}.ut-ma .judul-bagian small::before{content:"❖ "}.ut-pesantren .judul-bagian small::before{content:"☪ "}
main[class*="ut-"] .panel,main[class*="ut-"] .kartu,main[class*="ut-"] .guru,main[class*="ut-"] .berita{border-radius:var(--rad)}
main[class*="ut-"] .panel::before{background:linear-gradient(90deg,var(--u1),var(--u2))}
main[class*="ut-"] .berita::before{background:linear-gradient(var(--u1),var(--u2))}
main[class*="ut-"] .guru img{border-color:var(--u2)}
main[class*="ut-"] .bagian .tombol:not(.garis){background:var(--u1);border-color:var(--u1)}
main[class*="ut-"] .tn-nav a:hover{background:color-mix(in srgb,var(--u1) 12%,transparent);border-color:var(--u1)}
.ut-ra .info-jenjang{background:radial-gradient(520px 260px at 100% 0,#ff8fb31c,transparent 70%)}
.ut-mi .info-jenjang{background:radial-gradient(520px 260px at 100% 0,#f2c94c1c,transparent 70%)}
.ut-smp .info-jenjang{background:radial-gradient(520px 260px at 100% 0,#5ee0ff1a,transparent 70%)}
.ut-ma .info-jenjang{background:radial-gradient(520px 260px at 100% 0,#e5c0661e,transparent 70%)}
.ut-pesantren .info-jenjang{background:radial-gradient(520px 260px at 100% 0,#ffd66b1c,transparent 70%)}

/* Halaman tambahan: FAQ, agenda, unduhan, pencarian */
.faq-item{border:1px solid var(--garis);border-radius:14px;background:var(--kartu);margin:.6rem 0;overflow:hidden}.faq-item summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq-item summary::after{content:"+";font-weight:800;color:var(--hijau)}.faq-item[open] summary::after{content:"–"}.faq-item>div{padding:0 1.2rem .6rem}
.ag-baris{display:grid;grid-template-columns:68px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--garis)}.ag-tgl{display:grid;align-content:center;justify-items:center;border-radius:14px;background:var(--hijau);color:#fff;padding:.5rem 0}.ag-tgl b{font:800 1.5rem/1 Sora,sans-serif}.ag-tgl span{font-size:.78rem;text-transform:uppercase}.ag-isi h3{font-size:1.05rem}.ag-meta{margin:.2rem 0 .3rem;font-size:.88rem}.ag-kat{display:inline-block;padding:.05rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--hijau) 14%,transparent);color:var(--hijau);font-weight:700;margin-right:.3rem}
.unduh-baris{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;margin:.6rem 0;border:1px solid var(--garis);border-radius:14px;background:var(--kartu);transition:transform .25s,border-color .25s}.unduh-baris:hover{transform:translateX(5px);border-color:var(--hijau)}.unduh-ext{flex:none;min-width:52px;text-align:center;padding:.4rem .5rem;border-radius:10px;background:var(--hijau);color:#fff;font:800 .74rem Sora,sans-serif}.unduh-isi{flex:1;display:grid;min-width:0}.unduh-isi small{color:var(--redup);overflow:hidden;text-overflow:ellipsis}.unduh-aksi{font-weight:800;color:var(--hijau);white-space:nowrap}
.cari-form{display:flex;gap:.6rem;margin-bottom:1.2rem}.cari-form input{flex:1;min-width:0;padding:.8rem 1rem;border:1.5px solid var(--garis);border-radius:12px;background:var(--kartu);color:var(--teks);font:inherit}
.tabel-bungkus{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabel-umum{width:100%;border-collapse:collapse;background:var(--kartu);border-radius:12px;overflow:hidden}.tabel-umum th,.tabel-umum td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--garis)}.tabel-umum th{background:color-mix(in srgb,var(--hijau) 10%,transparent)}
.pp-setuju a{color:var(--hijau);font-weight:700;text-decoration:underline}.pp-sempit .pp-setuju{display:flex;gap:.6rem;align-items:flex-start;margin:.2rem 0 1rem}.pp-sempit .pp-setuju input{margin-top:.3rem}
@media (max-width:520px){.ag-baris{grid-template-columns:56px 1fr}.unduh-baris{flex-wrap:wrap}.unduh-aksi{width:100%}.cari-form{flex-direction:column}}

/* ===== Hero Media Sosial ===== */
.hx-sosial{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.3rem}
.hx-sosial>span{font-size:.82rem;color:#9fc3dc;margin-right:.3rem}
.hx-sosial a{display:inline-flex;align-items:center;min-height:36px;padding:.3rem .95rem;border-radius:999px;border:1px solid #ffffff33;background:#ffffff10;color:#fff;font-size:.84rem;font-weight:700;transition:transform .3s,background .3s,border-color .3s}
.hx-sosial a:hover,.hx-sosial a:focus-visible{transform:translateY(-3px);background:#5eead4;border-color:#5eead4;color:#06281f}
.sm-hero{position:relative;max-width:1200px;padding:3.2rem 1.5rem}
.sm-isi{position:relative;z-index:1;overflow:hidden;display:grid;grid-template-columns:.8fr 1.4fr;gap:2.4rem;align-items:center;padding:2.6rem;border-radius:30px;color:#fff;background:linear-gradient(135deg,#042d1f,#065a3b 58%,#0a4a4a);box-shadow:0 40px 80px -40px rgba(7,29,54,.8)}
.sm-latar i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none;animation:smArus 14s ease-in-out infinite alternate}
.sm-latar i:nth-child(1){width:260px;height:260px;left:2%;top:10%;background:#0e8f63}
.sm-latar i:nth-child(2){width:240px;height:240px;right:4%;top:0;background:#1877f2;animation-delay:-4s}
.sm-latar i:nth-child(3){width:220px;height:220px;right:30%;bottom:0;background:#e1306c;animation-delay:-8s}
@keyframes smArus{to{transform:translate(30px,-24px) scale(1.15)}}
.sm-label{display:inline-block;padding:.25rem .9rem;border-radius:999px;border:1px solid #5eead466;background:#5eead414;color:#7ff3df;font-weight:700;font-size:.85rem}
.sm-teks h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);margin:.8rem 0 .6rem;line-height:1.2}
.sm-teks p{margin:0;color:#c3d6e8}
.sm-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.sm-kartu{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;min-height:92px;border-radius:20px;border:1px solid #ffffff26;background:linear-gradient(160deg,#ffffff1a,#ffffff08);backdrop-filter:blur(8px);overflow:hidden;color:#fff;-webkit-tap-highlight-color:transparent;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.sm-kartu::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--sm));opacity:0;transition:opacity .35s}
.sm-kartu>*{position:relative}
.sm-kartu:hover,.sm-kartu:focus-visible,.sm-kartu:active{transform:translateY(-6px);border-color:#ffffff77;box-shadow:0 24px 40px -22px #000}
.sm-kartu:hover::before,.sm-kartu:focus-visible::before,.sm-kartu:active::before{opacity:1}
.sm-ikon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--sm));box-shadow:0 10px 20px -10px #000a;transition:transform .4s}
.sm-kartu:hover .sm-ikon{transform:rotate(-8deg) scale(1.08);background:#fff;color:#111}
.sm-info{display:grid;gap:.05rem;min-width:0}
.sm-info b{font:800 1.1rem Sora,sans-serif;letter-spacing:-.02em}
.sm-info em{font-style:normal;font-weight:700;font-size:.86rem;color:#bfe9e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sm-info small{font-size:.78rem;color:#b4d2e6}
.sm-ikut{position:absolute!important;right:1rem;top:.8rem;font-size:.75rem;font-weight:700;color:#5eead4;opacity:0;transform:translateX(-6px);transition:.3s}
.sm-ikut i{font-style:normal}
.sm-kartu:hover .sm-ikut,.sm-kartu:focus-visible .sm-ikut{opacity:1;transform:none;color:#fff}
.sm-kartu:hover .sm-info em,.sm-kartu:hover .sm-info small{color:#fff}
@media (hover:none){.sm-ikut{opacity:1;transform:none}}
@media (max-width:900px){.sm-isi{grid-template-columns:1fr;padding:1.8rem 1.3rem;text-align:center}.sm-teks p{margin-inline:auto}}
@media (max-width:520px){.sm-grid{grid-template-columns:1fr}.sm-kartu{text-align:left}.sm-hero{padding:2rem 1rem}.hx-sosial{justify-content:center}}
html[dir=rtl] .sm-ikut{right:auto;left:1rem}
@media (prefers-reduced-motion:reduce){.sm-latar i{animation:none}}

/* ---- PPDB: kartu program rapi (3 per baris, sisa baris otomatis di tengah) + kotak catatan ---- */
.pp-prog{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}
.pp-prog article{flex:1 1 280px;max-width:calc(33.333% - .8rem);display:flex;flex-direction:column;padding:1.4rem 1.4rem 1.3rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.pp-prog article:hover{transform:translateY(-6px);box-shadow:0 26px 44px -24px var(--warna,#0e8f63)}
.pp-prog header{gap:.9rem;margin-bottom:.8rem}
.pp-prog header>span{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:16px;font:800 1rem/1 Sora,system-ui,sans-serif;letter-spacing:.02em;color:#fff;background:var(--warna,#0e8f63);box-shadow:0 12px 22px -10px var(--warna,#0e8f63)}
.pp-prog header h3{font-size:1.08rem;line-height:1.25;color:var(--biru)}
.pp-prog header small{display:block;margin-top:.2rem}
:root[data-tema=gelap] .pp-prog header h3{color:#fff}
.pp-prog p{flex:0 0 auto;line-height:1.6}
.pp-prog b{display:block;margin-top:auto;padding-top:.9rem;border-top:1px dashed var(--garis);font-size:.85rem;color:var(--biru)}
:root[data-tema=gelap] .pp-prog b{color:#5eead4}
.pp-prog ul{list-style:none;padding:0;margin:.55rem 0 0;display:grid;gap:.4rem}
.pp-prog li{position:relative;padding-left:1.55rem;line-height:1.45}
.pp-prog li::before{content:"✓";position:absolute;left:0;top:.08rem;display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;background:color-mix(in srgb,var(--warna,#0e8f63) 16%,transparent);color:var(--warna,#0e8f63);font-size:.65rem;font-weight:800}
.pp-catatan{display:flex;align-items:flex-start;gap:.9rem;max-width:760px;margin:1.8rem auto 0;padding:1rem 1.3rem;border:1px solid var(--garis);border-left:5px solid var(--hijau);border-radius:16px;background:var(--kartu);box-shadow:0 14px 30px -22px rgba(10,42,74,.5)}
.pp-catatan-ikon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--hijau);color:#fff;font:800 1rem/1 Sora,sans-serif;font-style:italic}
.pp-catatan b{display:block;font-size:.95rem;color:var(--biru);margin-bottom:.15rem}
:root[data-tema=gelap] .pp-catatan b{color:#fff}
.pp-catatan p{margin:0;font-size:.92rem;line-height:1.6;color:var(--redup)}
@media (max-width:900px){.pp-prog article{max-width:calc(50% - .6rem)}}
@media (max-width:600px){.pp-prog article{max-width:100%;flex-basis:100%}.pp-catatan{padding:.9rem 1rem}}

/* ===== Hero & topbar: tema hijau sekolah Islam (zamrud + emas) ===== */
:root{--zamrud-gelap:#042d1f;--zamrud:#075a3b;--zamrud-terang:#0e7d4f;--emas-islami:#e9c46a;--emas-cerah:#f2c94c;--mint-lembut:#a9d9c0}
.topbar{background:linear-gradient(90deg,#03251a,#064b32 50%,#03251a)!important;border-bottom:1px solid #e9c46a2e;color:#cfe8dc}
.topbar a:hover{color:var(--emas-islami)}
.jam-wrap{border-color:#e9c46a55;box-shadow:0 0 18px -6px #e9c46a99 inset}
.jam-titik{background:var(--emas-islami);box-shadow:0 0 0 0 #e9c46a88}
.jam-waktu{color:var(--emas-islami);text-shadow:0 0 12px #e9c46a77}
.jam-zona,.jam-sapa{color:var(--mint-lembut)}
.jam-hijri{color:#b9dccb}
.bhs a.on{background:linear-gradient(135deg,#f2d98a,var(--emas-islami));color:#3a2c00}
.tombol-ppdb{background:var(--zamrud)}
.tombol-ppdb:hover{background:var(--emas-cerah);color:#3a2c00!important}

.hx{background:radial-gradient(720px 440px at 86% 18%,#e9c46a2b,transparent 66%),radial-gradient(640px 420px at 0 100%,#34d3992b,transparent 66%),linear-gradient(135deg,var(--zamrud-gelap) 0,var(--zamrud) 58%,var(--zamrud-terang) 125%)}
.hx-pola{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23e9c46a' stroke-opacity='.16'%3E%3Crect x='20' y='20' width='40' height='40'/%3E%3Crect x='20' y='20' width='40' height='40' transform='rotate(45 40 40)'/%3E%3Ccircle cx='40' cy='40' r='12'/%3E%3C/g%3E%3C/svg%3E")}
.hx-salam{color:#f0d58a;font-size:1.45rem;text-shadow:0 0 22px #e9c46a44}
.hx-yayasan{border-left-color:var(--emas-islami);color:#e6f4ec}
.hx .lead{color:#d3eadf}
.hx .kata-ganti{color:var(--emas-islami);border-bottom-color:var(--emas-islami)}
.hx .tombol.emas{background:var(--emas-cerah);border-color:var(--emas-cerah);color:#3a2c00;box-shadow:0 12px 26px -12px #f2c94caa}
.hx .tombol.emas:hover{background:#fff;border-color:#fff;color:#042d1f}
.hx .tombol.garis{border-color:#ffffff77}
.hx .tombol.garis:hover{background:#ffffff1c;border-color:var(--emas-islami)}
.hx .hitung{border-color:#e9c46a44}
.hitung p em,.hitung .u b{color:var(--emas-islami)}
.hitung .u small,.hitung p{color:#cfe8dc}
.hx-kutip{border-left-color:#e9c46a66}
.hx-kutip .testi-item p{color:#e4f2ea}
.testi-item small{color:var(--emas-islami)}
.hx-sosial>span{color:var(--mint-lembut)}
.hx-sosial a{border-color:#e9c46a55;background:#ffffff12}
.hx-sosial a:hover,.hx-sosial a:focus-visible{background:var(--emas-islami);border-color:var(--emas-islami);color:#3a2c00}

.hx-bingkai::before{border-color:#e9c46a77}
.hx-foto{background:radial-gradient(120% 90% at 50% 20%,#12935d 0,#075a3b 55%,#032419 100%)}
.hx-foto::after{background:linear-gradient(180deg,transparent 70%,#03251a77)}
.hx-pola-bintang *{stroke:var(--emas-islami)!important}
.hx-cincin{border-color:#e9c46a44}
.hx-cincin.c2{border-color:#ffffff22}
.hx-cincin.c3{border-color:#e9c46a26}
.hx-logo-besar{box-shadow:0 0 0 10px #ffffff14,0 0 0 11px #e9c46a99,0 30px 60px -14px #000a,0 0 90px #e9c46a40}
.hx-sejak{color:#064b32}
.hx-sejak b{color:#064b32}

.hx-program a,.hx-program a:first-child{border-color:#e9c46a2e;background:linear-gradient(160deg,#ffffff16,#ffffff07)}
.hx-program a:focus-visible,.hx-program a:hover{background:linear-gradient(160deg,#ffffff26,#ffffff0e)}
.hx-program .hp-nama{color:#e1f3e9}
.hx-program .hp-ket{color:var(--mint-lembut)}
.hx-program .pergi{color:var(--emas-islami)}
@media (max-width:900px){.hx-salam{font-size:1.25rem}}

/* ===== Hero hijau: sentuhan Islami (mihrab, siluet masjid, bulan-bintang) ===== */
@keyframes hxKedip{0%,100%{opacity:.25}50%{opacity:1}}
.hx{padding-top:4.6rem;padding-bottom:9.5rem}
.hx::before,.hx::after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:0}
.hx::before{top:0;bottom:0;animation:hxKedip 4.5s ease-in-out infinite;background:
radial-gradient(circle at 8% 16%,#fff 0 1.4px,transparent 2.2px),radial-gradient(circle at 21% 9%,#f2d98a 0 1.8px,transparent 2.6px),radial-gradient(circle at 44% 14%,#fff 0 1.2px,transparent 2px),radial-gradient(circle at 63% 8%,#fff 0 1.6px,transparent 2.4px),radial-gradient(circle at 78% 20%,#f2d98a 0 1.4px,transparent 2.2px),radial-gradient(circle at 93% 12%,#fff 0 1.8px,transparent 2.6px),radial-gradient(circle at 57% 30%,#fff 0 1px,transparent 1.8px)}
.hx::after{bottom:0;height:170px;opacity:.55;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 160' preserveAspectRatio='none'%3E%3Cpath fill='%23021a12' d='M0 160V138H90V96h8V66l8-16 8 16v30h8v42H250V122q0-34 34-34t34 34v16H470V110q0-62 70-62t70 62v28H760V122q0-34 34-34t34 34v16H1000V96h8V66l8-16 8 16v30h8v42H1200V160z'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat}
.hx-isi,.hx-program{z-index:1}
.hx h1{font-size:clamp(2.3rem,4.4vw,3.7rem);line-height:1.1;text-wrap:balance}
.hx h1::after{content:"";display:block;width:132px;height:14px;margin-top:1.1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 14'%3E%3Cpath d='M0 7H52M80 7H132' stroke='%23e9c46a' stroke-width='1.6'/%3E%3Cpath d='M66 0l7 7-7 7-7-7z' fill='%23e9c46a'/%3E%3C/svg%3E") no-repeat;animation:none;box-shadow:none;width:132px;height:14px}
.hx-bingkai{width:min(100%,400px);aspect-ratio:3/4}
.hx-foto{border-radius:999px 999px 28px 28px;box-shadow:0 0 0 7px #ffffff12,0 0 0 8px #e9c46a99,0 40px 70px -30px #000d}
.hx-bingkai::before{inset:18px -18px -18px 18px;border:1.5px solid #e9c46a66;border-radius:999px 999px 28px 28px}
.hx-bingkai::after{content:"";position:absolute;right:-26px;top:-30px;width:70px;height:70px;border-radius:50%;box-shadow:inset -17px 6px 0 0 #f2c94c;transform:rotate(-18deg);filter:drop-shadow(0 0 18px #f2c94c99);z-index:5;animation:hudApung 7s ease-in-out infinite}
.hx-sejak{bottom:56px;right:-24px;border-left:4px solid #e9c46a}
@media (max-width:900px){.hx{padding-bottom:8.5rem}.hx-bingkai{width:min(78%,320px)}.hx-bingkai::after{right:-10px;width:54px;height:54px;box-shadow:inset -13px 5px 0 0 #f2c94c}.hx::after{height:110px}.hx-sejak{right:-8px}}
@media (prefers-reduced-motion:reduce){.hx::before,.hx-bingkai::after{animation:none}}
.hx .kata-ganti{animation:none;opacity:1}
@media (max-width:900px){.hx-program{background:transparent;padding:0;max-height:none;overflow:visible;margin-top:2.4rem}}

/* ===== Media sosial: 4 kartu sejajar, modern ===== */
.sm-isi{grid-template-columns:1fr;gap:2.2rem;padding:3rem 2.4rem 2.6rem;text-align:center;background:radial-gradient(600px 300px at 50% -10%,#e9c46a22,transparent 70%),linear-gradient(135deg,#042d1f,#065a3b 58%,#0b6b45)}
.sm-latar i:nth-child(1){background:#0e8f63}.sm-latar i:nth-child(2){background:#e9c46a;opacity:.28}.sm-latar i:nth-child(3){background:#34d399;opacity:.3}
.sm-label{border-color:#e9c46a77;background:#e9c46a1a;color:#f0d58a}
.sm-teks h2{max-width:22ch;margin:.9rem auto .7rem;font-size:clamp(1.6rem,3.2vw,2.4rem);text-wrap:balance}
.sm-teks p{max-width:56ch;margin:0 auto;color:#d3eadf}
.sm-grid{grid-template-columns:repeat(4,1fr);gap:1.1rem}
.sm-kartu{grid-template-columns:1fr;justify-items:start;align-content:start;gap:1rem;min-height:0;padding:1.5rem 1.4rem 1.3rem;text-align:left;border-radius:22px;border-color:#ffffff22}
.sm-kartu::after{content:"";position:absolute;left:1.4rem;right:1.4rem;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--sm));opacity:.95;transition:opacity .3s}
.sm-kartu:hover::after{opacity:0}
.sm-ikon{width:58px;height:58px;border-radius:18px;box-shadow:0 14px 24px -12px #000c,inset 0 1px 0 #ffffff55}
.sm-info{gap:.15rem;width:100%}
.sm-info b{font-size:1.25rem}
.sm-info em{font-size:.9rem;color:#a9d9c0}
.sm-info small{font-size:.85rem;color:#c9e3d6;margin-top:.2rem;line-height:1.45}
.sm-ikut{position:static!important;opacity:1;transform:none;display:inline-flex;align-items:center;gap:.4rem;margin-top:.2rem;padding:.4rem .9rem;border-radius:999px;border:1px solid #e9c46a66;color:#f0d58a;font-size:.8rem;transition:background .3s,color .3s,border-color .3s}
.sm-ikut i{transition:transform .3s}
.sm-kartu:hover .sm-ikut,.sm-kartu:focus-visible .sm-ikut{background:#fff;border-color:#fff;color:#042d1f}
.sm-kartu:hover .sm-ikut i{transform:translateX(4px)}
@media (max-width:1000px){.sm-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.sm-isi{padding:2rem 1.1rem 1.4rem}.sm-grid{grid-template-columns:1fr}.sm-kartu{grid-template-columns:auto 1fr;align-items:center;padding:1.1rem 1.2rem}.sm-kartu::after{display:none}.sm-ikut{grid-column:1/-1}}
html[dir=rtl] .sm-kartu{text-align:right}

.lewati{position:absolute;left:.8rem;top:-4rem;z-index:200;padding:.6rem 1rem;border-radius:10px;background:#064b32;color:#fff;font-weight:700;transition:top .2s}.lewati:focus{top:.8rem}
.cari-btn{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--garis);border-radius:10px;color:var(--teks)}.cari-btn:hover{color:var(--hijau);border-color:var(--hijau)}
:focus-visible{outline:3px solid #0e8f63;outline-offset:2px}


.gl-saring a b{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;padding:0 .35rem;margin-left:.3rem;border-radius:999px;background:var(--garis);font-size:.75rem}.gl-saring a.aktif b{background:var(--emas);color:#04233a}.tn-saring.halaman{align-items:center}

/* Menu diringkas: kelompok di dalam dropdown "Program & Informasi" */
.dd-grup{display:block;padding:.45rem 1rem .2rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--redup)}
.dd-grup:not(:first-child){margin-top:.35rem;border-top:1px solid var(--garis)}
@media(max-width:900px){.dd-grup{padding-left:.2rem}}

/* Halaman Profil Pendiri */
.pendiri-kartu{display:grid;grid-template-columns:200px 1fr;gap:1.6rem;align-items:start;background:var(--kartu);border:1px solid var(--garis);border-radius:20px;padding:1.6rem;margin:0 auto 1.4rem;max-width:960px}
.pendiri-foto{width:200px;height:200px;border-radius:18px;overflow:hidden;background:var(--hijau);display:flex;align-items:center;justify-content:center}
.pendiri-foto img{width:100%;height:100%;object-fit:cover}
.pendiri-foto .inisial{font-size:4rem;color:#fff;font-weight:700}
.pendiri-isi h2{margin:0 0 .2rem}
.pendiri-peran{margin:0 0 .8rem;color:var(--redup);font-weight:600}
.pendiri-ringkas{margin:0 0 .8rem}
.pendiri-kutipan{margin:1rem 0 0;padding:.2rem 0 .2rem 1rem;border-left:4px solid var(--emas);font-style:italic}
@media(max-width:700px){.pendiri-kartu{grid-template-columns:1fr}.pendiri-foto{width:140px;height:140px}}

/* ===== Dropdown multi-kolom (desktop): ringkas, tidak memanjang ke bawah ===== */
@media (min-width:901px){
  .dd-isi{border-radius:20px;padding:.8rem;box-shadow:0 30px 60px -20px rgba(4,45,31,.45),0 0 0 1px rgba(15,122,74,.08)}
  .dd-isi::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px} /* jembatan hover agar panel tidak menutup */
  .dd-isi.dd-kolom{display:grid;gap:0 .6rem;left:50%;right:auto;min-width:0;width:max-content;max-width:calc(100vw - 2rem);margin-top:6px;transform:translate(-50%,10px) scale(.97)}
  .dd:focus-within .dd-isi.dd-kolom,.dd:hover .dd-isi.dd-kolom{transform:translate(-50%,0)}
  html[dir=rtl] .dd-isi.dd-kolom{left:50%;right:auto}
  .dd-dua{grid-template-columns:repeat(2,minmax(230px,1fr))}
  .dd-tiga{grid-template-columns:repeat(3,minmax(220px,1fr))}
  .dd-kol{display:flex;flex-direction:column;gap:2px;padding:.2rem .3rem}
  .dd-kol+.dd-kol{border-left:1px solid var(--garis);padding-left:.9rem}
  html[dir=rtl] .dd-kol+.dd-kol{border-left:0;border-right:1px solid var(--garis);padding-left:.3rem;padding-right:.9rem}
  .dd-kolom .dd-grup{display:flex;align-items:center;gap:.5rem;margin:0 0 .35rem;padding:.35rem .85rem;border:0;font-size:.68rem;color:var(--hijau)}
  .dd-kolom .dd-grup::before{content:"";width:18px;height:3px;border-radius:3px;background:var(--emas)}
  .dd-kolom a{font-size:.9rem;font-weight:500;padding:.5rem .85rem;line-height:1.3}
  .dd-kolom a:hover{padding-left:1.1rem}
  .dd-kolom a[aria-current="page"]{background:#e6f7f0;color:var(--hijau);font-weight:700}
}
@media (min-width:901px) and (max-width:1180px){.dd-tiga{grid-template-columns:repeat(2,minmax(210px,1fr))}}
@media (max-width:900px){.dd-kol{display:block}.dd-kolom .dd-grup{margin-top:.5rem}}
html[data-tema="gelap"] .dd-kolom a[aria-current="page"]{background:rgba(16,185,129,.16);color:var(--hijau-muda)}

/* ===== Direktori Guru & Tenaga Kependidikan ===== */
.gt-alat{display:grid;gap:.9rem;margin-bottom:1.6rem}
.gt-cari{position:relative;width:100%;max-width:600px;margin:0 auto}
.gt-cari svg{position:absolute;inset-inline-start:1rem;top:50%;translate:0 -50%;width:1.15rem;height:1.15rem;color:var(--redup);pointer-events:none}
.gt-cari input{width:100%;padding:.85rem 1.1rem;padding-inline-start:2.9rem;border:1px solid var(--garis);border-radius:999px;background:var(--kartu);color:var(--teks);font:inherit;box-shadow:var(--bayang)}
.gt-cari input:focus{outline:3px solid color-mix(in srgb,var(--hijau) 35%,transparent);border-color:var(--hijau)}
.gt-baris{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;justify-content:center;align-items:center}
.gt-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.gt-chips button{padding:.45rem 1.05rem;border-radius:999px;border:1px solid var(--garis);background:var(--kartu);color:var(--teks);font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.gt-chips button:hover{border-color:var(--hijau)}
.gt-chips button.aktif{background:var(--hijau);border-color:var(--hijau);color:#fff}
.gt-mgmp{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700}
.gt-mgmp select{padding:.45rem .8rem;border:1px solid var(--garis);border-radius:12px;background:var(--kartu);color:var(--teks);font:inherit;max-width:240px}
.gt-info{text-align:center;color:var(--redup);font-size:.9rem;margin:0}
.gt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.2rem}
.gt-kartu[hidden],.gt-kosong[hidden]{display:none}
.gt-kartu{position:relative;display:flex;flex-direction:column;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s;animation:gtMasuk .45s both}
.gt-kartu:hover,.gt-kartu:focus-within{transform:translateY(-6px);box-shadow:var(--bayang)}
@keyframes gtMasuk{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.gt-foto{aspect-ratio:4/5;background:linear-gradient(160deg,var(--warna,var(--hijau)),var(--hijau-tua));display:grid;place-items:center;overflow:hidden}
.gt-foto img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s}
.gt-kartu:hover .gt-foto img{transform:scale(1.05)}
.gt-inisial{font:800 3.4rem Sora,serif;color:#ffffffd9}
.gt-isi{padding:1rem 1rem .6rem;display:flex;flex-direction:column;gap:.25rem;flex:1}
.gt-isi h3{font-size:1rem;line-height:1.35;margin:0}
.gt-isi h3 a{color:var(--teks);text-decoration:none}
.gt-isi h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.gt-isi h3 a:focus-visible::after{outline:3px solid var(--hijau);outline-offset:-3px;border-radius:var(--radius)}
.gt-jabatan{margin:0;font-weight:700;font-size:.85rem;color:var(--warna,var(--hijau))}
.gt-bidang{margin:0;font-size:.85rem;color:var(--redup)}
.gt-lencana-baris{display:flex;flex-wrap:wrap;gap:.3rem;margin:.35rem 0 0}
.gt-lencana{display:inline-block;padding:.12rem .55rem;border-radius:999px;background:var(--garis);color:var(--teks);font-size:.72rem;font-weight:700}
.gt-lencana.wali{background:var(--warna,var(--hijau));color:#fff}
.gt-kontak{display:flex;gap:.4rem;padding:.5rem 1rem 1rem;position:relative;z-index:2}
.gt-kontak a{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--garis);color:var(--redup);transition:background .25s,color .25s,border-color .25s}
.gt-kontak a:hover{background:var(--hijau);border-color:var(--hijau);color:#fff}
.gt-kontak svg{width:16px;height:16px}
/* pop-up */
.gt-modal{width:min(900px,calc(100% - 1.6rem));max-height:calc(100dvh - 1.6rem);margin:auto;padding:0;border:0;border-radius:var(--radius);background:var(--kartu);color:var(--teks);box-shadow:0 30px 80px -20px #000a;overflow:auto}
.gt-modal::backdrop{background:rgba(4,45,31,.65);backdrop-filter:blur(3px)}
.gt-tutup{position:sticky;top:.6rem;float:inline-end;margin:.6rem .6rem 0 0;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:var(--garis);color:var(--teks);font-size:1.5rem;line-height:1;cursor:pointer}
html[dir=rtl] .gt-tutup{margin:.6rem 0 0 .6rem}
.gt-tutup:hover{background:var(--hijau);color:#fff}
html.gt-kunci{overflow:hidden}
/* detail profil */
.gt-detail{display:grid;grid-template-columns:260px 1fr;gap:1.8rem;padding:1.6rem}
.gt-d-foto{aspect-ratio:4/5;border-radius:calc(var(--radius) - 4px);overflow:hidden;background:linear-gradient(160deg,var(--warna,var(--hijau)),var(--hijau-tua));display:grid;place-items:center}
.gt-d-foto img{width:100%;height:100%;object-fit:cover;object-position:center top}
.gt-d-kontak{list-style:none;margin:1rem 0 .8rem;padding:0;display:grid;gap:.4rem}
.gt-d-kontak a{display:flex;align-items:center;gap:.6rem;padding:.5rem .8rem;border:1px solid var(--garis);border-radius:12px;color:var(--teks);text-decoration:none;font-size:.88rem;word-break:break-all}
.gt-d-kontak a:hover{border-color:var(--hijau);color:var(--hijau)}
.gt-d-kontak svg{width:18px;height:18px;flex:none}
.gt-salin{margin-top:.6rem;width:100%}
.gt-d-kategori{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--warna,var(--hijau))}
.gt-d-isi h2{margin:.2rem 0 .3rem;font-size:1.6rem;line-height:1.25}
.gt-d-jabatan{margin:0 0 1rem;color:var(--redup);font-weight:700}
.gt-sec{margin-top:1.4rem}
.gt-sec h3{font-size:1rem;margin:0 0 .6rem;padding-bottom:.35rem;border-bottom:2px solid var(--garis)}
.gt-bio{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem 1.2rem;margin:0 0 .8rem}
.gt-bio dt{font-size:.78rem;color:var(--redup)}.gt-bio dd{margin:0;font-weight:700}
.gt-chip{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.gt-chip li{padding:.3rem .8rem;border-radius:999px;background:var(--garis);font-size:.88rem;font-weight:700}
.gt-garis{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--garis)}
.gt-garis li{position:relative;padding:0 0 .9rem 1.1rem;display:grid;gap:.1rem}
html[dir=rtl] .gt-garis li{padding:0 1.1rem .9rem 0}
.gt-garis li::before{content:"";position:absolute;inset-inline-start:-6px;top:.35rem;width:10px;height:10px;border-radius:50%;background:var(--warna,var(--hijau))}
.gt-garis time{font-size:.78rem;font-weight:800;color:var(--warna,var(--hijau))}
.gt-garis span{color:var(--redup);font-size:.9rem}
.gt-jadwal{margin:0;display:grid;gap:.4rem}
.gt-jadwal div{display:grid;grid-template-columns:110px 1fr;gap:.8rem;padding:.5rem .8rem;border:1px solid var(--garis);border-radius:12px}
.gt-jadwal dt{font-weight:800}.gt-jadwal dd{margin:0;color:var(--redup)}
.gt-halaman{max-width:1000px;margin:1.4rem auto 0;background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);box-shadow:var(--bayang)}
@media(max-width:720px){.gt-detail{grid-template-columns:1fr;padding:1.1rem}.gt-d-foto{max-width:240px;margin:0 auto}.gt-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.gt-jadwal div{grid-template-columns:1fr}}
@media(max-width:380px){.gt-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.gt-kartu{animation:none}.gt-kartu,.gt-foto img{transition:none}}

/* ===== Hero Guru & Tendik ===== */
.gt-hero{position:relative;overflow:hidden;overflow:clip;isolation:isolate;color:#fff;padding:3.4rem 1.5rem 6.4rem;background:radial-gradient(760px 420px at 85% 10%,#1aa56d 0%,transparent 62%),linear-gradient(150deg,#032a1c 0%,#064a31 60%,#0a6b45 130%)}
.gt-hero::before{content:"";position:absolute;inset:-80px;z-index:-1;background:var(--pola);opacity:.3;animation:60s linear infinite geser}
.gt-hero::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:64px;background:var(--latar);clip-path:ellipse(60% 100% at 50% 100%)}
/* latar foto sekolah/galeri */
.gt-latar{position:absolute;inset:0;z-index:-2}
.gt-latar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);transition:opacity 1.6s ease}
.gt-latar img.aktif{opacity:1;animation:gtZoom 12s ease-out both}
.berlatar::before{z-index:-1;opacity:.18}
.berlatar{background:#032a1c}
.berlatar .gt-latar::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#032a1cf5 0%,#053b28dd 48%,#0a6b4580 100%)}
.gt-hero-grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2.2rem 3rem;align-items:center}
.gt-hero-grid>*{min-width:0}
.tanpa-foto .gt-hero-grid{grid-template-columns:1fr;text-align:center}
.tanpa-foto .gt-aksi{justify-content:center}
.tanpa-foto .gt-sub{margin-inline:auto}
.gt-kicker{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;padding:.38rem .95rem;border:1px solid #e9c46a55;border-radius:999px;background:#e9c46a1a;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f2d98a}
.gt-titik{width:8px;height:8px;border-radius:50%;background:#f2c94c;animation:gtDenyut 2.2s infinite}
.gt-hero h1{margin:0;color:#fff;font-size:clamp(2.1rem,4.6vw,3.5rem);line-height:1.1;letter-spacing:-.02em;text-shadow:0 8px 30px #0006;animation:.9s .1s both masuk}
.gt-sub{margin:1.1rem 0 0;max-width:52ch;color:#e0f1e8;font-size:1.05rem;line-height:1.7;animation:.9s .3s both masuk}
.gt-aksi{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem;animation:.9s .45s both masuk}
.gt-tombol{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.45rem;border-radius:999px;font-weight:800;font-size:.95rem;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
.gt-tombol svg{width:18px;height:18px;transition:transform .25s}
.gt-tombol.utama{background:linear-gradient(135deg,#f6dc8f,#e9c46a);color:#3a2c00;box-shadow:0 14px 30px -12px #f2c94cbb}
.gt-tombol.utama:hover{transform:translateY(-3px)}
.gt-tombol.utama:hover svg{transform:translateY(3px)}
.gt-tombol.kaca{border:1px solid #ffffff55;background:#ffffff14;color:#fff}
.gt-tombol.kaca:hover{background:#ffffff26;transform:translateY(-3px)}
.gt-tombol:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Kartu kaca pimpinan/guru: foto bundar mengikuti ukuran asli gambar (tidak diperbesar sampai pecah) */
.gt-etalase{width:min(340px,100%);margin-inline:auto;animation:gtNaik .9s .2s both cubic-bezier(.2,.8,.2,1)}
.gt-kartu-p{position:relative;display:grid;justify-items:center;gap:1.1rem;padding:2rem 1.4rem 1.4rem;border:1px solid #ffffff2e;border-radius:28px;background:linear-gradient(160deg,#ffffff24,#ffffff0a);backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px #000c,inset 0 1px 0 #ffffff33}
.gt-bingkai{position:relative;display:grid;place-items:center;width:224px;height:224px}
.gt-putar{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#f2c94c00,#f2c94c 20%,#f2c94c00 42%,#5eead4aa 70%,#5eead400 90%,#f2c94c00);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:gtPutar 9s linear infinite}
.gt-bingkai::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(closest-side,#f2c94c40,transparent);filter:blur(10px)}
.gt-potret{position:relative;display:grid;place-items:center;width:196px;height:196px;border-radius:50%;overflow:hidden;background:linear-gradient(165deg,#fff3cf 0%,#c4ecd5 55%,#74d1a6 100%);box-shadow:0 14px 30px -12px #000a,inset 0 0 0 3px #ffffffaa}
.gt-potret img{grid-area:1/1;width:var(--w,196px);max-width:100%;aspect-ratio:1;object-fit:cover;object-position:center 12%;mix-blend-mode:multiply;opacity:0;transition:opacity .9s ease}
.gt-potret img.aktif{opacity:1}
.gt-teks{display:grid;justify-items:center;text-align:center;width:100%}
.gt-teks .gt-slide{grid-area:1/1;display:grid;justify-items:center;gap:.2rem;opacity:0;transform:translateY(10px);transition:opacity .7s,transform .7s}
.gt-teks .gt-slide.aktif{opacity:1;transform:none;transition-delay:.2s}
.gt-teks em{margin-bottom:.35rem;padding:.16rem .7rem;border-radius:999px;background:linear-gradient(135deg,#f6dc8f,#e9c46a);color:#3a2c00;font-size:.66rem;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.gt-teks b{font-size:1.2rem;line-height:1.3;color:#fff}
.gt-teks span{font-size:.85rem;font-weight:700;color:#f2d98a}
.gt-dot{display:flex;justify-content:center;gap:.5rem}
.gt-dot button{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:99px;background:#ffffff4d;cursor:pointer;overflow:hidden;transition:width .35s}
.gt-dot button i{position:absolute;inset:0;border-radius:inherit;background:#f2c94c;transform:scaleX(0);transform-origin:left}
.gt-dot button.aktif{width:34px}
.gt-dot button.aktif i{transform:scaleX(1)}
.gt-etalase.jalan:not(.jeda) .gt-dot button.aktif i{animation:gtIsi 5s linear both}
.gt-dot button:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Ringkasan angka: satu pita kaca di dalam hero */
.gt-stat{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:.6rem;border:1px solid #ffffff26;border-radius:22px;background:#ffffff12;backdrop-filter:blur(10px);box-shadow:0 20px 40px -26px #000a}
.gt-stat>div{display:flex;align-items:center;justify-content:center;gap:.85rem;padding:1.15rem .8rem}
.gt-stat>div+div{border-inline-start:1px solid #ffffff22}
.gt-stat-ikon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e9c46a26;color:#f2d98a}
.gt-stat svg{width:22px;height:22px}
.gt-stat-teks{display:grid;line-height:1.15;text-align:start}
.gt-stat b{font:800 1.75rem/1.1 Sora,serif;color:#fff}
.gt-stat small{font-size:.8rem;font-weight:700;color:#bfe0cf}
@keyframes gtNaik{from{opacity:0;transform:translateY(34px)}}
@keyframes gtDenyut{70%{box-shadow:0 0 0 9px #f2c94c00}100%{box-shadow:0 0 0 0 #f2c94c00}}
@keyframes gtPutar{to{rotate:360deg}}
@keyframes gtIsi{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gtZoom{to{transform:scale(1.12)}}
@media(max-width:900px){.gt-hero-grid{grid-template-columns:1fr;text-align:center}.gt-sub{margin-inline:auto}.gt-aksi{justify-content:center}}
@media(max-width:720px){.gt-hero{padding:2.8rem 1.1rem 6rem}.gt-stat{grid-template-columns:repeat(2,1fr)}.gt-stat>div:nth-child(3){border-inline-start:0}.gt-stat>div:nth-child(n+3){border-top:1px solid #ffffff22}.gt-stat>div{justify-content:flex-start;padding:.9rem 1rem}.gt-stat-ikon{width:38px;height:38px}.gt-stat b{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.gt-titik,.gt-etalase,.gt-putar,.gt-latar img.aktif{animation:none}.gt-potret img,.gt-teks .gt-slide,.gt-latar img{transition:none}}
/* Kartu jelajah halaman Tentang */
.gt-jelajah{max-width:1120px;margin:0 auto;padding:1rem 1.5rem 4.8rem}
.gt-jelajah header{text-align:center;margin-bottom:1.6rem}
.gt-jelajah header span{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hijau)}
.gt-jelajah h2{margin:.25rem 0 0;font-size:clamp(1.4rem,3vw,1.9rem)}
.gt-jel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.gt-jel-kartu{position:relative;overflow:hidden;padding:1.3rem 1.1rem 1rem;background:var(--kartu);border:1px solid var(--garis);border-radius:20px;box-shadow:var(--bayang)}
.gt-jel-kartu::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--hijau),#e9c46a)}
.gt-jel-kartu h3{margin:0 0 .6rem;padding-inline:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--hijau)}
.gt-jel-kartu ul{list-style:none;margin:0;padding:0;display:grid;gap:.15rem}
.gt-jel-kartu a{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem .8rem;border-radius:12px;color:var(--teks);font-weight:700;font-size:.93rem;text-decoration:none;transition:background .25s,color .25s,padding .25s}
.gt-jel-kartu a svg{flex:none;width:16px;height:16px;opacity:.35;transition:opacity .25s,transform .25s}
.gt-jel-kartu a:hover{background:color-mix(in srgb,var(--hijau) 10%,transparent);color:var(--hijau);padding-inline-start:1rem}
.gt-jel-kartu a:hover svg{opacity:1;transform:translateX(3px)}
.gt-jel-kartu a.aktif{background:var(--hijau);color:#fff}
.gt-jel-kartu a.aktif svg{opacity:1}
@media(max-width:900px){.gt-jel-grid{grid-template-columns:1fr}}
.gt-bagian{padding-top:2.6rem;padding-bottom:3rem}
.gt-bagian .tn-saring{margin-bottom:1.4rem}

/* ===== Ajakan di atas footer & kolom tautan (rapi, kontras jelas) ===== */
.kaki-cta{position:relative;overflow:hidden;padding:2rem 2.4rem;border:1px solid #ffffff2b;background:radial-gradient(420px 220px at 95% 0,#e9c46a38,transparent 70%),linear-gradient(120deg,#0e8f63,#075a3b)}
.kaki-cta::before{content:"";position:absolute;inset:0;background:var(--pola);opacity:.18;pointer-events:none}
.kaki-cta>*{position:relative}
.kaki-cta h3{font-size:1.5rem}
.kaki-cta .tombol{padding:.85rem 1.6rem;border-radius:999px;font-weight:800;transition:transform .25s,background .25s,box-shadow .25s}
.kaki-cta .tombol.emas{background:linear-gradient(135deg,#f6dc8f,#e9c46a);color:#3a2c00;border:2px solid transparent;box-shadow:0 12px 26px -12px #f2c94cbb}
.kaki-cta .tombol.garis{background:#ffffff1c;color:#fff;border:2px solid #ffffff80;backdrop-filter:blur(4px)}
.kaki-cta .tombol:hover{transform:translateY(-3px)}
.kaki-cta .tombol.garis:hover{background:#ffffff33;border-color:#fff}
.kaki-isi{align-items:start}
.kaki-dua{align-content:start;grid-auto-rows:min-content}
.kaki-isi a{font-size:.95rem}
@media(max-width:560px){.kaki-cta{padding:1.5rem}}

/* ===== Direktori: panel alat tunggal + kartu bundar yang tajam ===== */
.gt-judul{text-align:center;margin:0 0 1.6rem}
.gt-judul span{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--hijau)}
.gt-judul h2{margin:.25rem 0 0;font-size:clamp(1.4rem,3vw,2rem)}
.gt-alat{max-width:1000px;margin:0 auto 2rem;padding:1rem 1.1rem;gap:.9rem;background:var(--kartu);border:1px solid var(--garis);border-radius:26px;box-shadow:0 18px 40px -26px rgba(4,45,31,.5)}
.gt-alat .tn-saring{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;max-width:none;margin:0;padding:.25rem;border-radius:999px;background:color-mix(in srgb,var(--hijau) 7%,transparent);scrollbar-width:none}
.gt-alat .tn-saring::-webkit-scrollbar{display:none}
.gt-alat .tn-saring a{flex:none;display:inline-flex;align-items:center;gap:.4rem;border:0;background:transparent;box-shadow:none;padding:.5rem 1rem;font-size:.88rem;white-space:nowrap}
.gt-alat .tn-saring a:hover{transform:none;background:color-mix(in srgb,var(--hijau) 12%,transparent)}
.gt-alat .tn-saring a.aktif{background:var(--hijau);color:#fff;box-shadow:0 8px 16px -8px var(--hijau)}
.gt-alat .tn-saring a b{margin:0;min-width:1.4rem;height:1.4rem;font-size:.7rem}
.gt-alat .tn-saring a.aktif b{background:#ffffff33;color:#fff}
.gt-pencarian{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem .9rem}
.gt-cari{flex:1 1 280px;max-width:none;margin:0}
.gt-cari input{border-radius:16px;box-shadow:none;background:color-mix(in srgb,var(--hijau) 5%,var(--kartu));padding:.8rem 1.1rem .8rem 2.9rem}
.gt-baris{flex:0 1 auto;gap:.6rem .9rem;justify-content:flex-start}
.gt-chips{gap:.35rem;padding:.25rem;border-radius:16px;background:color-mix(in srgb,var(--hijau) 7%,transparent)}
.gt-chips button{border:0;background:transparent;border-radius:12px;padding:.5rem .95rem}
.gt-chips button.aktif{box-shadow:0 8px 16px -8px var(--hijau)}
.gt-mgmp{font-size:.82rem;color:var(--redup)}
.gt-mgmp select{border-radius:12px;max-width:200px}
.gt-info{text-align:start;font-size:.82rem;padding-inline:.3rem}
.gt-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem}
.gt-kartu{border-radius:26px;text-align:center;border:1px solid var(--garis);box-shadow:0 14px 30px -22px rgba(4,45,31,.45)}
.gt-kartu::before{content:"";display:block;height:92px;background:var(--pola),linear-gradient(135deg,var(--warna,var(--hijau)),var(--hijau-tua));background-size:90px,auto}
.gt-kartu:hover,.gt-kartu:focus-within{transform:translateY(-8px);border-color:color-mix(in srgb,var(--warna,var(--hijau)) 55%,transparent);box-shadow:0 26px 44px -24px color-mix(in srgb,var(--warna,var(--hijau)) 70%,#000)}
.gt-foto{width:132px;height:132px;aspect-ratio:1;margin:-66px auto 0;border-radius:50%;border:5px solid var(--kartu);background:linear-gradient(165deg,#fff3cf 0%,#c4ecd5 60%,color-mix(in srgb,var(--warna,var(--hijau)) 40%,#74d1a6) 100%);box-shadow:0 12px 24px -12px #0007;position:relative;z-index:1}
.gt-foto img{mix-blend-mode:multiply;object-position:center 12%}
.gt-inisial{font-size:2.6rem}
.gt-isi{padding:.9rem 1.2rem .4rem;align-items:center}
.gt-isi h3{font-size:1.05rem}
.gt-jabatan{display:inline-block;padding:.18rem .75rem;margin-top:.2rem;border-radius:999px;background:color-mix(in srgb,var(--warna,var(--hijau)) 12%,transparent);font-size:.78rem}
.gt-lencana-baris{justify-content:center}
.gt-kontak{justify-content:center;padding:.4rem 1rem 1.2rem}
.gt-d-foto{aspect-ratio:1;max-width:210px;margin-inline:auto;border-radius:50%}
.gt-d-foto img{mix-blend-mode:multiply}
@media(max-width:720px){.gt-alat{padding:.85rem}.gt-baris{width:100%}.gt-mgmp{width:100%;justify-content:space-between}.gt-mgmp select{max-width:none;flex:1}}
.gt-direktori,.gt-alat,.gt-grid{width:100%;box-sizing:border-box}
.gt-alat{display:grid}
.gt-grid{grid-template-columns:repeat(auto-fit,minmax(230px,270px));justify-content:center}
@media(max-width:560px){.gt-grid{grid-template-columns:minmax(0,1fr)}}

/* Barcode guru/tendik di profil */
.gt-d-kode{margin:.9rem 0 0;padding:.8rem;border:1px solid var(--garis);border-radius:12px;text-align:center;background:#fff}
.gt-d-kode span{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--redup,#667)}
.gt-d-bar{display:block;width:100%;height:54px;margin:.5rem 0 .3rem}
.gt-d-kode b{font-family:ui-monospace,Consolas,monospace;letter-spacing:.1em;font-size:.95rem}
.gt-d-kode small{display:block;margin-top:.25rem;font-size:.72rem;color:var(--redup,#667)}

/* Jejak 10 tahun terakhir guru/tendik */
.gt-jejak h3 small{font-weight:500;font-size:.78rem;color:var(--redup,#667)}
.gt-jejak-ringkas{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .9rem}
.gt-jj{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;background:#e8f1f8;color:#145a86}
.gt-jj.kegiatan{background:#e6f4ec;color:#0f6a41}.gt-jj.karya{background:#fff3dc;color:#8a5a00}
.gt-jejak-thn{display:grid;grid-template-columns:4.2rem 1fr;gap:.2rem .8rem;padding:.7rem 0;border-top:1px solid var(--garis)}
.gt-jejak-thn>strong{font-size:1.05rem;color:var(--warna,var(--hijau))}
.gt-jejak-thn ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.gt-jejak-thn li{display:grid;gap:.1rem;justify-items:start}
.gt-jejak-thn li b{font-weight:700}.gt-jejak-thn li em{font-style:normal;color:var(--redup,#556)}.gt-jejak-thn li small{color:var(--redup,#667)}
@media(max-width:560px){.gt-jejak-thn{grid-template-columns:1fr}}

/* ===== Halaman Profil Pendiri (hero + kartu pendiri + galeri) ===== */
.pd{--pd-emas:#e9c46a;--pd-emas-tua:#c9a227}
.pd-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#032619 0%,#064b32 55%,#0b7a4d 120%);padding:3.2rem 1.5rem 7rem}
.pd-hero::before{content:"";position:absolute;inset:-80px;background:var(--pola);opacity:.9;animation:60s linear infinite geser}
.pd-hero-latar{position:absolute;inset:0;pointer-events:none}
.pd-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}
.pd-orb.a{width:380px;height:380px;right:-60px;top:-80px;background:radial-gradient(circle,#e9c46a88,transparent 70%)}
.pd-orb.b{width:420px;height:420px;left:-120px;bottom:-140px;background:radial-gradient(circle,#10b98155,transparent 70%)}
.pd-hero-isi{position:relative;z-index:2;max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.pd-krum{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.85rem;opacity:.85;margin-bottom:1.4rem}
.pd-krum a{color:#fff;opacity:.85}
.pd-krum a:hover{opacity:1;color:var(--pd-emas);text-decoration:underline}
.pd-krum span{opacity:.5}
.pd-label{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem 1rem;border-radius:999px;border:1px solid #e9c46a66;background:#ffffff14;backdrop-filter:blur(6px);color:var(--pd-emas);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.pd-label i{width:8px;height:8px;border-radius:50%;background:var(--pd-emas);box-shadow:0 0 0 4px #e9c46a33}
.pd-hero h1{font-family:Sora,serif;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.05;letter-spacing:-.02em;margin:1rem 0 .8rem;color:#fff;animation:.9s .1s both masuk}
.pd-hero h1 em{font-style:normal;background:linear-gradient(100deg,#f6e3a1,var(--pd-emas) 45%,#d9a93a);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;white-space:nowrap}
.pd-hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-.12em;height:.12em;border-radius:99px;background:linear-gradient(90deg,var(--pd-emas),transparent)}
.pd-sub{font-size:clamp(1rem,2vw,1.2rem);max-width:46ch;opacity:.92;margin:0 0 1.6rem;animation:.9s .3s both masuk}
.pd-stat{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none;margin:0 0 1.8rem;padding:0}
.pd-stat li{min-width:112px;padding:.7rem 1.1rem;border-radius:16px;background:#ffffff12;border:1px solid #ffffff26;backdrop-filter:blur(6px);display:grid;gap:.1rem}
.pd-stat b{font:800 1.6rem/1 Sora,sans-serif;color:var(--pd-emas)}
.pd-stat span{font-size:.78rem;opacity:.85}
.pd-aksi{display:flex;flex-wrap:wrap;gap:.7rem}
.pd-tb{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;font-weight:700;background:linear-gradient(135deg,#f3d98b,var(--pd-emas-tua));color:#2b2102;box-shadow:0 10px 24px -10px #e9c46acc;transition:transform .25s,box-shadow .25s}
.pd-tb:hover{transform:translateY(-3px);box-shadow:0 16px 28px -10px #e9c46aee}
.pd-tb.garis{background:transparent;color:#fff;border:1.5px solid #ffffff66;box-shadow:none}
.pd-tb.garis:hover{background:#ffffff1a;border-color:#fff}
/* kolase foto bentuk mihrab */
.pd-lengkung{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px;z-index:3;display:block}
@keyframes pd-putar{to{transform:rotate(360deg)}}
@keyframes pd-melayang{50%{transform:translateY(-10px)}}

/* orbit hero: lingkaran pusat + bintang segi-8 + satelit foto */
.pd-orbit{position:relative;width:min(440px,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.pd-bintang{position:absolute;inset:0;width:100%;height:100%;color:#e9c46a88;animation:90s linear infinite pd-putar}
.pd-cincin{position:absolute;inset:11%;border-radius:50%;border:1px solid #ffffff2e;background:radial-gradient(circle,#ffffff10,transparent 70%)}
.pd-pusat{position:relative;width:58%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:5px solid var(--pd-emas);box-shadow:0 0 0 12px #ffffff12,0 30px 60px -20px #000b;background:#fff;display:grid;place-items:center}
.pd-pusat>img{width:100%;height:100%;object-fit:cover;display:block}
.pd-logo{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 30% 25%,#fff,#e9f5ee)}
.pd-logo img{width:62%;height:62%;object-fit:contain}
.pd-satelit{position:absolute;width:24%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:4px solid var(--pd-emas);box-shadow:0 14px 26px -10px #000a;background:#0b7a4d}
.pd-satelit img{width:100%;height:100%;object-fit:cover;display:block}
.pd-satelit.s1{left:0;bottom:12%;animation:6s ease-in-out infinite pd-melayang}
.pd-satelit.s2{right:2%;top:14%;width:20%;animation:7s 1s ease-in-out infinite pd-melayang}
.pd-kata{position:absolute;padding:.35rem .9rem;border-radius:999px;background:#ffffff1c;border:1px solid #ffffff40;backdrop-filter:blur(6px);font-weight:700;font-size:.85rem;letter-spacing:.06em;color:#fff;animation:6s ease-in-out infinite pd-melayang}
.pd-kata.k1{top:6%;left:14%}.pd-kata.k2{right:-2%;bottom:30%;animation-delay:1.2s}.pd-kata.k3{left:22%;bottom:0;animation-delay:2.2s}
.pd-bulan{position:absolute;top:0;right:12%;width:54px;color:var(--pd-emas);filter:drop-shadow(0 0 14px #e9c46a88);animation:6s ease-in-out infinite pd-melayang}
.pd-chip-nama{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1.6rem}
.pd-chip-nama small{opacity:.75;margin-right:.2rem}
.pd-chip-nama a{padding:.3rem .85rem;border-radius:999px;border:1px solid #e9c46a66;color:#fff;font-size:.85rem;font-weight:600;transition:background .2s}
.pd-chip-nama a:hover{background:#e9c46a26}

/* isi */
.pd-bagian{max-width:1100px;margin:0 auto;padding:2.2rem 1.5rem 3rem}
.pd-pengantar{max-width:720px;margin:0 auto 3rem;text-align:center;font-size:1.15rem;color:var(--redup);line-height:1.8;position:relative;padding-top:1.6rem}
.pd-pengantar::before{content:"";display:block;width:64px;height:4px;border-radius:99px;margin:0 auto 1.1rem;background:linear-gradient(90deg,var(--hijau),var(--pd-emas))}
.pd-kartu{display:grid;grid-template-columns:300px 1fr;gap:2rem 2.6rem;align-items:start;background:var(--kartu);border:1px solid var(--garis);border-radius:28px;padding:2rem;margin-bottom:2rem;box-shadow:var(--bayang);position:relative;overflow:hidden}
.pd-kartu::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#e9c46a2e,transparent 70%);pointer-events:none}
.pd-kartu.balik{grid-template-columns:1fr 300px}
.pd-kartu.balik .pd-potret{order:2}
.pd-potret{display:grid;justify-items:center;gap:1rem}
.pd-bingkai{width:100%;aspect-ratio:3/4;border-radius:999px 999px 24px 24px;overflow:hidden;border:4px solid var(--pd-emas);box-shadow:0 24px 40px -22px #064b32aa,0 0 0 8px #0f7a4a14;background:linear-gradient(160deg,#0b7a4d,#064b32);display:grid;place-items:center}
.pd-bingkai img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.pd-kartu:hover .pd-bingkai img{transform:scale(1.05)}
.pd-bingkai .inisial{font:800 5rem Sora,sans-serif;color:var(--pd-emas)}
.pd-tahun{padding:.4rem 1.1rem;border-radius:999px;background:var(--hijau-tua);color:var(--pd-emas);font-weight:700;font-size:.9rem;letter-spacing:.04em}
.pd-isi{position:relative;z-index:1;min-width:0}
.pd-peran{display:inline-block;padding:.3rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--hijau) 12%,transparent);color:var(--hijau);font-weight:700;font-size:.85rem}
.pd-isi h2{font:800 clamp(1.7rem,3.4vw,2.5rem)/1.15 Sora,sans-serif;margin:.7rem 0 .8rem}
.pd-ringkas{font-size:1.12rem;font-weight:600;line-height:1.6;margin:0 0 1rem;padding-left:1rem;border-left:4px solid var(--pd-emas)}
.pd-bio p{line-height:1.85;margin:0 0 1rem;color:var(--teks)}
.pd-kutip{margin:1.6rem 0 0;padding:1.4rem 1.6rem 1.2rem 3.4rem;border-radius:20px;background:linear-gradient(135deg,#064b32,#0b7a4d);color:#fff;position:relative}
.pd-kutip::before{content:"“";position:absolute;left:1rem;top:.1rem;font:700 4.4rem/1 Georgia,serif;color:var(--pd-emas);opacity:.9}
.pd-kutip p{margin:0;font-size:1.1rem;font-style:italic;line-height:1.7}
.pd-kutip footer{margin-top:.6rem;font-size:.85rem;color:var(--pd-emas);font-weight:700}
.pd-galeri{grid-column:1/-1;position:relative;z-index:1;border-top:1px dashed var(--garis);padding-top:1.4rem}
.pd-galeri-kepala{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}
.pd-galeri-kepala h3{font:700 1.15rem Sora,sans-serif}
.pd-galeri-kepala span{color:var(--redup);font-size:.9rem}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem;grid-auto-flow:dense}
.pd-grid.besar .pd-foto:first-child{grid-column:span 2;grid-row:span 2}
.pd-foto{position:relative;padding:0;border:0;border-radius:16px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3;background:var(--garis);display:block}
.pd-grid.besar .pd-foto:first-child{aspect-ratio:auto}
.pd-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pd-foto:hover img,.pd-foto:focus-visible img{transform:scale(1.07)}
.pd-foto:focus-visible{outline:3px solid var(--pd-emas);outline-offset:2px}
.pd-foto span{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .6rem;font-size:.82rem;text-align:left;color:#fff;background:linear-gradient(transparent,#000b);opacity:0;transform:translateY(8px);transition:.3s}
.pd-foto:hover span,.pd-foto:focus-visible span{opacity:1;transform:none}
.pd-kosong{display:grid;justify-items:center;gap:.4rem;padding:3rem 1rem;border:2px dashed var(--garis);border-radius:24px;max-width:520px;margin:0 auto;text-align:center;color:var(--redup)}
.pd-kosong .inisial{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--hijau);color:#fff;font:800 2.2rem Sora,sans-serif}
/* lanjut membaca */
.pd-lanjut{max-width:1100px;margin:0 auto;padding:0 1.5rem 4.5rem}
.pd-lanjut h2{font:700 1.3rem Sora,sans-serif;margin-bottom:1rem}
.pd-lanjut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.pd-lanjut-grid a{position:relative;display:grid;gap:.25rem;padding:1.2rem 3rem 1.2rem 1.3rem;border-radius:18px;background:var(--kartu);border:1px solid var(--garis);transition:transform .25s,border-color .25s,box-shadow .25s}
.pd-lanjut-grid a:hover{transform:translateY(-4px);border-color:var(--hijau);box-shadow:var(--bayang)}
.pd-lanjut-grid b{font-size:1.02rem}
.pd-lanjut-grid span{font-size:.88rem;color:var(--redup)}
.pd-lanjut-grid i{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.3rem;color:var(--hijau);transition:transform .25s}
.pd-lanjut-grid a:hover i{transform:translate(4px,-50%)}
@media(max-width:900px){
  .pd-hero{padding:2.2rem 1.2rem 6rem}
  .pd-hero-isi{grid-template-columns:1fr;gap:1.2rem;text-align:left}
  .pd-orbit{width:min(340px,92%);order:-1}
  .pd-kartu,.pd-kartu.balik{grid-template-columns:1fr;padding:1.4rem}
  .pd-kartu.balik .pd-potret{order:0}

  .pd-bingkai{max-width:240px}
}
@media(max-width:520px){
  .pd-stat li{min-width:96px;padding:.6rem .9rem}
  .pd-grid{grid-template-columns:repeat(2,1fr)}
  .pd-grid.besar .pd-foto:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}
  .pd-kutip{padding-left:3rem}
}
@media(prefers-reduced-motion:reduce){.pd-bintang,.pd-bulan,.pd-kata,.pd-satelit,.pd-hero::before{animation:none!important}}

/* ===== Profil Pendiri: penyegaran bagian isi ===== */
.pd-bagian{padding:3.2rem 1.5rem 3.5rem}
.pd-eyebrow{display:inline-block;color:var(--hijau);font-weight:800;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;padding:.3rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--hijau) 10%,transparent)}
.pd-kepala{text-align:center;max-width:760px;margin:0 auto 3.4rem}
.pd-kepala h2{font:800 clamp(1.7rem,3.6vw,2.6rem)/1.15 Sora,sans-serif;margin:.9rem 0 .8rem}
.pd-kepala p{margin:0;color:var(--redup);font-size:1.1rem;line-height:1.8}
.pd-kepala::after{content:"";display:block;width:84px;height:4px;border-radius:99px;margin:1.4rem auto 0;background:linear-gradient(90deg,var(--hijau),var(--pd-emas))}
.pd-kartu{border-radius:32px;padding:2.4rem;margin-bottom:2.6rem;background:linear-gradient(180deg,var(--kartu),color-mix(in srgb,var(--kartu) 94%,var(--hijau)))}
.pd-no{position:absolute;right:1.6rem;top:.6rem;font:800 5.5rem/1 Sora,sans-serif;color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--hijau) 22%,transparent);pointer-events:none;user-select:none}
.pd-bingkai{position:relative;overflow:visible;border:0;background:none;box-shadow:none}
.pd-bingkai::before{content:"";position:absolute;inset:0;border-radius:999px 999px 24px 24px;border:3px solid var(--pd-emas);transform:translate(12px,12px);z-index:0}
.pd-bingkai img,.pd-bingkai .inisial{position:relative;z-index:1;border-radius:999px 999px 24px 24px;border:4px solid #fff;box-shadow:0 26px 40px -22px #064b32cc}
.pd-bingkai .inisial{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(160deg,#0b7a4d,#064b32)}
.pd-tahun{margin-top:.4rem}
.pd-isi h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}
.pd-galeri{padding-top:1.8rem}
.pd-galeri-kepala h3::before{content:"✦ ";color:var(--pd-emas)}
.pd-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.3rem;padding:.4rem .2rem}
.pd-foto{aspect-ratio:auto;border-radius:6px;background:#fff;padding:.55rem .55rem 0;box-shadow:0 12px 26px -14px #0008;transform:rotate(-1.6deg);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;text-align:left}
.pd-foto:nth-child(even){transform:rotate(1.4deg)}
.pd-foto:nth-child(3n){transform:rotate(-.6deg)}
.pd-foto:hover,.pd-foto:focus-visible{transform:rotate(0) translateY(-6px) scale(1.03);box-shadow:0 22px 34px -14px #000a;z-index:2}
.pd-foto img{aspect-ratio:4/3;border-radius:3px;height:auto}
.pd-foto:hover img,.pd-foto:focus-visible img{transform:none}
.pd-foto span{position:static;opacity:1;transform:none;background:none;color:#334;padding:.55rem .2rem .7rem;font-size:.84rem;font-weight:600;line-height:1.3;display:block;min-height:2.4rem}
.pd-grid.besar .pd-foto:first-child{grid-column:span 2;grid-row:span 2}
.pd-grid.besar .pd-foto:first-child img{aspect-ratio:auto;height:calc(100% - 3.2rem);min-height:240px}
.pd-kutip{border-radius:24px;box-shadow:0 20px 36px -20px #064b32cc}
/* keadaan kosong */
.pd-kosong{max-width:640px;margin:0 auto;padding:2.6rem 1.6rem 2.4rem;border:2px dashed color-mix(in srgb,var(--hijau) 30%,var(--garis));border-radius:32px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--pd-emas) 14%,transparent),transparent 65%),var(--kartu);text-align:center;display:grid;justify-items:center;gap:.7rem}
.pd-slot-baris{display:flex;align-items:flex-end;justify-content:center;gap:1rem;margin-bottom:.8rem}
.pd-slot{display:grid;place-items:center;width:84px;height:110px;border-radius:999px 999px 14px 14px;border:2px dashed var(--pd-emas-tua);color:var(--pd-emas-tua);background:color-mix(in srgb,var(--pd-emas) 10%,transparent)}
.pd-slot.tengah{width:112px;height:148px;border-style:solid;color:var(--hijau);border-color:var(--hijau);background:color-mix(in srgb,var(--hijau) 8%,transparent)}
.pd-kosong h3{font:800 1.5rem Sora,sans-serif}
.pd-kosong p{margin:0;color:var(--redup);max-width:44ch}
.pd-kosong .pd-tb{margin-top:.6rem}
/* lanjut membaca */
.pd-lanjut{text-align:center}
.pd-lanjut h2{font:800 clamp(1.5rem,3vw,2rem) Sora,sans-serif;margin:.7rem 0 1.6rem}
.pd-lanjut-grid a{text-align:left;padding:1.5rem 3.2rem 1.4rem 1.4rem;border-radius:22px;overflow:hidden}
.pd-lanjut-grid a::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--hijau),var(--pd-emas));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.pd-lanjut-grid a:hover::before{transform:none}
.pd-lanjut-grid em{font-style:normal;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:1.4rem;background:color-mix(in srgb,var(--hijau) 11%,transparent);margin-bottom:.6rem}
@media(max-width:900px){.pd-kartu{padding:1.5rem}.pd-no{font-size:3.6rem;right:1rem}.pd-bingkai::before{transform:translate(8px,8px)}}
@media(max-width:520px){.pd-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.pd-grid.besar .pd-foto:first-child img{height:auto;min-height:0;aspect-ratio:4/3}.pd-slot{width:64px;height:86px}.pd-slot.tengah{width:88px;height:118px}}

/* ===== Profil Pendiri: tipografi editorial (Playfair Display + DM Sans) ===== */
.pd{--pd-serif:'Playfair Display','Iowan Old Style',Georgia,serif;font-feature-settings:"kern","liga"}
html[dir=rtl] .pd{--pd-serif:'Amiri',serif}
.pd-hero h1,.pd-kepala h2,.pd-isi h2,.pd-lanjut h2,.pd-kosong h3,.pd-lanjut-grid b,.pd-galeri-kepala h3,.pd-kutip p,.pd-ringkas,.pd-stat b{font-family:var(--pd-serif)}
.pd-hero h1{font-weight:700;font-size:clamp(2.6rem,5.8vw,4.5rem);line-height:1.06;letter-spacing:-.015em;margin:1.1rem 0 1rem}
.pd-hero h1 em{font-style:italic;font-weight:600;padding-right:.08em}
.pd-hero h1 em::after{height:.07em;bottom:-.1em}
.pd-sub{font-size:1.15rem;line-height:1.6;font-weight:400;letter-spacing:.01em}
.pd-label{font-size:.72rem;letter-spacing:.22em;font-weight:700;padding:.45rem 1rem}
.pd-krum{font-size:.82rem;letter-spacing:.02em}
.pd-stat b{font-weight:600;font-size:1.9rem;letter-spacing:-.01em}
.pd-stat span{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.pd-tb{font-size:.95rem;letter-spacing:.01em}
.pd-eyebrow{background:none;padding:0;display:inline-flex;align-items:center;gap:.8rem;font-size:.74rem;letter-spacing:.24em;color:var(--hijau)}
.pd-eyebrow::before,.pd-eyebrow::after{content:"";width:28px;height:1px;background:var(--pd-emas-tua)}
.pd-kepala h2{font-weight:600;font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.12;letter-spacing:-.01em;margin:1rem 0 1rem}
.pd-kepala p{font-size:1.08rem;line-height:1.85;max-width:60ch;margin-inline:auto}
.pd-kartu{padding:2.6rem}
.pd-no{font-family:var(--pd-serif);font-weight:600;font-size:5rem;-webkit-text-stroke:1px color-mix(in srgb,var(--pd-emas-tua) 40%,transparent)}
.pd-peran{background:none;padding:0;border-radius:0;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pd-emas-tua);display:inline-flex;align-items:center;gap:.7rem}
.pd-peran::before{content:"";width:28px;height:1px;background:currentColor}
.pd-isi h2{font-weight:700;font-size:clamp(2rem,3.8vw,3rem);line-height:1.1;letter-spacing:-.015em;margin:.8rem 0 1rem}
.pd-ringkas{font-style:italic;font-weight:500;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.55;border-left:2px solid var(--pd-emas);padding-left:1.1rem;margin:0 0 1.4rem;color:var(--teks)}
.pd-bio{max-width:64ch}
.pd-bio p{font-size:1.04rem;line-height:1.9;margin:0 0 1.1rem;color:color-mix(in srgb,var(--teks) 88%,transparent)}
.pd-tahun{font-size:.82rem;letter-spacing:.12em;font-weight:700}
.pd-kutip{padding:1.8rem 2rem 1.5rem 4rem}
.pd-kutip::before{font-family:var(--pd-serif);font-size:5rem;left:1.2rem;top:.3rem}
.pd-kutip p{font-style:italic;font-weight:500;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.6}
.pd-kutip footer{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.9rem}
.pd-galeri-kepala h3{font-weight:600;font-size:1.35rem}
.pd-galeri-kepala span{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.pd-foto span{font-size:.82rem;letter-spacing:.01em}
/* keadaan kosong, lebih tenang */
.pd-kosong{border:1px solid var(--garis);border-style:solid;background:var(--kartu);padding:3.2rem 1.6rem;box-shadow:var(--bayang)}
.pd-kosong-ikon{width:64px;height:80px;color:var(--pd-emas-tua);opacity:.9;margin-bottom:.6rem}
.pd-kosong h3{font-weight:600;font-size:1.6rem;line-height:1.25}
.pd-kosong p{line-height:1.75}
/* lanjut membaca: daftar editorial */
.pd-lanjut h2{font-weight:600;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.01em}
.pd-lanjut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;border-top:1px solid var(--garis)}
.pd-lanjut-grid a{background:none;border:0;border-bottom:1px solid var(--garis);border-radius:0;box-shadow:none;padding:1.6rem 3rem 1.6rem .2rem;gap:.35rem}
.pd-lanjut-grid a::before{display:none}
.pd-lanjut-grid a:hover{transform:none;box-shadow:none;background:color-mix(in srgb,var(--hijau) 5%,transparent)}
.pd-lanjut-grid small{font-weight:700;letter-spacing:.2em;color:var(--pd-emas-tua);font-size:.74rem}
.pd-lanjut-grid b{font-weight:600;font-size:1.25rem;line-height:1.25}
.pd-lanjut-grid span{line-height:1.6}
.pd-lanjut-grid i{right:.4rem}
@media(max-width:900px){.pd-kartu{padding:1.6rem}.pd-kutip{padding:1.5rem 1.3rem 1.2rem 3.2rem}}

/* ===== Halaman Tentang (Profil, Sambutan, Sejarah, Pilar): memakai gaya Profil Pendiri ===== */
.pd-bagian-rapat{padding-top:1rem}
.pd-tb-hijau{margin-top:1rem;background:linear-gradient(135deg,var(--hijau),#0b6b40);color:#fff;box-shadow:0 10px 24px -12px #064b32cc}
.pd-alamat{margin:.4rem 0 0;color:var(--redup);font-size:.95rem;line-height:1.7}
.pd-logo-bingkai{background:radial-gradient(circle at 30% 25%,#fff,#e9f5ee)!important}
.pd-logo-bingkai img{width:62%;height:auto;object-fit:contain;border:0!important;box-shadow:none!important;border-radius:0!important}
.pd-kartu.pd-satu{grid-template-columns:1fr}
.pd-salam{font-family:'Amiri',serif;font-size:clamp(1.5rem,3vw,2rem);color:var(--pd-emas-tua);margin:.2rem 0 1.2rem;line-height:1.8}
/* kisi kartu unit & program */
.pd-kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.3rem;margin-bottom:2.4rem}
.pd-sel{--w:var(--hijau);position:relative;display:grid;align-content:start;gap:.4rem;padding:1.7rem 1.5rem 1.5rem;border-radius:26px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang);overflow:hidden;transition:transform .3s,border-color .3s}
.pd-sel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--w),var(--pd-emas))}
a.pd-sel:hover{transform:translateY(-6px);border-color:var(--w)}
.pd-sel-no{font:600 2.6rem/1 var(--pd-serif);color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--pd-emas-tua) 55%,transparent)}
.pd-sel h3{font:600 1.35rem/1.25 var(--pd-serif);margin:.3rem 0 0}
.pd-sel small{color:var(--w);font-weight:700;letter-spacing:.08em}
.pd-sel p{margin:0;color:var(--redup);line-height:1.7;font-size:.96rem}
.pd-sel-lanjut{margin-top:.6rem;font-weight:700;font-size:.9rem;color:var(--w)}
.pd-sel-lanjut i{font-style:normal;display:inline-block;transition:transform .25s}
a.pd-sel:hover .pd-sel-lanjut i{transform:translateX(5px)}
/* garis waktu sejarah */
.pd-garis{list-style:none;margin:0 auto 2rem;padding:0;max-width:900px;position:relative}
.pd-garis::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translateX(-50%);background:linear-gradient(var(--pd-emas),var(--hijau))}
.pd-garis li{position:relative;width:50%;padding:0 2.6rem 2.2rem 0;box-sizing:border-box}
.pd-garis li.kanan{margin-left:50%;padding:0 0 2.2rem 2.6rem}
.pd-garis li::after{content:"";position:absolute;top:1.1rem;right:-9px;width:16px;height:16px;border-radius:50%;background:var(--pd-emas);border:3px solid var(--latar);box-shadow:0 0 0 2px var(--hijau)}
.pd-garis li.kanan::after{right:auto;left:-9px}
.pd-garis-tahun{display:inline-block;padding:.3rem 1rem;border-radius:999px;background:var(--hijau-tua);color:var(--pd-emas);font-weight:700;font-size:.85rem;letter-spacing:.08em;margin-bottom:.6rem}
.pd-garis-kartu{padding:1.3rem 1.5rem;border-radius:22px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang)}
.pd-garis-kartu h3{font:600 1.3rem/1.3 var(--pd-serif);margin:0 0 .4rem}
.pd-garis-kartu p{margin:0;color:var(--redup);line-height:1.75}
/* pilar */
.pd-pilar-dua{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}
.pd-kartu.pd-pilar{display:block;margin-bottom:0}
.pd-pilar.emas .pd-peran{color:#9a7414}
.pd-pilar-daftar{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.7rem}
.pd-pilar-daftar li{display:flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-radius:18px;background:color-mix(in srgb,var(--hijau) 6%,var(--kartu));border:1px solid var(--garis)}
.pd-pilar.emas .pd-pilar-daftar li{background:color-mix(in srgb,var(--pd-emas) 12%,var(--kartu))}
.pd-pilar-daftar span{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--hijau-tua);color:var(--pd-emas);font:600 .95rem var(--pd-serif)}
.pd-pilar-daftar b{font-weight:600;line-height:1.4}
@media(max-width:900px){
  .pd-pilar-dua{grid-template-columns:1fr}
  .pd-garis::before{left:14px}
  .pd-garis li,.pd-garis li.kanan{width:100%;margin-left:0;padding:0 0 1.8rem 2.6rem}
  .pd-garis li::after,.pd-garis li.kanan::after{left:6px;right:auto}
}

/* ===== Visi, misi, tujuan, filosofi, pimpinan (gaya Profil Pendiri) ===== */
.pd-kutip.pd-besar{max-width:880px;margin:0 auto 3rem;padding:2.6rem 2.4rem 2rem 4.6rem;border-radius:30px}
.pd-kutip.pd-besar p{font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.55}
.pd-kutip.pd-besar::before{font-size:6.5rem;left:1.3rem;top:.4rem}
.pd-uraian{max-width:760px;margin:0 auto}
.pd-misi{list-style:none;margin:0 auto 3rem;padding:0;max-width:880px;display:grid;gap:.9rem}
.pd-misi li{display:flex;gap:1.2rem;align-items:flex-start;padding:1.2rem 1.5rem;border-radius:22px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang);transition:transform .25s,border-color .25s}
.pd-misi li:hover{transform:translateX(6px);border-color:var(--hijau)}
.pd-misi span{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--hijau-tua);color:var(--pd-emas);font:600 1.05rem var(--pd-serif)}
.pd-misi p{margin:.15rem 0 0;line-height:1.75}
.pd-orang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.6rem;margin-bottom:3rem}
.pd-orang{display:grid;justify-items:center;gap:.5rem;text-align:center;padding:1.8rem 1.4rem 1.6rem;border-radius:28px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang)}
.pd-orang .pd-bingkai{width:min(170px,100%)}
.pd-orang .pd-bingkai .inisial{font-size:3.4rem}
.pd-orang h3{font:600 1.25rem/1.3 var(--pd-serif);margin:.9rem 0 0}
.pd-orang p{margin:.2rem 0 0;color:var(--redup);font-size:.93rem;line-height:1.65}
@media(max-width:900px){.pd-kutip.pd-besar{padding:2rem 1.4rem 1.5rem 3.4rem}}

/* ===== Struktur organisasi, fasilitas, ekstrakurikuler, guru (gaya Profil Pendiri) ===== */
.pd-bagan{list-style:none;margin:0 auto 3rem;padding:0;max-width:1000px;display:grid;gap:0}
.pd-bagan>li{position:relative;display:grid;justify-items:center;gap:.8rem;padding:0 0 2.6rem}
.pd-bagan>li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:.3rem;height:2rem;width:2px;background:linear-gradient(var(--pd-emas),var(--hijau))}
.pd-bagan-label{font-weight:800;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pd-emas-tua)}
.pd-bagan-baris{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}
.pd-bagan-kotak{display:grid;gap:.2rem;text-align:center;min-width:180px;max-width:260px;padding:1rem 1.3rem;border-radius:20px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang)}
.pd-bagan-kotak b{font:600 1.05rem/1.35 var(--pd-serif)}
.pd-bagan-kotak small{color:var(--redup);line-height:1.5}
.pd-bagan-kotak.utama{max-width:none;padding:1.3rem 2.4rem;background:linear-gradient(135deg,#064b32,#0b7a4d);color:#fff;border:0;font:700 clamp(1.2rem,2.4vw,1.7rem) var(--pd-serif)}
.pd-bagan-kotak.tautan{transition:transform .25s,border-color .25s}
.pd-bagan-kotak.tautan:hover{transform:translateY(-4px);border-color:var(--hijau)}
.pd-bagan-kotak.kosong{border-style:dashed;opacity:.75}
/* penyaring jenjang */
.pd-saring{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 auto 2.2rem}
.pd-saring a{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--garis);background:var(--kartu);font-weight:700;font-size:.9rem;transition:.2s}
.pd-saring a:hover{border-color:var(--hijau)}
.pd-saring a.aktif{background:var(--hijau);border-color:var(--hijau);color:#fff}
/* katalog kartu */
.pd-katalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;margin-bottom:3rem}
.pd-item{--w:var(--hijau);display:grid;grid-template-rows:auto 1fr;border-radius:28px;overflow:hidden;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang);transition:transform .3s}
.pd-item:hover{transform:translateY(-6px)}
.pd-item-foto{position:relative;aspect-ratio:4/3;background:linear-gradient(160deg,var(--w),#064b32);display:grid;place-items:center;overflow:hidden}
.pd-item-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.pd-item:hover .pd-item-foto img{transform:scale(1.06)}
.pd-item-foto>span{font:700 4rem var(--pd-serif);color:var(--pd-emas)}
.pd-item-no{position:absolute;left:1rem;top:.8rem;font:600 1.5rem/1 var(--pd-serif);color:#fff;text-shadow:0 2px 10px #000a}
.pd-item-isi{display:grid;align-content:start;gap:.5rem;padding:1.3rem 1.4rem 1.5rem}
.pd-item-tag{justify-self:start;padding:.25rem .8rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--w);background:color-mix(in srgb,var(--w) 12%,transparent)}
.pd-item h3{font:600 1.3rem/1.3 var(--pd-serif);margin:0}
.pd-item p{margin:0;color:var(--redup);line-height:1.7;font-size:.96rem}
.pd-item-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:.4rem 0 0;padding-top:.8rem;border-top:1px dashed var(--garis)}
.pd-item-meta dt{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pd-emas-tua)}
.pd-item-meta dd{margin:0;font-weight:600;font-size:.92rem}
@media(max-width:520px){.pd-bagan-kotak{min-width:140px}}

/* ===== Direktori Guru & Tendik: tampilan mewah dan elegan (Playfair Display + DM Sans, hijau-emas) ===== */
.gt-bagian{max-width:1180px;margin-inline:auto;padding-top:3rem}
.gt-judul{margin:0 auto 2.4rem;max-width:760px}
.gt-judul span{display:inline-flex;align-items:center;gap:.9rem;font-size:.74rem;font-weight:700;letter-spacing:.26em;color:var(--hijau)}
.gt-judul span::before,.gt-judul span::after{content:"";width:34px;height:1px;background:var(--pd-emas-tua,#c9a227)}
.gt-judul h2{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:600;font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.012em;margin:1rem 0 0}
.gt-judul::after{content:"";display:block;width:84px;height:3px;border-radius:99px;margin:1.5rem auto 0;background:linear-gradient(90deg,var(--hijau),var(--pd-emas,#e9c46a))}
/* panel alat */
.gt-alat{position:relative;max-width:1100px;padding:1.7rem 2rem 1.4rem;gap:1.3rem;border-radius:34px;border:1px solid color-mix(in srgb,var(--pd-emas-tua,#c9a227) 28%,var(--garis));background:linear-gradient(180deg,var(--kartu),color-mix(in srgb,var(--kartu) 94%,var(--hijau)));box-shadow:0 34px 60px -38px rgba(4,45,31,.55),0 2px 0 #fff inset;overflow:hidden}
.gt-alat::before{content:"";position:absolute;left:8%;right:8%;top:0;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,transparent,var(--pd-emas,#e9c46a),transparent)}
/* tab unit: garis bawah emas */
.gt-alat .tn-saring{justify-content:center;flex-wrap:wrap;overflow:visible;padding:0;border-radius:0;background:none;border-bottom:1px solid var(--garis);gap:.2rem .4rem}
.gt-alat .tn-saring a{position:relative;padding:.85rem 1.15rem;border-radius:0;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--redup);gap:.55rem}
.gt-alat .tn-saring a::after{content:"";position:absolute;left:1rem;right:1rem;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--pd-emas-tua,#c9a227),var(--pd-emas,#e9c46a));transform:scaleX(0);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.gt-alat .tn-saring a:hover{background:none;color:var(--hijau)}
.gt-alat .tn-saring a:hover::after{transform:scaleX(.45)}
.gt-alat .tn-saring a.aktif{background:none;color:var(--hijau-tua);box-shadow:none}
.gt-alat .tn-saring a.aktif::after{transform:none}
.gt-alat .tn-saring a b{display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;border-radius:99px;background:color-mix(in srgb,var(--pd-emas,#e9c46a) 22%,transparent);color:#8a6a10;font-size:.7rem;letter-spacing:0}
.gt-alat .tn-saring a.aktif b{background:var(--hijau-tua);color:var(--pd-emas,#e9c46a)}
/* pencarian */
.gt-pencarian{gap:1rem 1.4rem}
.gt-cari input{border-radius:999px;padding:1rem 1.4rem 1rem 3.3rem;font-size:1rem;border:1px solid var(--garis);background:var(--kartu);box-shadow:0 10px 24px -18px rgba(4,45,31,.5);transition:border-color .25s,box-shadow .25s}
.gt-cari input::placeholder{color:color-mix(in srgb,var(--redup) 85%,transparent);font-style:italic}
.gt-cari input:focus{outline:0;border-color:var(--pd-emas-tua,#c9a227);box-shadow:0 0 0 4px color-mix(in srgb,var(--pd-emas,#e9c46a) 32%,transparent)}
.gt-cari svg{inset-inline-start:1.3rem;color:var(--pd-emas-tua,#c9a227);width:1.2rem;height:1.2rem}
/* kelompok + mgmp */
.gt-chips{padding:.3rem;border-radius:999px;background:color-mix(in srgb,var(--hijau) 7%,var(--kartu));border:1px solid var(--garis)}
.gt-chips button{border-radius:999px;padding:.55rem 1.15rem;font-size:.86rem;font-weight:700;color:var(--redup);transition:background .25s,color .25s}
.gt-chips button:hover{color:var(--hijau)}
.gt-chips button.aktif{background:linear-gradient(135deg,#064b32,#0b7a4d);color:var(--pd-emas,#e9c46a);box-shadow:0 10px 18px -10px #064b32}
.gt-mgmp{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--redup)}
.gt-mgmp select{border-radius:999px;padding:.6rem 1.1rem;font-size:.9rem;letter-spacing:0;text-transform:none;font-weight:600;border-color:var(--garis);cursor:pointer}
.gt-mgmp select:focus{outline:0;border-color:var(--pd-emas-tua,#c9a227);box-shadow:0 0 0 3px color-mix(in srgb,var(--pd-emas,#e9c46a) 30%,transparent)}
.gt-info{text-align:center;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding-top:1rem;border-top:1px solid var(--garis);color:var(--redup)}
/* kartu guru: bingkai mihrab */
.gt-grid{grid-template-columns:repeat(auto-fit,minmax(240px,280px));gap:1.8rem}
.gt-kartu{border-radius:30px;border:1px solid color-mix(in srgb,var(--pd-emas-tua,#c9a227) 22%,var(--garis));background:linear-gradient(180deg,var(--kartu),color-mix(in srgb,var(--kartu) 95%,var(--warna,var(--hijau))));box-shadow:0 22px 40px -30px rgba(4,45,31,.55);overflow:hidden}
.gt-kartu::before{height:96px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--pd-emas,#e9c46a) 40%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--warna,var(--hijau)) 14%,transparent),transparent)}
.gt-kartu:hover,.gt-kartu:focus-within{transform:translateY(-10px);border-color:var(--pd-emas-tua,#c9a227);box-shadow:0 34px 50px -30px color-mix(in srgb,var(--warna,var(--hijau)) 70%,#000)}
.gt-foto{width:156px;height:200px;aspect-ratio:auto;margin:-72px auto 0;border-radius:999px 999px 22px 22px;border:3px solid var(--pd-emas,#e9c46a);box-shadow:0 0 0 7px color-mix(in srgb,var(--warna,var(--hijau)) 10%,transparent),0 22px 30px -18px #0009}
.gt-foto img{object-position:center 8%}
.gt-inisial{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:600;font-size:3.4rem;color:var(--pd-emas,#e9c46a)}
.gt-isi{padding:1.2rem 1.3rem .5rem;gap:.35rem}
.gt-isi h3{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:600;font-size:1.28rem;line-height:1.3;letter-spacing:-.005em}
.gt-jabatan{padding:0;margin-top:.15rem;border-radius:0;background:none;font-size:.7rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#9a7414;display:inline-flex;align-items:center;gap:.6rem}
.gt-jabatan::before,.gt-jabatan::after{content:"";width:14px;height:1px;background:currentColor;opacity:.6}
.gt-bidang{font-style:italic;font-size:.9rem;line-height:1.5}
.gt-lencana-baris{gap:.4rem;margin-top:.55rem}
.gt-lencana{padding:.2rem .7rem;border-radius:999px;background:none;border:1px solid var(--garis);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--redup)}
.gt-lencana.wali{background:var(--warna,var(--hijau));border-color:transparent;color:#fff}
.gt-kontak{padding:.5rem 1rem 1.4rem;gap:.5rem}
.gt-kontak a{width:36px;height:36px;border-color:color-mix(in srgb,var(--pd-emas-tua,#c9a227) 35%,var(--garis));color:var(--hijau)}
.gt-kontak a:hover{background:var(--hijau-tua);border-color:var(--hijau-tua);color:var(--pd-emas,#e9c46a)}
/* profil di pop-up/halaman */
.gt-d-isi h2{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:700;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.01em}
.gt-d-kategori{letter-spacing:.2em;font-size:.72rem}
.gt-sec h3{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:600;font-size:1.2rem;border-bottom:1px solid var(--garis)}
.gt-d-foto{border-radius:999px 999px 22px 22px;aspect-ratio:3/4;max-width:240px;border:3px solid var(--pd-emas,#e9c46a)}
@media(max-width:720px){.gt-alat{padding:1.2rem 1rem}.gt-alat .tn-saring{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.gt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.gt-foto{width:120px;height:156px;margin-top:-58px}.gt-isi h3{font-size:1.08rem}}
@media(max-width:420px){.gt-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== Fasilitas & Ekstrakurikuler: etalase mewah (medali ikon, bingkai lengkung, tipografi serif) ===== */
.pd-saring{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;width:fit-content;max-width:100%;margin:0 auto 1.2rem;padding:.4rem;border-radius:999px;background:var(--kartu);border:1px solid color-mix(in srgb,var(--pd-emas-tua,#c9a227) 28%,var(--garis));box-shadow:0 20px 36px -26px rgba(4,45,31,.55)}
.pd-saring a{padding:.65rem 1.3rem;border:0;border-radius:999px;background:none;font-size:.76rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--redup);transition:background .25s,color .25s}
.pd-saring a:hover{color:var(--hijau);background:color-mix(in srgb,var(--hijau) 7%,transparent)}
.pd-saring a.aktif{background:linear-gradient(135deg,#064b32,#0b7a4d);color:var(--pd-emas,#e9c46a);box-shadow:0 12px 20px -12px #064b32}
.pd-jumlah{text-align:center;margin:0 0 2.2rem;font-size:.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--redup)}
.pd-jumlah b{font:600 1.15rem var(--pd-serif,'Playfair Display',Georgia,serif);letter-spacing:0;color:#9a7414;margin:0 .15rem}
.pd-katalog{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.9rem}
.pd-item{position:relative;border-radius:32px;border:1px solid color-mix(in srgb,var(--pd-emas-tua,#c9a227) 24%,var(--garis));background:linear-gradient(180deg,var(--kartu),color-mix(in srgb,var(--kartu) 95%,var(--w)));box-shadow:0 26px 44px -32px rgba(4,45,31,.6);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.pd-item:hover{transform:translateY(-10px);border-color:var(--pd-emas-tua,#c9a227);box-shadow:0 38px 56px -34px color-mix(in srgb,var(--w) 75%,#000)}
.pd-item-foto{aspect-ratio:16/11;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--pd-emas,#e9c46a) 34%,transparent),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e9c46a' stroke-opacity='.18' stroke-width='1.2'%3E%3Crect x='16' y='16' width='40' height='40' rx='2'/%3E%3Crect x='16' y='16' width='40' height='40' rx='2' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(155deg,color-mix(in srgb,var(--w) 88%,#0b7a4d),#042d1f)}
.pd-item-foto::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:26px;border-radius:26px 26px 0 0;background:color-mix(in srgb,var(--kartu) 98%,var(--w))}
.pd-item-foto img{position:absolute;inset:0}
.pd-item-ikon{position:relative;display:grid;place-items:center;width:104px;height:104px;margin-bottom:.6rem;border-radius:50%;border:2px solid var(--pd-emas,#e9c46a);background:radial-gradient(circle at 30% 25%,#ffffff2e,#ffffff0d);box-shadow:0 0 0 9px #ffffff10,0 22px 34px -16px #000a;backdrop-filter:blur(4px)}
.pd-item-ikon::before{content:"";position:absolute;inset:-17px;border-radius:50%;border:1px dashed #e9c46a88;animation:90s linear infinite pd-putar}
.pd-item-ikon i{font-style:normal;font:600 2.9rem/1 var(--pd-serif,'Playfair Display',Georgia,serif);color:var(--pd-emas,#e9c46a);filter:drop-shadow(0 6px 10px #0008)}
.pd-item-no{left:1.3rem;top:1rem;z-index:2;font:600 1.9rem/1 var(--pd-serif,'Playfair Display',Georgia,serif);color:transparent;-webkit-text-stroke:1px #e9c46acc;text-shadow:none}
.pd-item-foto img+.pd-item-no{color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 12px #000c}
.pd-item-isi{position:relative;z-index:1;gap:.55rem;padding:.4rem 1.6rem 1.8rem;text-align:center;justify-items:center}
.pd-item-tag{justify-self:center;padding:0;border-radius:0;background:none;font-size:.68rem;font-weight:800;letter-spacing:.22em;color:#9a7414;display:inline-flex;align-items:center;gap:.7rem}
.pd-item-tag::before,.pd-item-tag::after{content:"";width:16px;height:1px;background:currentColor;opacity:.6}
.pd-item h3{font:600 1.45rem/1.25 var(--pd-serif,'Playfair Display',Georgia,serif);letter-spacing:-.005em}
.pd-item h3::after{content:"";display:block;width:42px;height:2px;border-radius:99px;margin:.8rem auto 0;background:linear-gradient(90deg,var(--w),var(--pd-emas,#e9c46a))}
.pd-item p{font-size:.97rem;line-height:1.8;margin-top:.3rem}
.pd-item-meta{width:100%;justify-content:center;gap:.6rem 1.8rem;margin-top:.8rem;padding-top:1rem;border-top:1px solid var(--garis);text-align:center}
.pd-item-meta dt{letter-spacing:.2em;color:#9a7414}
.pd-item-meta dd{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:600;font-size:1rem}
@media(prefers-reduced-motion:reduce){.pd-item-ikon::before{animation:none}}
@media(max-width:560px){.pd-saring{border-radius:26px}.pd-saring a{padding:.55rem 1rem;font-size:.7rem}.pd-katalog{grid-template-columns:minmax(0,1fr)}}

/* ===== Halaman Program: hero teknologi + kartu modern (prefiks pg-) ===== */
.pg-hero{--pg-cy:#3fc1ff;--pg-mint:#34e0a1;position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#02131f 0%,#032a2b 48%,#05503a 120%);padding:3rem 1.5rem 0;isolation:isolate}
.pg-latar{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(63,193,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(63,193,255,.11) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 72%);animation:pgGeser 24s linear infinite}
.pg-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}
.pg-orb.a{width:380px;height:380px;right:-60px;top:-120px;background:radial-gradient(circle,var(--pg-cy),transparent 70%)}
.pg-orb.b{width:340px;height:340px;left:-90px;bottom:-60px;background:radial-gradient(circle,var(--pg-mint),transparent 70%);opacity:.32}
.pg-garis{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--pg-cy),var(--pg-mint),transparent);opacity:.45;animation:pgPindai 7s ease-in-out infinite}
.pg-isi{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:2.4rem;align-items:center;padding-bottom:3.2rem}
.pg-krum{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.78rem;letter-spacing:.08em;color:#a9c9d8;margin-bottom:1.1rem}
.pg-krum a{color:#cfe7f2;text-decoration:none}.pg-krum a:hover{color:var(--pg-cy)}
.pg-krum span[aria-current]{color:#fff;font-weight:700}
.pg-label{display:inline-flex;align-items:center;gap:.55rem;padding:.38rem .9rem;border-radius:999px;border:1px solid rgba(63,193,255,.4);background:rgba(63,193,255,.1);color:#bfe9ff;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.pg-label i{width:8px;height:8px;border-radius:50%;background:var(--pg-mint);box-shadow:0 0 0 0 rgba(52,224,161,.7);animation:pgDenyut 2s infinite}
.pg-hero h1{margin:.9rem 0 .7rem;font-size:clamp(2.1rem,5vw,3.7rem);line-height:1.06;letter-spacing:-.02em;color:#fff}
.pg-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--pg-cy),var(--pg-mint));-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-sub{max-width:34rem;margin:0;font-size:1.06rem;line-height:1.7;color:#cfe3ec}
.pg-stat{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;margin:1.5rem 0 0;padding:0}
.pg-stat li{display:flex;align-items:baseline;gap:.55rem;padding:.6rem 1rem;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pg-stat b{font-size:1.5rem;font-weight:800;color:var(--pg-cy);font-variant-numeric:tabular-nums}.pg-stat span{font-size:.82rem;color:#cfe3ec}
/* panel HUD */
.pg-hud{position:relative;justify-self:end;width:min(100%,360px);padding:1rem 1.1rem 1.1rem;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(63,193,255,.35);box-shadow:0 30px 60px -28px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:pgMelayang 7s ease-in-out infinite}
.pg-hud-atas{display:flex;align-items:center;gap:.35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;color:#9fd4ea;letter-spacing:.08em}
.pg-hud-atas i{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.pg-hud-atas i:nth-child(2){background:#ffd166}.pg-hud-atas i:nth-child(3){background:var(--pg-mint)}
.pg-hud-atas span{margin-left:auto}
.pg-jaring{display:block;width:100%;height:auto;margin-top:.2rem;color:var(--pg-cy)}
.pg-alir{stroke-dasharray:5 6;animation:pgAlir 2.4s linear infinite}.pg-alir.b{animation-duration:3.2s}.pg-alir.c{animation-duration:4s;animation-direction:reverse}
.pg-titik{animation:pgKedip 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
.pg-titik.d1{animation-delay:.4s}.pg-titik.d2{animation-delay:.9s}.pg-titik.d3{animation-delay:1.3s}.pg-titik.d4{animation-delay:1.8s}
.pg-hud-pusat{display:flex;align-items:flex-end;justify-content:space-between;margin-top:.9rem;line-height:1}
.pg-hud-ikon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(63,193,255,.8))}
.pg-hud-pusat b{font-size:3.1rem;font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(191,233,255,.75);font-variant-numeric:tabular-nums}
.pg-hud-bawah{display:flex;align-items:center;gap:.7rem;margin-top:.5rem;font-size:.82rem;font-weight:700;color:#e6f6ff}
.pg-hud-bawah em{flex:1;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--pg-cy),var(--pg-mint));background-size:200% 100%;animation:pgIsi 3s ease-in-out infinite alternate;box-shadow:0 0 14px rgba(63,193,255,.6)}
/* navigasi kaca */
.pg-nav{position:relative;max-width:1180px;margin:0 auto;padding:0 0 1.1rem}
.pg-nav-jalur{display:flex;gap:.35rem;padding:.4rem;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}
.pg-nav-jalur::-webkit-scrollbar{display:none}
.pg-nav a{flex:none;display:inline-flex;align-items:center;gap:.45rem;padding:.58rem .85rem;border-radius:13px;color:#cfe7f2;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s,transform .25s}
.pg-nav a b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;color:var(--pg-cy);opacity:.85}
.pg-nav a:hover{background:rgba(63,193,255,.16);color:#fff}
.pg-nav a.aktif{background:linear-gradient(135deg,var(--pg-cy),var(--pg-mint));color:#032a2b;box-shadow:0 10px 22px -10px rgba(63,193,255,.9)}.pg-nav a.aktif b{color:#032a2b}
.pg-nav a:focus-visible{outline:2px solid var(--pg-cy);outline-offset:2px}
/* badan halaman */
.pg-hero + .bagian{padding-top:2.6rem}
.pg-hero + .bagian .mk-pengantar{max-width:44rem;margin:0 auto 2.2rem;text-align:center;font-size:1.08rem;line-height:1.8;color:var(--redup)}
.pg-kartu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;max-width:1180px;margin:0 auto}
.pg-kartu{position:relative;overflow:hidden;padding:1.7rem 1.5rem 1.6rem;border-radius:20px;background:var(--kartu);border:1px solid var(--garis);box-shadow:var(--bayang);transition:transform .3s,border-color .3s,box-shadow .3s;animation:pgMasuk .6s both;animation-delay:calc(var(--i,0) * 70ms)}
.pg-kartu::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(63,193,255,.16),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.pg-kartu:hover{transform:translateY(-6px);border-color:#3fc1ff;box-shadow:0 26px 44px -26px rgba(27,134,201,.55)}.pg-kartu:hover::before{opacity:1}
.pg-kartu-no{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2.4rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.2px #1b86c9;opacity:.6;margin-bottom:1rem}
.pg-kartu h3{margin:0 0 .5rem;font-size:1.15rem;line-height:1.35}
.pg-kartu p{margin:0;color:var(--redup);line-height:1.7;font-size:.95rem}
.pg-kartu-garis{position:absolute;left:0;bottom:0;height:3px;width:34%;background:linear-gradient(90deg,#3fc1ff,#34e0a1);transition:width .4s}.pg-kartu:hover .pg-kartu-garis{width:100%}
.pg-kosong{display:grid;justify-items:center;gap:.3rem;max-width:420px;margin:0 auto;padding:2rem;border-radius:20px;border:1px dashed var(--garis);text-align:center;color:var(--redup)}
.pg-kosong span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(63,193,255,.14);color:#1b86c9;font-size:1.4rem;font-weight:800}
/* kartu Program Unggulan memakai gaya bawaan; selaraskan jarak dengan hero baru */
.pg-hero + .bagian .tn-saring{margin-top:0}
:root[data-tema=gelap] .pg-kartu{background:#0f2434;border-color:#1d3a4f}
:root[data-tema=gelap] .pg-kartu h3{color:#fff}
@keyframes pgGeser{to{background-position:44px 44px,44px 44px}}
@keyframes pgPindai{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(230px);opacity:.9}}
@keyframes pgDenyut{70%{box-shadow:0 0 0 9px rgba(52,224,161,0)}100%{box-shadow:0 0 0 0 rgba(52,224,161,0)}}
@keyframes pgMelayang{50%{transform:translateY(-10px)}}
@keyframes pgAlir{to{stroke-dashoffset:-44}}
@keyframes pgKedip{50%{transform:scale(1.7);opacity:.55}}
@keyframes pgIsi{from{background-position:0 0;width:40%}to{background-position:100% 0}}
@keyframes pgMasuk{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:860px){.pg-isi{grid-template-columns:minmax(0,1fr);gap:1.6rem}.pg-hud{justify-self:stretch;width:100%;max-width:420px}.pg-hero{padding:2rem 1.1rem 0}}
@media(max-width:560px){.pg-kartu-grid{grid-template-columns:minmax(0,1fr)}.pg-hero h1{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.pg-grid,.pg-garis,.pg-hud,.pg-alir,.pg-titik,.pg-label i,.pg-hud-bawah em,.pg-kartu{animation:none}}
/* selaraskan kartu & penyaring Program Unggulan dengan hero teknologi */
.pg .kartu-unggul{border-color:var(--garis);transition:transform .3s,border-color .3s,box-shadow .3s}
.pg .kartu-unggul:hover{transform:translateY(-6px);border-color:#3fc1ff;box-shadow:0 26px 44px -26px rgba(27,134,201,.55)}
.pg .kartu-unggul .ikon.no{background:linear-gradient(135deg,#1b86c9,#34e0a1);color:#fff}
.pg .tn-saring a.aktif{background:linear-gradient(135deg,#3fc1ff,#34e0a1);border-color:transparent;color:#032a2b}
@media(max-width:560px){.pg-jaring{display:none}.pg-hud{padding-bottom:.9rem}}

/* ===== Hero halaman dalam (Tentang & Program): selaras hero beranda, nuansa teknologi ===== */
.ih{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:2.6rem 1.5rem 5.4rem;background:radial-gradient(720px 440px at 86% 18%,#e9c46a2b,transparent 66%),radial-gradient(640px 420px at 0 100%,#34d3992b,transparent 66%),linear-gradient(135deg,var(--zamrud-gelap,#042d1f) 0,var(--zamrud,#075a3b) 58%,var(--zamrud-terang,#0e7d4f) 125%)}
.ih::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:42px;background:var(--latar);clip-path:ellipse(60% 100% at 50% 100%);z-index:3;pointer-events:none}
.ih-latar{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ih-latar::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 72px);-webkit-mask-image:linear-gradient(100deg,transparent 12%,#000 85%);mask-image:linear-gradient(100deg,transparent 12%,#000 85%)}
.ih-isi{position:relative;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
.ih-teks>*{animation:ihMasuk .75s cubic-bezier(.2,.8,.2,1) both}
.ih-teks>:nth-child(2){animation-delay:.08s}.ih-teks>:nth-child(3){animation-delay:.16s}.ih-teks>:nth-child(4){animation-delay:.24s}.ih-teks>:nth-child(n+5){animation-delay:.32s}
.ih-krum{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.5rem;font:600 .8rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9d9c0}
.ih-krum a{color:#a9d9c0;transition:color .25s}.ih-krum a:hover{color:#e9c46a}.ih-krum b{color:#fff;font-weight:600}.ih-krum span{opacity:.5}
.ih-label{display:flex;align-items:center;gap:.7rem;font:700 .8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#e9c46a}
.ih-label::before{content:"";width:30px;height:2px;background:#e9c46a}
.ih h1{margin:.9rem 0 1rem;font:800 clamp(2.3rem,4.8vw,3.9rem)/1.08 Sora,system-ui,sans-serif;letter-spacing:-.04em;color:#fff}
.ih h1 em{font-style:normal;color:#e9c46a;text-decoration:underline;text-decoration-color:#e9c46a55;text-decoration-thickness:.06em;text-underline-offset:.16em}
.ih-sub{max-width:48ch;margin:0;color:#cfe3d8;font-size:1.08rem;line-height:1.7}
.ih-stat{display:flex;flex-wrap:wrap;gap:1.2rem 0;list-style:none;margin:1.8rem 0 0;padding:0}
.ih-stat li{display:grid;gap:.2rem;padding:.15rem 1.7rem .15rem 1.1rem;border-left:2px solid #e9c46a66}
.ih-stat li:first-child{padding-left:1.1rem}
.ih-stat b{font:800 2rem/1 Sora,system-ui,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.ih-stat span{font-size:.84rem;color:#b6d4c4}
.ih-chip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.4rem}
.ih-chip small{color:#a9d9c0;font-weight:700;margin-right:.2rem}
.ih-chip a{padding:.4rem 1rem;border:1px solid #ffffff33;border-radius:999px;background:#ffffff0f;font-weight:600;font-size:.9rem;transition:border-color .25s,background .25s}
.ih-chip a:hover{border-color:#e9c46a;background:#e9c46a1f}
.ih-aksi{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.ih-aksi a{display:inline-flex;align-items:center;padding:.8rem 1.5rem;border-radius:12px;border:2px solid #e9c46a;font-weight:700;transition:transform .3s,background .3s,color .3s,border-color .3s}
.ih-aksi a.utama{background:#f2c94c;border-color:#f2c94c;color:#3a2c00;box-shadow:0 12px 26px -14px #f2c94caa}
.ih-aksi a.garis{background:transparent;border-color:#ffffff66;color:#fff}
.ih-aksi a:hover{transform:translateY(-3px)}.ih-aksi a.utama:hover{background:#fff;border-color:#fff}.ih-aksi a.garis:hover{border-color:#e9c46a;background:#ffffff14}
.ih-bingkai{position:relative;justify-self:end;width:min(100%,400px);animation:ihMasuk .9s cubic-bezier(.2,.8,.2,1) .15s both}
.ih-bingkai::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1.5px solid #e9c46a55;border-radius:120px 28px;animation:ihGeser 5s ease-in-out infinite alternate}
.ih-kotak{position:relative;z-index:1;aspect-ratio:4/5;border-radius:120px 28px;overflow:hidden;border:1px solid #ffffff2e;background:radial-gradient(120% 90% at 50% 15%,#0f8a66 0,#075a3b 55%,#032419 100%);box-shadow:0 40px 70px -34px #000c}
.ih-kotak.alur{aspect-ratio:auto;display:flex;align-items:center;padding:3.4rem 1.8rem 2rem 2.8rem}
.ih-foto-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ih-lencana{position:absolute;z-index:3;right:14px;bottom:18px;display:flex;align-items:center;gap:.65rem;padding:.55rem 1rem .55rem .6rem;border-radius:14px;background:#fff;color:#064b32;box-shadow:0 20px 40px -16px #000b}
.ih-lencana img{width:34px;height:34px;object-fit:contain}.ih-lencana b{display:block;font:800 .9rem/1.2 Sora,sans-serif;letter-spacing:-.02em}.ih-lencana small{color:#51677a;font-size:.74rem}
.ih-bagan{display:block;width:100%;height:100%;padding:1.2rem 1rem}
.ih-bagan .bj{fill:none;stroke:#e9c46a;stroke-opacity:.7;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;animation:ihGaris .9s ease forwards var(--d,0s)}
.ih-bagan .bg{opacity:0;animation:ihMuncul .6s ease forwards var(--d,0s)}
.ih-bagan .bn{fill:#fff;fill-opacity:.09;stroke:#fff;stroke-opacity:.28;stroke-width:1}.ih-bagan .bn.utama{fill:#f2c94c;fill-opacity:1;stroke:#f2c94c;stroke-opacity:1}.ih-bagan .bn.putus{stroke-dasharray:3 3;fill-opacity:.04}
.ih-bagan text{font-family:'DM Sans',system-ui,sans-serif;fill:#fff}
.ih-bagan .bk{font-size:6.4px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;fill:#e9c46a}
.ih-bagan .bt{font-size:9.6px;font-weight:700}
.ih-bagan .gelap{fill:#3a2c00}
.ih-alur{width:100%}
.ih-alur-judul{display:flex;justify-content:space-between;margin:0 0 1rem;padding-bottom:.8rem;border-bottom:1px dashed #ffffff33;font:700 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:#e9c46a}
.ih-alur ol{list-style:none;margin:0;padding:0}
.ih-alur li{position:relative;display:grid;grid-template-columns:2.2rem 1fr;gap:.9rem;align-items:center;padding:.5rem 0;opacity:0;animation:ihGeserMasuk .6s cubic-bezier(.2,.8,.2,1) forwards calc(.35s + var(--i,0)*.09s)}
.ih-alur li::before{content:"";position:absolute;left:1.1rem;top:50%;bottom:-50%;width:1px;background:#e9c46a66}
.ih-alur li:last-child::before{display:none}
.ih-alur li b{position:relative;z-index:1;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid #e9c46a;background:#06452f;color:#e9c46a;font:700 .76rem ui-monospace,SFMono-Regular,Menlo,monospace}
.ih-alur li span{font-weight:600;font-size:.95rem;line-height:1.3;color:#f1f7f3}
.ih-alur li.lagi b{border-style:dashed}.ih-alur li.lagi span{color:#a9d9c0;font-weight:500}
.ih-nav{position:relative;z-index:2;max-width:1200px;margin:3rem auto 0;padding-top:1rem;border-top:1px solid #ffffff26}
.ih-nav-jalur{position:relative;display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding:.2rem 0 .4rem;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}
.ih-nav-jalur::-webkit-scrollbar{display:none}
.ih-nav a{flex:none;display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1rem .45rem .5rem;border:1px solid #ffffff26;border-radius:999px;color:#dcece3;font-size:.88rem;font-weight:600;white-space:nowrap;transition:border-color .25s,transform .25s,background .25s}
.ih-nav a b{padding:.15rem .5rem;border-radius:999px;background:#e9c46a1f;color:#e9c46a;font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace}
.ih-nav a:hover{border-color:#e9c46a;transform:translateY(-2px)}
.ih-nav a.aktif{background:#e9c46a;border-color:#e9c46a;color:#3a2c00}.ih-nav a.aktif b{background:#3a2c0022;color:#3a2c00}
.ih + .bagian{padding-top:2.6rem}
.ih + .bagian .mk-pengantar{max-width:44rem;margin:0 auto 2.2rem;text-align:center;font-size:1.08rem;line-height:1.8;color:var(--redup)}
.ih + .bagian .tn-saring{margin-top:0}
@keyframes ihMasuk{from{opacity:0;transform:translateY(18px)}}
@keyframes ihGeser{to{translate:9px 9px}}
@keyframes ihGaris{to{stroke-dashoffset:0}}
@keyframes ihMuncul{to{opacity:1}}
@keyframes ihGeserMasuk{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media (max-width:900px){.ih{padding:2rem 1.2rem 5rem}.ih-isi{grid-template-columns:1fr;gap:2.4rem}.ih-bingkai{justify-self:center;width:min(88%,360px)}.ih-kotak.alur{padding:3rem 1.4rem 1.6rem 2.2rem}.ih-bingkai::before{inset:14px -10px -14px 14px}}
@media (prefers-reduced-motion:reduce){.ih-teks>*,.ih-bingkai,.ih-bingkai::before,.ih-bagan .bg,.ih-alur li{animation:none;opacity:1}.ih-bagan .bj{animation:none;stroke-dashoffset:0}}

/* ----- Hero: jaringan node, denyut data, pemindai ----- */
.ih-latar::after{content:"";position:absolute;left:0;right:0;top:0;height:160px;background:linear-gradient(transparent,#e9c46a16 60%,#e9c46a30 99%,transparent);animation:ihPindai 8s linear infinite}
.ih-kotak.jaringan{display:grid;place-items:center}
.ih-kotak.jaringan::before,.ih-kotak.bagan::before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 22px)}
.ih-jaringan{position:relative;z-index:1;display:block;width:100%;height:100%;padding:1rem}
.ih-jaringan .jc{fill:none;stroke:#e9c46a;stroke-opacity:.35;transform-origin:150px 150px}
.ih-jaringan .jc.tik{stroke-dasharray:1 7;stroke-width:3;stroke-opacity:.28;animation:ihPutar 90s linear infinite reverse}
.ih-jaringan .jc.putar{stroke-dasharray:4 6;animation:ihPutar 50s linear infinite}
.ih-jaringan .jc.dalam{stroke-opacity:.5}
.ih-jaringan .sapu{transform-origin:150px 150px;animation:ihPutar 6s linear infinite}
.ih-jaringan .sapu path{fill:#e9c46a;fill-opacity:.13}
.ih-jaringan .jl{stroke:#e9c46a;stroke-opacity:.4;stroke-width:1;stroke-dasharray:3 3}
.ih-jaringan .jp,.ih-bagan .bp{fill:#fff;offset-rotate:0deg;offset-distance:0%;opacity:0;filter:drop-shadow(0 0 3px #e9c46a);animation:ihLari 2.4s linear infinite}
.ih-bagan .bp{animation-duration:3s}
.ih-jaringan .jn circle{fill:#06452f;stroke:#e9c46a;stroke-width:1.3;animation:ihNyala 3.6s ease-in-out infinite calc(var(--i)*.4s)}
.ih-jaringan .jn text{font:700 8.5px ui-monospace,SFMono-Regular,Menlo,monospace;fill:#e9c46a}
.ih-jaringan .jpusat{fill:#fff;stroke:#e9c46a;stroke-width:2;animation:ihDenyut 3s ease-out infinite}
.ih-jaringan .jbaca{font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;fill:#e9c46a}
.ih-jaringan .kedip{animation:ihKedip 1s steps(1) infinite}
@keyframes ihPindai{from{transform:translateY(-160px)}to{transform:translateY(calc(100vh + 200px))}}
@keyframes ihPutar{to{transform:rotate(360deg)}}
@keyframes ihLari{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes ihNyala{0%,100%{fill:#06452f;stroke-width:1.3}50%{fill:#e9c46a;stroke-width:2.2}}
@keyframes ihDenyut{0%{filter:drop-shadow(0 0 0 #e9c46a)}60%{filter:drop-shadow(0 0 14px #e9c46a99)}100%{filter:drop-shadow(0 0 0 #e9c46a00)}}
@keyframes ihKedip{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.ih-latar::after,.ih-jaringan *,.ih-bagan .bp{animation:none!important}.ih-jaringan .jp,.ih-bagan .bp{display:none}}

/* ----- Hero: batang, kolom, kisi, kutip, papan lowongan ----- */
.ih-kotak.batang,.ih-kotak.kolom,.ih-kotak.kisi,.ih-kotak.kutip,.ih-kotak.lowongan{aspect-ratio:auto;min-height:420px;display:flex;align-items:center;padding:3.4rem 1.8rem 2rem 2.8rem}
.ih-kotak.batang::before,.ih-kotak.kolom::before,.ih-kotak.kisi::before,.ih-kotak.kutip::before,.ih-kotak.lowongan::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff07 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 22px)}
.ih-kotak.batang::after,.ih-kotak.kolom::after,.ih-kotak.kisi::after,.ih-kotak.kutip::after,.ih-kotak.lowongan::after{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(transparent,#e9c46a22,transparent);animation:ihPindai2 5s linear infinite;pointer-events:none}
.ih-panel{position:relative;z-index:1;width:100%}
.ih-alur-judul .ih-hidup{display:inline-block;width:8px;height:8px;margin-right:.55rem;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 #34d399aa;animation:ihRing 1.8s infinite}
.ih-alur-judul .ih-hidup.mati{background:#ef6a5b;animation:none}
.ih-lagi{margin:.9rem 0 0;font:600 .8rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9d9c0}
/* batang mendatar */
.ih-bar{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.ih-bar li{display:grid;grid-template-columns:1fr auto;gap:.35rem .6rem;align-items:baseline}
.ih-bar span{font-weight:600;font-size:.92rem;color:#f1f7f3}
.ih-bar b{font:700 .85rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9c46a}
.ih-bar i,.ih-kol i{grid-column:1/-1;display:block;height:9px;border-radius:9px;background:#ffffff1a;overflow:hidden}
.ih-bar em{display:block;height:100%;width:calc(var(--p)*1%);border-radius:9px;background:linear-gradient(90deg,#e9c46a,#f6e3a1);transform-origin:left;animation:ihIsi 1.1s cubic-bezier(.2,.8,.2,1) both calc(.3s + var(--i)*.12s)}
/* kolom tegak */
.ih-kol{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;height:240px}
.ih-kol li{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.4rem}
.ih-kol b{font:700 .82rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9c46a}
.ih-kol i{grid-column:auto;width:100%;max-width:34px;height:calc(var(--p)*1% - 2.2rem);min-height:10px;border-radius:8px 8px 3px 3px;background:#ffffff14;display:flex;align-items:flex-end;overflow:hidden}
.ih-kol em{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(0deg,#e9c46a,#f6e3a1);transform-origin:bottom;animation:ihTumbuh 1.1s cubic-bezier(.2,.8,.2,1) both calc(.3s + var(--i)*.12s)}
.ih-kol span{font:600 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#a9d9c0}
/* kisi */
.ih-kisi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.ih-kisi li{display:grid;gap:.35rem;min-height:84px;padding:.7rem .65rem;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff0a;animation:ihKotak 4.5s ease-in-out infinite calc(var(--i)*.45s)}
.ih-kisi b{font:700 .72rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9c46a}
.ih-kisi span{font-weight:600;font-size:.82rem;line-height:1.25;color:#f1f7f3;align-self:end}
/* kutipan */
.ih-kutip{position:relative;min-height:230px}
.ih-kutip figure{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;justify-content:space-between;opacity:0;animation:ihKutip3 15s infinite calc(var(--i)*5s)}
.ih-kutip.k2 figure{animation-name:ihKutip2;animation-duration:10s;animation-delay:calc(var(--i)*5s)}
.ih-kutip.k1 figure{animation:none;opacity:1}
.ih-petik{font:800 4rem/.7 Sora,serif;color:#e9c46a;opacity:.7}
.ih-kutip blockquote{margin:.4rem 0 0;font-size:1.02rem;line-height:1.65;color:#f1f7f3;font-style:italic}
.ih-kutip figcaption{display:grid;gap:.1rem;margin-top:1rem;padding-top:.8rem;border-top:1px dashed #ffffff33}
.ih-kutip figcaption b{font-size:.95rem}.ih-kutip figcaption small{font:600 .76rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9c46a}
.ih-titik-kutip{display:flex;gap:.4rem;margin:1.2rem 0 0}
.ih-titik-kutip i{width:26px;height:3px;border-radius:3px;background:#ffffff33;animation:ihTitik 15s infinite calc(var(--i)*5s)}
/* papan lowongan */
.ih-lowong{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.ih-lowong li{display:grid;gap:.15rem;padding:.8rem 1rem;border:1px solid #ffffff2e;border-left:3px solid #e9c46a;border-radius:10px;background:#ffffff0a;opacity:0;animation:ihGeserMasuk .6s cubic-bezier(.2,.8,.2,1) forwards calc(.3s + var(--i)*.12s)}
.ih-lowong span{font-weight:700;font-size:.95rem;color:#fff}
.ih-lowong small{font:600 .76rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9c46a}
@keyframes ihIsi{from{transform:scaleX(0)}}
@keyframes ihTumbuh{from{transform:scaleY(0)}}
@keyframes ihKotak{0%,70%,100%{border-color:#ffffff2e;background:#ffffff0a}85%{border-color:#e9c46a;background:#e9c46a26}}
@keyframes ihKutip3{0%{opacity:0;transform:translateY(12px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0}}
@keyframes ihKutip2{0%{opacity:0;transform:translateY(12px)}5%,45%{opacity:1;transform:none}50%,100%{opacity:0}}
@keyframes ihTitik{0%{background:#e9c46a}33%,100%{background:#ffffff33}}
@keyframes ihRing{70%{box-shadow:0 0 0 9px #34d39900}100%{box-shadow:0 0 0 0 #34d39900}}
@keyframes ihPindai2{from{transform:translateY(-90px)}to{transform:translateY(520px)}}
@media (max-width:900px){.ih-kotak.batang,.ih-kotak.kolom,.ih-kotak.kisi,.ih-kotak.kutip,.ih-kotak.lowongan{padding:3rem 1.4rem 1.6rem 2.2rem;min-height:0}}
@media (prefers-reduced-motion:reduce){.ih-kotak::after,.ih-bar em,.ih-kol em,.ih-kisi li,.ih-lowong li,.ih-titik-kutip i,.ih-hidup{animation:none!important;opacity:1}.ih-kutip figure{animation:none!important;opacity:0;position:static}.ih-kutip figure:first-child{opacity:1}}

/* ----- Isi halaman: kartu lebih modern ----- */
.prestasi-kartu,.testi-kartu,.lowongan-kartu{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.prestasi-kartu:hover,.testi-kartu:hover,.lowongan-kartu:hover{transform:translateY(-6px);border-color:#e9c46a;box-shadow:0 26px 44px -26px rgba(4,45,31,.55)}
.prestasi-kartu{position:relative;padding-top:1.7rem;background:linear-gradient(180deg,color-mix(in srgb,#e9c46a 10%,var(--kartu)),var(--kartu) 45%)}
.prestasi-kartu::after{content:"";position:absolute;right:1.1rem;top:1.1rem;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e3a1,#e9c46a 60%,#b98b2a);box-shadow:0 8px 16px -8px #b98b2a}
.prestasi-kartu .program-kat{display:inline-block;padding:.15rem .7rem;border-radius:999px;background:color-mix(in srgb,#e9c46a 22%,transparent);color:#7a5a10;font:700 .74rem ui-monospace,SFMono-Regular,Menlo,monospace}
:root[data-tema=gelap] .prestasi-kartu .program-kat{color:#f6e3a1}
.testi-kartu{position:relative;overflow:hidden;border-top:4px solid #e9c46a;padding-top:2.6rem}
.testi-kartu::before{content:"“";position:absolute;left:1.2rem;top:.1rem;font:800 4.4rem/1 Sora,serif;color:#e9c46a;opacity:.55}
.testi-kartu blockquote{font-size:1.02rem;color:var(--teks)}
.lowongan-kartu{position:relative;border-left:5px solid #e9c46a;padding-left:1.8rem}
.lowongan-kartu h3{font-size:1.35rem}
.lowongan-kartu h4{font:700 .78rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--hijau)}
.lowongan-kartu .tombol{margin-top:1.2rem;background:#f2c94c;border-color:#f2c94c;color:#3a2c00}
.lowongan-kartu .tombol:hover{background:var(--biru);border-color:var(--biru);color:#fff}

/* ===== Hero halaman Tentang: tiap halaman punya gaya sendiri (hv-) ===== */
.hv{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:3.2rem 1.5rem 7rem;background:linear-gradient(135deg,#032619 0%,#064b32 58%,#0b7a4d 130%)}
.hv-latar{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.hv-isi{position:relative;max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hv-visual{position:relative;display:grid;place-items:center;min-width:0}
.hv h1{font-family:var(--pd-serif,'Playfair Display',Georgia,serif);font-weight:700;font-size:clamp(2.5rem,5.6vw,4.4rem);line-height:1.06;letter-spacing:-.015em;margin:1.1rem 0 1rem;color:#fff;animation:.9s .1s both masuk}
.hv h1 em{font-style:italic;font-weight:600;padding-right:.08em;background:linear-gradient(100deg,#f6e3a1,#e9c46a 45%,#d9a93a);-webkit-background-clip:text;background-clip:text;color:transparent}
.hv .pd-krum b{color:#fff}
@keyframes hvApung{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes hvRot{to{rotate:360deg}}
@keyframes hvDenyut{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.035);opacity:1}}
@keyframes hvNaik{from{transform:scaleY(.08);opacity:0}}
@keyframes hvTumbuh{from{transform:scale(.25);opacity:0}}
@keyframes hvAyun{from{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}
@keyframes hvPanah{from{transform:translate(46px,-46px);opacity:0}}
@keyframes hvKedip{0%,100%{opacity:.9}50%{opacity:.25}}
@keyframes hvGaris{from{transform:scaleX(0)}}
@keyframes hvMuncul{from{opacity:0;transform:translateY(14px) scale(.9)}}

/* 1. Profil: galaksi, medan bintang di belakang orbit lambang */
.hv-g-galaksi{background:radial-gradient(560px 380px at 82% 30%,#e9c46a2b,transparent 70%),radial-gradient(520px 420px at 6% 100%,#10b98133,transparent 70%),linear-gradient(135deg,#021a11 0%,#05402a 58%,#0a5c3f 130%)}
.hv-g-galaksi .hv-latar{background:radial-gradient(1.6px 1.6px at 8% 18%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 17% 62%,#fffc,transparent 60%),radial-gradient(1.8px 1.8px at 28% 34%,#f6e3a1,transparent 60%),radial-gradient(1.2px 1.2px at 39% 80%,#fff9,transparent 60%),radial-gradient(1.6px 1.6px at 47% 14%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 56% 52%,#fff9,transparent 60%),radial-gradient(1.8px 1.8px at 63% 88%,#f6e3a1,transparent 60%),radial-gradient(1.2px 1.2px at 71% 24%,#fffc,transparent 60%),radial-gradient(1.6px 1.6px at 79% 70%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 88% 12%,#fff9,transparent 60%),radial-gradient(1.8px 1.8px at 93% 56%,#f6e3a1,transparent 60%),radial-gradient(1.2px 1.2px at 4% 84%,#fff9,transparent 60%),radial-gradient(1.2px 1.2px at 34% 8%,#fffc,transparent 60%),radial-gradient(1.4px 1.4px at 96% 90%,#fff,transparent 60%)}
.hv-g-galaksi .hv-latar::after{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 22% 48%,#fff,transparent 60%),radial-gradient(2px 2px at 52% 30%,#fff,transparent 60%),radial-gradient(2px 2px at 84% 40%,#fff,transparent 60%),radial-gradient(2px 2px at 66% 10%,#f6e3a1,transparent 60%),radial-gradient(2px 2px at 12% 92%,#fff,transparent 60%);animation:3.6s ease-in-out infinite alternate hvKedip}

/* 2. Sambutan: bingkai mihrab + cahaya dari atas */
.hv-g-mihrab{background:radial-gradient(520px 520px at 78% 0,#e9c46a38,transparent 70%),linear-gradient(160deg,#032a1c,#06503a 70%,#0a6a4a)}
.hv-g-mihrab .hv-latar::before{content:"\201C";position:absolute;left:1%;top:-6rem;font:700 26rem/1 var(--pd-serif,Georgia,serif);color:#ffffff0b}
.hv-mihrab{margin:0;position:relative}
.hv-mihrab-bingkai{position:relative;width:min(320px,100%);aspect-ratio:3/4;margin:0 auto;border-radius:999px 999px 26px 26px;overflow:hidden;border:4px solid #e9c46a;background:radial-gradient(120% 90% at 50% 20%,#0f8a66,#075a3b 60%,#032419);box-shadow:0 0 0 12px #ffffff10,0 0 0 13px #e9c46a55,0 40px 70px -34px #000d;display:grid;place-items:center}
.hv-mihrab-bingkai img{width:100%;height:100%;object-fit:cover;display:block}
.hv-mihrab-logo{display:grid;place-items:center;width:58%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 8px #ffffff1c}
.hv-mihrab-logo img{width:62%;height:62%;object-fit:contain}
.hv-mihrab-bulan{position:absolute;top:-6px;right:-4px;width:46px;color:#e9c46a;filter:drop-shadow(0 0 12px #e9c46a88);animation:6s ease-in-out infinite hvApung}

/* 3. Sejarah: nuansa hangat, tahun besar, garis waktu */
.hv-g-garis{background:radial-gradient(500px 360px at 85% 20%,#e9c46a30,transparent 70%),linear-gradient(135deg,#0b2a1c 0%,#1f3a20 55%,#4d3d17 135%);padding-bottom:6.5rem}
.hv-foto-tua{margin:0;width:min(320px,100%);padding:10px 10px 38px;background:#f6efdc;border-radius:4px;transform:rotate(2.2deg);box-shadow:0 34px 60px -26px #000c}
.hv-foto-tua img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:sepia(.35) contrast(1.02)}
.hv-tahun-besar{font:700 clamp(5.5rem,13vw,10rem)/1 var(--pd-serif,Georgia,serif);color:transparent;-webkit-text-stroke:1.5px #e9c46aaa;letter-spacing:-.04em;display:grid;place-items:center}
.hv-tahun-besar img{width:150px;height:auto;filter:drop-shadow(0 10px 24px #0008)}
.hv-waktu{position:relative;max-width:1150px;margin:3rem auto 0;padding:0 1.5rem}
.hv-waktu-jalur{position:relative;height:92px;margin:0 2.2rem}
.hv-waktu-jalur::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;border-radius:2px;background:linear-gradient(90deg,#e9c46a,#e9c46a66 80%,#e9c46a);transform-origin:left;animation:1.6s .3s cubic-bezier(.2,.8,.2,1) both hvGaris}
.hv-th{position:absolute;top:0;transform:translateX(-50%);display:grid;justify-items:center;gap:.15rem;animation:.6s calc(.5s + var(--i)*.2s) both hvMuncul}
.hv-th i{width:12px;height:12px;margin-top:10px;border-radius:50%;background:#0b2a1c;border:2px solid #e9c46a}
.hv-th.besar i{width:18px;height:18px;margin-top:7px;background:#e9c46a;box-shadow:0 0 0 5px #e9c46a2e}
.hv-th b{margin-top:.5rem;font:600 1.1rem/1 var(--pd-serif,Georgia,serif);color:#f6e3a1}
.hv-th.besar b{font-size:1.5rem}
.hv-th small{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:#cfe3d8}
.hv-th.ujung i{animation:2.4s ease-out infinite hvDenyut}

/* 4. Pilar Islami: tiang berdiri satu per satu */
.hv-g-pilar{background:repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 96px),linear-gradient(135deg,#032619 0%,#064b32 58%,#0b6a47 130%)}
.hv-tiang{display:block;width:min(440px,100%);height:auto;margin:0 auto;filter:drop-shadow(0 24px 30px #0007)}
.hv-tiang .pl{transform-box:fill-box;transform-origin:50% 100%;animation:.9s calc(.2s + var(--i)*.12s) cubic-bezier(.2,.8,.2,1) both hvNaik}

/* 5. Misi Keberadaan: fajar menyingsing di atas masjid */
.hv-g-fajar{background:radial-gradient(640px 420px at 78% 100%,#e9c46a55,transparent 70%),linear-gradient(180deg,#021a11 0%,#054230 55%,#0b6a47 100%)}
.hv-fajar{display:block;width:min(460px,100%);height:auto;margin:0 auto}
.hv-fajar .sinar{animation:100s linear infinite hvRot;transform-origin:180px 236px}
.hv-fajar .mentari{animation:5s ease-in-out infinite hvDenyut;transform-origin:180px 236px}

/* 6. Visi dan Misi: tengah, bintang segi delapan raksasa */
.hv-g-tengah{background:radial-gradient(ellipse at 50% 38%,#0b7a4d 0,#064b32 46%,#032619 100%);padding-bottom:6.5rem}
.hv-g-tengah .hv-isi{grid-template-columns:1fr;text-align:center}
.hv-g-tengah .pd-krum,.hv-g-tengah .pd-aksi,.hv-g-tengah .pd-stat,.hv-g-tengah .pd-chip-nama{justify-content:center}
.hv-g-tengah .pd-sub{margin-left:auto;margin-right:auto;max-width:52ch}
.hv-g-tengah h1{font-size:clamp(2.8rem,7vw,5.2rem)}
.hv-bintang-raksasa{position:absolute;left:50%;top:50%;width:min(980px,130vw);height:auto;color:#e9c46a;opacity:.22;transform:translate(-50%,-50%);animation:140s linear infinite hvRot}

/* 7. Tujuan Pendidikan: sasaran dan anak panah */
.hv-sasaran{display:block;width:min(420px,100%);height:auto;margin:0 auto}
.hv-sasaran .rg{transform-origin:160px 160px;animation:5s ease-in-out infinite hvDenyut}
.hv-sasaran .r2{animation-delay:-1s}.hv-sasaran .r3{animation-delay:-2s}.hv-sasaran .r4{animation-delay:-3s}
.hv-sasaran .panah{animation:.9s .5s cubic-bezier(.2,.8,.2,1) both hvPanah}

/* 8. Filosofi Lulusan: pohon yang tumbuh */
.hv-g-pohon{background:radial-gradient(520px 380px at 80% 30%,#34d39922,transparent 70%),linear-gradient(180deg,#02170f 0%,#054230 65%,#0a6a47 100%)}
.hv-pohon{display:block;width:min(420px,100%);height:auto;margin:0 auto}
.hv-pohon .tumbuh{transform-origin:170px 318px;animation:1.4s .2s cubic-bezier(.2,.8,.2,1) both hvTumbuh}
.hv-pohon .daun{transform-origin:172px 200px;animation:6s ease-in-out infinite alternate hvAyun}
.hv-pohon .d2{animation-delay:-2s}.hv-pohon .d3{animation-delay:-4s}

/* 9. Pimpinan: tiga bingkai lengkung */
.hv-g-lengkung{background:radial-gradient(480px 420px at 80% 60%,#e9c46a26,transparent 70%),linear-gradient(135deg,#032619,#064b32 60%,#0a5c40)}
.hv-lengkung{display:flex;gap:1rem;align-items:flex-end;justify-content:center;width:min(440px,100%)}
.hv-arch{flex:1;margin:0;min-width:0;text-align:center}
.hv-arch-b{aspect-ratio:3/3.9;border-radius:999px 999px 14px 14px;border:3px solid #e9c46a;overflow:hidden;display:grid;place-items:center;background:linear-gradient(160deg,#0f8a66,#064b32);box-shadow:0 24px 40px -24px #000c}
.hv-arch.a2 .hv-arch-b{aspect-ratio:3/4.6}
.hv-arch-b img{width:100%;height:100%;object-fit:cover;display:block}
.hv-arch-b span{font:700 2.6rem var(--pd-serif,Georgia,serif);color:#e9c46a}
.hv-arch figcaption{margin-top:.55rem;font-size:.8rem;line-height:1.3;color:#e8f3ec}

/* 10. Guru & Tendik: mosaik berbagai bentuk */
.hv-g-mosaik{background:radial-gradient(520px 400px at 86% 20%,#e9c46a2e,transparent 70%),linear-gradient(135deg,#032a1c,#06503a 60%,#0b6a47)}
.hv-mosaik{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:"a a b" "a a c" "d e e";gap:12px;width:min(440px,100%);aspect-ratio:1}
.hv-mosaik .mo{position:relative;overflow:hidden;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff2a;color:#e9c46a;min-width:0;min-height:0}
.hv-mosaik .mo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hv-mosaik .mo svg{width:46%;height:46%}
.hv-mosaik .a{grid-area:a;border-radius:200px 200px 24px 24px;background:radial-gradient(120% 90% at 50% 20%,#0f8a66,#075a3b 60%,#032419)}
.hv-mosaik .b{grid-area:b;border-radius:50%}
.hv-mosaik .c{grid-area:c;border-radius:24px 90px 24px 24px}
.hv-mosaik .d{grid-area:d;border-radius:24px;background:#e9c46a;border-color:#e9c46a;color:#3a2c00}
.hv-mosaik .e{grid-area:e;border-radius:999px;background:#ffffff10}
.hv-mosaik .e span{font:600 1.15rem var(--pd-serif,Georgia,serif);color:#f6e3a1;letter-spacing:.02em}
.hv-mosaik .mo-logo{display:grid;place-items:center;width:56%;aspect-ratio:1;border-radius:50%;background:#fff}
.hv-mosaik .mo-logo img{position:static;width:64%;height:64%;object-fit:contain}

/* 11. Fasilitas: siluet sekolah dan masjid di senja */
.hv-g-kota{background:radial-gradient(1.6px 1.6px at 12% 20%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 36% 12%,#fffc,transparent 60%),radial-gradient(1.6px 1.6px at 58% 26%,#fff,transparent 60%),radial-gradient(1.6px 1.6px at 90% 16%,#fffc,transparent 60%),linear-gradient(180deg,#03221a 0%,#07503a 58%,#119069 100%);padding-bottom:12.5rem}
.hv-kota-svg{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:170px;display:block;z-index:1}
.hv-kota-svg .jendela rect{animation:3.8s ease-in-out infinite hvKedip}
.hv-kota-svg .jendela rect:nth-child(2n){animation-delay:-1.4s}.hv-kota-svg .jendela rect:nth-child(3n){animation-delay:-2.6s}
.hv-polaroid{position:relative;width:min(380px,100%);aspect-ratio:1;margin:0 auto}
.hv-polaroid figure{position:absolute;margin:0;padding:9px 9px 32px;background:#fbf7ea;box-shadow:0 28px 40px -20px #000b}
.hv-polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.hv-polaroid .p1{left:0;top:4%;width:64%;transform:rotate(-5deg)}
.hv-polaroid .p2{right:0;bottom:10%;width:54%;transform:rotate(6deg)}
.hv-bulan-besar{display:block;width:150px;color:#e9c46a;margin:0 auto;filter:drop-shadow(0 0 28px #e9c46a99);animation:7s ease-in-out infinite hvApung}

/* 12. Ekstrakurikuler: gelembung kegiatan melayang */
.hv-g-gelembung{background:radial-gradient(520px 420px at 80% 50%,#e9c46a26,transparent 70%),linear-gradient(135deg,#032619,#064b32 58%,#0b7a4d 130%)}
.hv-gelembung{position:relative;width:min(440px,100%);aspect-ratio:1}
.hv-gelembung::before{content:"";position:absolute;inset:8%;border-radius:50%;border:1.5px dashed #e9c46a44;animation:90s linear infinite hvRot}
.hv-gelembung .gb{position:absolute;max-width:62%;padding:.55rem 1.1rem;border-radius:999px;font-weight:700;font-size:.92rem;line-height:1.2;white-space:nowrap;animation:6s ease-in-out infinite hvApung;animation-delay:calc(var(--d) * -1)}
.hv-gelembung .v0{background:#ffffff1c;border:1px solid #ffffff44;color:#fff;backdrop-filter:blur(4px)}
.hv-gelembung .v1{background:linear-gradient(135deg,#f6e3a1,#e9c46a);color:#3a2c00;box-shadow:0 14px 26px -14px #e9c46a}
.hv-gelembung .v2{background:#e9c46a1f;border:1.5px solid #e9c46a;color:#f6e3a1}

@media (max-width:900px){
  .hv{padding:2.4rem 1.2rem 6rem}
  .hv-isi{grid-template-columns:1fr;gap:2rem}
  .hv-visual{order:-1}
  .hv-g-tengah .hv-isi{gap:0}
  .hv-g-kota{padding-bottom:10.5rem}
  .hv-mihrab-bingkai{width:min(240px,70%)}
  .hv-mosaik,.hv-gelembung,.hv-polaroid{width:min(330px,100%)}
  .hv-tahun-besar{font-size:clamp(4rem,22vw,6rem)}
  .hv-waktu-jalur{margin:0 1.6rem}
  .hv-th b{font-size:.95rem}.hv-th.besar b{font-size:1.2rem}
}
@media (prefers-reduced-motion:reduce){.hv *,.hv-latar::after,.hv-bintang-raksasa{animation:none!important}}