:root{--hijau:#1e1e6e;--hijau-tua:#14144a;--hijau-gelap:#0b0b2e;--hijau-muda:#e6e7fb;--emas:#f2c418;--emas-tua:#a87b00;--emas-muda:#fdf5d3;--zamrud:#0f766e;--tinta:#111127;--tinta-2:#45465e;--tinta-3:#6c6d84;--garis:#e3e3ee;--latar:#fbfaf7;--krem:#f5f1e6;--putih:#fff;--bayang:0 1px 2px #1111270f, 0 12px 32px -12px #11112733;--radius:18px;--pola: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='%231e1e6e' stroke-width='1.1'%3E%3Crect x='24' y='24' width='24' height='24'/%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l19 19M72 0L53 19M0 72l19-19M72 72L53 53'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E");--pola-terang: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='%23f2c418' stroke-width='1.1'%3E%3Crect x='24' y='24' width='24' height='24'/%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l19 19M72 0L53 19M0 72l19-19M72 72L53 53'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:84px;overflow-x:clip}body{overscroll-behavior-x:none;color:var(--tinta);background:var(--latar);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;line-height:1.6;overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .6em;line-height:1.15}h2{font-size:clamp(1.75rem,3.2vw,2.6rem);font-weight:800}p{color:var(--tinta-2);margin:0 0 1em}button{font:inherit;cursor:pointer}.r-kunci{overflow:hidden}.r-wadah{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.r-tombol{white-space:nowrap;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1.25rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.r-tombol:active{transform:scale(.97)}.r-tombol svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .2s}.r-tombol:hover svg{transform:translate(3px)}.r-tombol-besar{padding:.95rem 1.7rem;font-size:1rem}.r-tombol-penuh{width:100%;margin-top:.4rem;padding:.95rem}.r-tombol-utama{background:var(--hijau);color:#fff;box-shadow:0 10px 24px -10px #1e1e6ea6}.r-tombol-utama:hover{background:var(--hijau-tua)}.r-tombol-garis{color:var(--tinta);border-color:var(--garis);background:0 0}.r-tombol-garis:hover{border-color:var(--hijau);color:var(--hijau)}.r-tombol-emas{background:var(--emas);color:var(--hijau-gelap)}.r-tombol-emas:hover{background:#ffd43b}.r-tombol-terang{color:#fff;background:0 0;border-color:#ffffff59}.r-tombol-terang:hover{border-color:#fff}.r-nav{z-index:40;-webkit-backdrop-filter:saturate(1.4)blur(14px);background:#fbfaf6db;border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.r-nav.r-tergulir{border-color:var(--garis);box-shadow:0 8px 24px -18px #11112759}.r-nav-isi{align-items:center;gap:24px;height:72px;display:flex}.r-merek{color:var(--tinta);align-items:center;gap:10px;text-decoration:none;display:flex}.r-merek-logo{border:1px solid var(--garis);width:46px;height:46px;box-shadow:var(--bayang);background:#fff;border-radius:14px;place-items:center;display:grid}.r-merek img{object-fit:contain;width:38px;height:38px}.r-merek span{flex-direction:column;line-height:1.1;display:flex}.r-merek strong{letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.r-merek small{color:var(--emas-tua);letter-spacing:.02em;font-size:.72rem;font-weight:700}.r-tautan{gap:26px;margin:0 auto;display:flex}.r-tautan a{color:var(--tinta-2);font-size:.92rem;font-weight:600;text-decoration:none;position:relative}.r-tautan a:after{content:"";background:var(--emas);height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.r-tautan a:hover{color:var(--tinta)}.r-tautan a:hover:after{transform:scaleX(1)}.r-nav-aksi{gap:10px;display:flex}.r-hero{padding:56px 0 40px;position:relative;overflow:hidden}.r-hero:before{content:"";z-index:-1;background-image:var(--pola);opacity:.1;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.r-hero-isi{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;display:grid}.r-kecil{letter-spacing:.08em;text-transform:uppercase;color:var(--emas-tua);margin-bottom:1.1rem;font-size:.8rem;font-weight:700;display:inline-block}.r-kecil-emas{color:var(--emas)}.r-arab{color:var(--hijau);text-align:left;margin:0 0 .6rem;font-family:Amiri,Traditional Arabic,serif;font-size:1.55rem;font-weight:700;line-height:1.6}.r-arab-kecil{color:var(--emas);margin-top:28px;font-size:1.35rem}.r-sorot{white-space:nowrap;position:relative}.r-sorot:after{content:"";background:var(--emas);opacity:.55;z-index:-1;border-radius:4px;height:.3em;position:absolute;bottom:.06em;left:-2%;right:-2%}.r-hero h1{z-index:0;letter-spacing:-.035em;margin-bottom:.45em;font-size:clamp(2.3rem,4.6vw,3.6rem);font-weight:800;position:relative}.r-lead{color:var(--tinta-2);max-width:36em;font-size:1.12rem}.r-hero-aksi{flex-wrap:wrap;gap:12px;margin-top:1.6rem;display:flex}.r-catatan{color:var(--tinta-3);margin-top:1rem;font-size:.85rem}.r-panggung{perspective:1300px;perspective-origin:50% 40%;height:540px;position:relative}.r-poros{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.r-perisai{transform-style:flat;will-change:transform;isolation:isolate;width:270px;height:270px;margin:-135px 0 0 -135px;position:absolute;top:50%;left:50%}.r-bintang{background:linear-gradient(135deg, #ffd84d, var(--emas) 45%, #d9a400);border-radius:16px;position:absolute;inset:16%;box-shadow:0 20px 40px -18px #a87b00b3}.r-bintang:after{content:"";border-radius:inherit;background:linear-gradient(135deg, #ffd84d, var(--emas) 45%, #d9a400);position:absolute;inset:0;transform:rotate(45deg)}.r-bintang-belakang{background:var(--hijau-tua);inset:15%;transform:rotate(22.5deg);box-shadow:0 24px 40px -20px #0b0b2e99}.r-bintang-belakang:after{background:var(--hijau-tua)}.r-medali{z-index:1;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;inset:24%;box-shadow:0 0 0 6px #ffffff80,0 14px 30px -14px #0b0b2e99}.r-medali img{object-fit:contain;width:74%;height:74%}.r-bayang-perisai{filter:blur(12px);background:#0b0b2e33;border-radius:50%;width:220px;height:40px;margin:150px 0 0 -110px;position:absolute;top:50%;left:50%;transform:translateZ(-200px)}.r-orbit{transform-style:preserve-3d;border:1.5px dashed #1e1e6e47;border-radius:50%;position:absolute;top:50%;left:50%}.r-orbit-1{width:520px;height:520px;margin:-260px 0 0 -260px;transform:rotateX(72deg)}.r-orbit-2{border:2px solid #f2c41899;width:340px;height:340px;margin:-170px 0 0 -170px;transform:rotateX(72deg)}.r-satelit{white-space:nowrap;background:var(--putih);border:1px solid var(--garis);box-shadow:var(--bayang);color:var(--tinta);will-change:transform, opacity;backface-visibility:hidden;border-radius:14px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:.86rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.r-satelit .r-ikon{border-radius:10px;width:32px;height:32px}.r-satelit .r-ikon svg{width:18px;height:18px}.r-ikon{background:var(--hijau-muda);width:46px;height:46px;color:var(--hijau);border-radius:14px;flex:none;place-items:center;display:inline-grid}.r-ikon svg{width:24px;height:24px}.r-ikon-ujian,.r-ikon-semester,.r-ikon-jadwal,.r-ikon-komunitas{background:var(--emas-muda);color:var(--emas-tua)}.r-ikon-sumatif,.r-ikon-modul,.r-ikon-admin{color:var(--tinta);background:#ececf2}.r-ikon-laporan,.r-ikon-materi{color:var(--zamrud);background:#dff3ef}.r-pita{border-top:1px solid var(--garis);border-bottom:1px solid var(--garis);grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;padding:0;list-style:none;display:grid}.r-pita li{color:var(--tinta-3);padding:18px 20px;font-size:.9rem}.r-pita li+li{border-left:1px solid var(--garis)}.r-pita strong{color:var(--tinta);font-size:1rem;display:block}.r-bagian{padding:96px 0}.r-judul-bagian{max-width:760px;margin-bottom:48px}.r-judul-bagian p{font-size:1.05rem}.r-dua-kolom{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.r-tampak{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.r-tampak.r-terlihat{opacity:1;transform:none}.r-grid-fitur{perspective:1200px;grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.r-kartu{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);transform-style:preserve-3d;transform:rotateX(var(--mx,0deg)) rotateY(var(--my,0deg));padding:24px 22px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s;position:relative}.r-kartu:hover{border-color:#cfd0e0;box-shadow:0 30px 50px -28px #11112773}.r-kartu-unggulan{background:linear-gradient(160deg,#fffaf0,#fff 55%);border-color:#f1dc8f}.r-kartu .r-ikon{transition:transform .35s;transform:translateZ(36px)}.r-kartu h3{margin:18px 0 8px;font-size:1.06rem;transform:translateZ(22px)}.r-kartu h3 em{color:#8a5d00;background:var(--emas-muda);vertical-align:2px;letter-spacing:.02em;border-radius:999px;margin-left:6px;padding:3px 8px;font-size:.68rem;font-style:normal;font-weight:700}.r-kartu p{margin:0;font-size:.9rem;transform:translateZ(12px)}.r-bagian-gelap{isolation:isolate;background:radial-gradient(120% 90% at 85% 10%, #23237a 0, var(--hijau-gelap) 60%);color:#e8e9f5;position:relative}.r-bagian-gelap:before{content:"";z-index:-1;background-image:var(--pola-terang);opacity:.07;background-size:72px 72px;position:absolute;inset:0}.r-bagian-gelap .r-cek li{color:#c9cbe6}.r-bagian-gelap .r-cek li:before{background:var(--emas)}.r-bagian-gelap .r-cek li:after{border-color:var(--hijau-gelap)}.r-bagian-gelap h2{color:#fff}.r-bagian-gelap p,.r-bagian-gelap .r-lead{color:#c3c5e2}.r-bagian-gelap .r-lead strong{color:#fff}.r-tumpuk-wadah{perspective:1600px;place-items:center;height:460px;display:grid}.r-tumpuk{width:330px;height:210px;transform-style:preserve-3d;--jarak:6px;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:relative;transform:rotateX(58deg)rotate(-38deg)}.r-tumpuk.r-terbuka{--jarak:62px}.r-tumpuk:hover{transform:rotateX(52deg)rotate(-30deg)}.r-lapis{transform:translateZ(calc(var(--i) * var(--jarak)));transition:transform .9s cubic-bezier(.2, .7, .2, 1) calc(var(--i) * 70ms), box-shadow .3s;border-radius:16px;flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;position:absolute;inset:0;box-shadow:0 2px #00000040,-18px 22px 40px -12px #0000008c}.r-lapis-0{background:var(--hijau-tua);color:#e9eafb}.r-lapis-1{color:#fff;background:#2d2d8f}.r-lapis-2{color:var(--tinta);background:#f6f3ea}.r-lapis-3{background:var(--emas);color:var(--hijau-gelap)}.r-lapis{box-shadow:0 2px #0000002e,-18px 22px 40px -12px #0b0b2e66}.r-lapis-kepala strong{font-size:1.05rem;font-weight:800;display:block}.r-lapis-kepala span{opacity:.75;font-size:.78rem;font-weight:600}.r-lapis-baris{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.r-lapis-baris span{text-align:center;background:#ffffff29;border-radius:9px;padding:8px 0;font-size:.95rem;font-weight:800}.r-lapis-2{border:1px solid var(--garis)}.r-lapis-2 .r-lapis-baris span{background:#ece7d8}.r-lapis-3 .r-lapis-baris span{background:#ffffff59}.r-langkah-nilai{counter-reset:n;gap:16px;margin:28px 0 0;padding:0;list-style:none;display:grid}.r-langkah-nilai li{counter-increment:n;grid-template-columns:38px 1fr;column-gap:14px;display:grid}.r-langkah-nilai li:before{content:counter(n);background:var(--hijau-tua);width:38px;height:38px;color:var(--emas);border-radius:12px;grid-row:span 2;place-items:center;font-weight:800;display:grid}.r-langkah-nilai strong{color:var(--tinta)}.r-langkah-nilai span{color:var(--tinta-2);font-size:.93rem}.r-balik>:first-child{order:0}.r-status{flex-wrap:wrap;gap:10px;margin:22px 0;padding:0;list-style:none;display:flex}.r-status li{background:var(--putih);border:1px solid var(--garis);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 12px;font-size:.88rem;font-weight:700;display:flex}.r-status li:before{content:"";border-radius:50%;width:9px;height:9px}.r-hadir:before{background:#16a34a}.r-sakit:before{background:#2563eb}.r-izin:before{background:var(--emas)}.r-dispen:before{background:#7c3aed}.r-alpa:before{background:#dc2626}.r-kartu3d-wadah{perspective:1400px;place-items:center;height:420px;display:grid;position:relative}.r-kartu3d{width:340px;height:214px;transform-style:preserve-3d;transform:rotateX(var(--kx,8deg)) rotateY(var(--ky,-18deg));will-change:transform;position:relative}.r-kartu3d-muka,.r-kartu3d-belakang{backface-visibility:hidden;border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #fff9,0 30px 60px -25px #0b0b2e8c}.r-kartu3d-muka{background:var(--putih);border:1px solid var(--garis)}.r-kartu3d-kepala{background:var(--hijau);color:#fff;align-items:center;gap:10px;padding:12px 16px;display:flex}.r-kartu3d-kepala img{object-fit:contain;background:#fff;border-radius:8px;width:34px;height:34px;padding:2px}.r-kartu3d-kepala span{flex-direction:column;line-height:1.1;display:flex}.r-kartu3d-kepala strong{letter-spacing:.14em;font-size:.95rem}.r-kartu3d-kepala small{opacity:.85;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.r-kartu3d-badan{grid-template-columns:70px 1fr 82px;align-items:center;gap:14px;padding:16px;display:grid}.r-foto{background:radial-gradient(circle at 50% 36%, #bfc0d6 0 15px, transparent 16px), var(--krem);border-radius:12px;height:86px;position:relative;overflow:hidden}.r-foto:after{content:"";background:#bfc0d6;border-radius:50%;width:54px;height:46px;margin-left:-27px;position:absolute;bottom:-22px;left:50%}.r-garis-data{gap:9px;display:grid}.r-garis-data i{background:#e7e7f0;border-radius:6px;height:9px;display:block}.r-garis-data i:first-child{background:#cfd0e2;width:90%;height:12px}.r-garis-data i:nth-child(2){width:65%}.r-garis-data i:nth-child(3){width:78%}.r-kartu3d-belakang{background:var(--hijau-tua);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;transform:rotateY(180deg)}.r-kartu3d-belakang p{color:#d8d9f3;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:700}.r-qr{aspect-ratio:1;border:1px solid var(--garis);background:#fff;border-radius:8px;grid-template-columns:repeat(21,1fr);width:82px;padding:5px;display:grid}.r-qr i{aspect-ratio:1;display:block}.r-qr i.r-hitam{background:var(--tinta)}.r-qr-besar{width:120px;padding:7px}.r-bayang-lantai{filter:blur(14px);background:#0b0b2e2e;border-radius:50%;width:300px;height:34px;margin-left:-150px;position:absolute;bottom:52px;left:50%}.r-bagian-krem{background:var(--krem)}.r-kipas-wadah{perspective:1400px;place-items:center;height:420px;display:grid}.r-kipas{width:200px;height:260px;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(var(--kipas-y,-12deg));position:relative}.r-dok{background:var(--putih);border:1px solid var(--garis);--jauh:max(var(--i), calc(var(--i) * -1));transform-origin:50% 100%;transform:rotateZ(calc(var(--i) * 3deg)) translateZ(calc(var(--jauh) * -14px));border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:0;box-shadow:0 30px 50px -24px #0009}.r-kipas.r-terbuka .r-dok{transform:translateX(calc(var(--i) * 62px)) translateY(calc(var(--jauh) * 16px)) rotateZ(calc(var(--i) * 10deg)) translateZ(calc(var(--jauh) * -30px))}.r-kipas.r-terbuka .r-dok:hover{transform:translateX(calc(var(--i) * 62px)) translateY(calc(var(--jauh) * 16px - 22px)) rotateZ(calc(var(--i) * 10deg)) translateZ(calc(var(--jauh) * -30px + 40px))}.r-dok-jenis{letter-spacing:.08em;color:#fff;border-radius:7px;align-self:flex-start;padding:4px 9px;font-size:.7rem;font-weight:800}.r-dok-pdf .r-dok-jenis{background:#b42318}.r-dok-docx .r-dok-jenis{background:#1d4ed8}.r-dok-pptx .r-dok-jenis{background:#c2410c}.r-dok-xlsx .r-dok-jenis{background:#15803d}.r-dok-link .r-dok-jenis{background:var(--tinta)}.r-dok strong{color:var(--tinta);font-size:.98rem;line-height:1.25}.r-dok-guru{color:var(--emas-tua);margin-top:auto;font-size:.7rem;font-weight:700}.r-dok i{background:#ebeee8;border-radius:5px;height:8px;display:block}.r-dok i:nth-of-type(2){width:80%}.r-dok i:nth-of-type(3){width:60%}.r-cek{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.r-cek li{color:var(--tinta-2);padding-left:32px;position:relative}.r-cek li:before{content:"";background:var(--hijau);border-radius:6px;width:20px;height:20px;position:absolute;top:3px;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' rx='6'/%3E%3C/svg%3E")}.r-cek li:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:7px;left:7px;transform:rotate(45deg)}.r-alur{grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none;display:grid;position:relative}.r-alur:before{content:"";background:repeating-linear-gradient(90deg, var(--garis) 0 8px, transparent 8px 14px);height:2px;position:absolute;top:27px;left:12%;right:12%}.r-alur li{text-align:center;padding:0 10px;position:relative}.r-alur b{background:var(--hijau);color:#fff;width:56px;height:56px;box-shadow:0 0 0 8px var(--latar);border-radius:18px;place-items:center;margin:0 auto 16px;font-size:1.25rem;display:grid;position:relative}.r-alur li:nth-child(2n) b{background:var(--emas);color:var(--hijau-gelap)}.r-alur strong{margin-bottom:4px;font-size:1.05rem;display:block}.r-alur span{color:var(--tinta-3);font-size:.92rem}.r-ajakan{padding:96px 0}.r-ajakan-isi{isolation:isolate;background:var(--hijau-tua);color:#fff;border-radius:28px;grid-template-columns:220px 1fr;align-items:center;gap:48px;padding:48px 56px;display:grid;position:relative;overflow:hidden}.r-ajakan-isi:before{content:"";z-index:-1;background-image:var(--pola-terang);opacity:.08;background-size:72px 72px;position:absolute;inset:0}.r-ajakan h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.3rem)}.r-ajakan p{color:#c9cbe6}.r-ajakan-logo{background:#fff;border-radius:22px;padding:18px;transform:rotate(-4deg);box-shadow:0 24px 50px -20px #0000008c}.r-kaki{border-top:1px solid var(--garis);padding:28px 0}.r-kaki-isi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.r-kaki p{color:var(--tinta-3);margin:0;font-size:.88rem}.r-kaki .r-merek-logo{border-radius:12px;width:40px;height:40px}.r-kaki .r-merek img{width:32px;height:32px}.r-modal{z-index:60;-webkit-backdrop-filter:blur(6px);opacity:0;background:#0b0b2e8c;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:fixed;inset:0;overflow-y:auto}.r-modal[hidden]{display:none}.r-modal.r-tampil{opacity:1}.r-modal-kotak{background:var(--putih);border-radius:26px;width:100%;max-width:470px;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:grid;position:relative;overflow:hidden;transform:translateY(16px)scale(.97);box-shadow:0 40px 80px -30px #00000080}.r-modal.r-tampil .r-modal-kotak{transform:none}.r-modal-lebar{grid-template-columns:5fr 7fr;max-width:860px}.r-modal-sisi{isolation:isolate;background:var(--hijau-tua);color:#fff;flex-direction:column;justify-content:flex-end;padding:44px 36px;display:flex;position:relative}.r-modal-sisi:before{content:"";z-index:-1;background-image:var(--pola-terang);opacity:.08;background-size:72px 72px;position:absolute;inset:0}.r-modal-sisi img{object-fit:contain;background:#fff;border-radius:20px;width:88px;height:88px;margin-bottom:auto;padding:8px}.r-modal-sisi h3{margin-top:6px;font-size:1.55rem}.r-modal-sisi p{color:#c9cbe6;margin:0}.r-modal-sisi .r-arab{color:var(--emas);margin:28px 0 0}.r-modal-form{padding:40px 38px 32px;position:relative}.r-modal-form h2{margin-bottom:.2em;font-size:1.7rem}.r-modal-sub{color:var(--tinta-3);margin-bottom:1.4rem}.r-modal-logo{object-fit:contain;width:64px;height:64px;margin-bottom:14px}.r-modal-tutup{background:var(--krem);width:38px;height:38px;color:var(--tinta-2);border:0;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:16px;right:16px}.r-modal-tutup:hover{background:#e7e2d3}.r-modal form label{color:var(--tinta);margin:14px 0 6px;font-size:.85rem;font-weight:700;display:block}.r-modal form input[type=email],.r-modal form input[type=password],.r-modal form input[type=text]{border:1.5px solid var(--garis);background:var(--latar);width:100%;font:inherit;color:var(--tinta);border-radius:14px;outline:none;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.r-modal form input:focus{border-color:var(--hijau);background:#fff;box-shadow:0 0 0 4px #1e1e6e24}.r-modal form input.r-galat{border-color:#e11d48}.r-pesan-galat{color:#be123c;margin:6px 0 0;font-size:.84rem;font-weight:600}.r-modal form .r-centang{color:var(--tinta-2);align-items:center;gap:8px;margin:16px 0 10px;font-weight:600;display:flex}.r-centang input{width:17px;height:17px;accent-color:var(--hijau)}.r-dua-isian{grid-template-columns:1fr 1fr;gap:12px;display:grid}.r-info{background:var(--hijau-muda);color:var(--hijau-tua);border-radius:12px;margin:16px 0 8px;padding:10px 14px;font-size:.84rem}.r-modal-alih{text-align:center;margin:22px 0 0;font-size:.9rem}.r-modal-alih button{color:var(--hijau);background:0 0;border:0;padding:0;font-weight:700}.r-popup{--warna:#e11d48;--warna-muda:#ffe4e6;z-index:80;-webkit-backdrop-filter:blur(8px);opacity:0;background:#0b0b2e80;place-items:center;padding:16px;transition:opacity .25s;display:grid;position:fixed;inset:0;overflow-y:auto}.r-popup[hidden]{display:none}.r-popup.r-tampil{opacity:1}.r-popup-sukses{--warna:#16a34a;--warna-muda:#dcfce7}.r-popup-info{--warna:#2563eb;--warna-muda:#dbeafe}.r-popup-peringatan{--warna:#d97706;--warna-muda:#fef3c7}.r-popup-kotak{background:var(--putih);text-align:center;width:100%;max-width:400px;box-shadow:inset 0 6px 0 var(--warna), 0 40px 80px -30px #0000008c;border-radius:28px;padding:34px 28px 26px;transition:transform .4s cubic-bezier(.2,1.3,.4,1);position:relative;overflow:hidden;transform:translateY(24px)scale(.92)}.r-popup.r-tampil .r-popup-kotak{transform:none}.r-popup-galat.r-tampil .r-popup-kotak,.r-popup-peringatan.r-tampil .r-popup-kotak{animation:.45s .35s r-goyang}.r-popup-ikon{background:var(--warna-muda);width:76px;height:76px;color:var(--warna);border-radius:50%;place-items:center;margin:0 auto 18px;display:grid;position:relative}.r-popup-ikon:after{content:"";border:2px solid var(--warna-muda);border-radius:50%;animation:1.8s ease-out infinite r-denyut;position:absolute;inset:-8px}.r-popup-ikon svg{width:38px;height:38px}.r-popup h2{margin:0 0 .35em;font-size:1.4rem}.r-popup p{color:var(--tinta-2);overflow-wrap:anywhere;margin:0 0 1rem}.r-popup-hitung{background:var(--warna-muda);border-radius:999px;padding:8px 14px;font-size:.9rem;display:inline-block;color:var(--tinta)!important}.r-popup-hitung strong{color:var(--warna);font-variant-numeric:tabular-nums}.r-popup-saran{text-align:left;background:var(--latar);border-radius:16px;gap:8px;margin:0 0 1.4rem;padding:14px 16px;list-style:none;display:grid}.r-popup-saran li{color:var(--tinta-2);padding-left:22px;font-size:.88rem;line-height:1.45;position:relative}.r-popup-saran li:before{content:"";background:var(--warna);border-radius:50%;width:8px;height:8px;position:absolute;top:.5em;left:4px}@keyframes r-goyang{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes r-denyut{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.r-popup-kotak,.r-popup-ikon:after{transition:none;animation:none!important}}@media (width<=1080px){.r-grid-fitur{grid-template-columns:repeat(3,1fr)}.r-tautan{gap:18px}}@media (width<=900px){.r-tautan{display:none}.r-nav-aksi{margin-left:auto}.r-hero{padding-top:32px}.r-hero-isi,.r-dua-kolom{grid-template-columns:1fr;gap:28px}.r-panggung{order:-1;height:420px}.r-perisai{width:170px;height:170px;margin:-85px 0 0 -85px}.r-orbit-1{width:360px;height:360px;margin:-180px 0 0 -180px}.r-orbit-2{width:240px;height:240px;margin:-120px 0 0 -120px}.r-pita{grid-template-columns:repeat(2,1fr)}.r-pita li:nth-child(3){border-left:0}.r-pita li:nth-child(n+3){border-top:1px solid var(--garis)}.r-grid-fitur{grid-template-columns:repeat(2,1fr)}.r-bagian{padding:72px 0}.r-balik>:first-child{order:1}.r-tumpuk-wadah,.r-kartu3d-wadah,.r-kipas-wadah{height:360px}.r-ajakan{padding-top:72px}.r-alur{grid-template-columns:repeat(2,1fr);row-gap:32px}.r-alur:before{display:none}.r-ajakan-isi{text-align:left;grid-template-columns:1fr;padding:36px 28px}.r-ajakan-logo{width:150px}.r-modal-lebar{grid-template-columns:1fr;max-width:470px}.r-modal-sisi{display:none}}@media (width<=560px){.r-wadah{padding:0 16px}.r-sembunyi-hp{display:none}.r-merek small{font-size:.68rem}.r-panggung{height:330px}.r-perisai{width:132px;height:132px;margin:-66px 0 0 -66px}.r-orbit-1{width:270px;height:270px;margin:-135px 0 0 -135px}.r-orbit-2{width:190px;height:190px;margin:-95px 0 0 -95px}.r-bayang-perisai{width:150px;margin:92px 0 0 -75px}.r-arab{font-size:1.3rem}.r-sorot{white-space:normal}.r-satelit{padding:6px 10px 6px 6px;font-size:.78rem}.r-satelit .r-ikon{border-radius:8px;width:26px;height:26px}.r-satelit .r-ikon svg{width:15px;height:15px}.r-hero-aksi .r-tombol{width:100%}.r-pita li{padding:14px 12px;font-size:.82rem}.r-grid-fitur{grid-template-columns:1fr}.r-tumpuk{width:250px;height:165px}.r-kartu3d{width:290px;height:184px}.r-kartu3d-badan{grid-template-columns:58px 1fr 70px;gap:10px;padding:12px}.r-qr{width:70px}.r-alur{grid-template-columns:1fr}.r-modal-form{padding:34px 22px 26px}.r-dua-isian{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.r-tampak{opacity:1;transition:none;transform:none}.r-kartu,.r-lapis,.r-dok,.r-tumpuk{transition:none}}.r-bagian-krem .r-alur b{box-shadow:0 0 0 8px var(--krem)}.r-bagian-krem .r-alur:before{background:repeating-linear-gradient(90deg,#ddd6c2 0 8px,#0000 8px 14px)}
