:root{--hijau:#34d399;--emas:#fbbf24;--tinta:#03110f;--teks:#ecfdf5;--redup:#a7f3d0}html{scroll-behavior:smooth;background:var(--tinta)}body{background:var(--tinta);overflow-x:hidden}.panggung{z-index:0;pointer-events:none;background:radial-gradient(at 50% -10%,#064e3b 0%,#03110f 55%);position:fixed;inset:0;overflow:hidden}.aurora{filter:blur(70px);opacity:.55;mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.a1{background:#10b981;width:46vmax;height:46vmax;animation:18s ease-in-out infinite alternate mengapung1;top:-10vmax;left:-12vmax}.a2{opacity:.38;background:#0ea5e9;width:38vmax;height:38vmax;animation:22s ease-in-out infinite alternate mengapung2;top:20vh;right:-10vmax}.a3{opacity:.25;background:#f59e0b;width:34vmax;height:34vmax;animation:26s ease-in-out infinite alternate-reverse mengapung1;bottom:-14vmax;left:20vw}@keyframes mengapung1{to{transform:translate(12vw,10vh)scale(1.18)}}@keyframes mengapung2{to{transform:translate(-14vw,-8vh)scale(.86)}}.bintang{color:#6ee7b7;opacity:.14;position:absolute}.b1{width:min(92vw,760px);margin-left:max(-46vw,-380px);animation:90s linear infinite putar;top:-6vh;left:50%}.b2{color:#fcd34d;opacity:.12;width:min(50vw,360px);animation:60s linear infinite reverse putar;bottom:6vh;right:-8vw}@keyframes putar{to{transform:rotate(360deg)}}.titik{opacity:0;background:#a7f3d0;border-radius:50%;animation:linear infinite naik;position:absolute;bottom:-10px;box-shadow:0 0 8px #6ee7b7}@keyframes naik{0%{opacity:0;transform:translateY(0)}12%{opacity:.8}to{opacity:0;transform:translateY(-110vh)translate(30px)}}.kisi{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 30%,#0000 75%)}.beranda{z-index:1;width:min(100% - 28px,1080px);color:var(--teks);margin:0 auto;padding:44px 0 36px;position:relative}.js .muncul{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--jeda,0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--jeda,0s);transform:translateY(22px)scale(.98)}.js .muncul.tampil{opacity:1;transform:none}.hero{text-align:center;max-width:640px;margin:0 auto}.avatar-wrap{width:148px;height:148px;margin:0 auto 20px;position:relative}.cincin{background:conic-gradient(#34d399,#22d3ee,#fbbf24,#34d399);border-radius:50%;animation:6s linear infinite putar;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.denyut{border:2px solid #34d39999;border-radius:50%;animation:2.6s ease-out infinite denyut;position:absolute;inset:-6px}@keyframes denyut{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.avatar2{color:#064e3b;background:#ecfdf5;border-radius:50%;place-items:center;font-size:36px;font-weight:900;display:grid;position:absolute;inset:4px;overflow:hidden;box-shadow:0 18px 50px #000a}.avatar2 img{object-fit:cover;width:100%;height:100%;display:block}.eyebrow2{letter-spacing:.24em;text-transform:uppercase;color:#86efac;margin:0 0 10px;font-size:12px;font-weight:800}.judul{letter-spacing:-.02em;background:linear-gradient(100deg,#ecfdf5 20%,#6ee7b7 40%,#fde68a 55%,#ecfdf5 75%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(32px,7vw,56px);font-weight:900;line-height:1.04;animation:7s linear infinite kilau}@keyframes kilau{to{background-position:-250% 0}}.ketik{color:#fde68a;min-height:1.6em;margin:12px 0 0;font-size:clamp(16px,3.6vw,20px);font-weight:700}.kursor{vertical-align:-2px;background:#fde68a;width:2px;height:1.05em;margin-left:3px;animation:1s step-end infinite kedip;display:inline-block}@keyframes kedip{50%{opacity:0}}.bio2{color:#d1fae5;max-width:34rem;margin:14px auto 6px;line-height:1.65}.lokasi{color:var(--redup);margin:0;font-size:14px}.sos-baris{flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 4px;display:flex}.sos-bulat{color:#ecfdf5;width:46px;height:46px;animation:4s ease-in-out infinite melayang;animation-delay:calc(var(--i)*-.45s);background:#ffffff12;border:1px solid #fff2;border-radius:14px;place-items:center;transition:transform .25s,background .25s,box-shadow .25s,color .25s;display:grid}.sos-bulat svg{fill:currentColor;width:21px;height:21px}.sos-bulat:hover,.sos-bulat:focus-visible{background:var(--w);color:#fff;box-shadow:0 10px 30px color-mix(in srgb,var(--w) 60%,transparent);transform:translateY(-4px)scale(1.08)}@keyframes melayang{50%{translate:0 -4px}}.cta-baris{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.gratis{color:#a7f3d0;max-width:34rem;margin:16px auto 0;font-size:14px;font-weight:700}.gratis a{color:#6ee7b7;white-space:nowrap}.cta{border-radius:16px;align-items:center;gap:8px;min-height:50px;padding:0 22px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta.utama{color:#064e3b;background:linear-gradient(135deg,#ecfdf5,#a7f3d0);position:relative;overflow:hidden;box-shadow:0 12px 34px #10b98155}.cta.utama:after{content:"";background:linear-gradient(110deg,#0000 30%,#fffc 50%,#0000 70%);animation:3.2s ease-in-out infinite sapu;position:absolute;inset:0;transform:translate(-120%)}@keyframes sapu{60%,to{transform:translate(120%)}}.cta.kedua{color:#d1fae5;background:#ffffff0d;border:1px solid #6ee7b766}.cta:hover{transform:translateY(-2px)}.marquee-wrap{gap:10px;margin:46px calc(50% - 50vw) 10px;display:grid;transform:rotate(-2deg)}.marquee{background:#10b98122;border-block:1px solid #34d39933;padding:11px 0;overflow:hidden}.marquee.balik{background:#fbbf2414;border-color:#fbbf2433}.jalur{letter-spacing:.04em;white-space:nowrap;color:#bbf7d0;gap:30px;width:max-content;font-weight:800;animation:40s linear infinite geser;display:flex}.balik .jalur{color:#fde68a;animation-direction:reverse}@keyframes geser{to{transform:translate(-50%)}}.angka{grid-template-columns:repeat(4,1fr);gap:12px;margin:40px 0 10px;display:grid}.angka-kartu{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:18px 12px}.angka-kartu strong{color:#6ee7b7;font-variant-numeric:tabular-nums;font-size:clamp(26px,5vw,40px);font-weight:900;display:block}.angka-kartu span{color:#bbf7d0;font-size:13px}.blok{margin-top:52px;scroll-margin-top:20px}.blok-judul{align-items:center;gap:10px;margin:0 0 6px;font-size:clamp(22px,4vw,30px);font-weight:900;display:flex}.blok-judul span{background:#ffffff14;border-radius:14px;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.blok-sub{color:var(--redup);margin:0 0 14px}.lompat{flex-wrap:wrap;gap:8px;margin:0 0 6px;display:flex}.lompat a{background:#ffffff10;border:1px solid #ffffff1f;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s}.lompat a:hover{background:#34d39926;border-color:#34d399}.grup{margin-top:26px;scroll-margin-top:20px}.grup-judul{color:#fde68a;align-items:center;gap:9px;margin:0 0 12px;font-size:17px;font-weight:800;display:flex}.grup-judul em{color:#fde68a;background:#fbbf2422;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.kartu{color:inherit;isolation:isolate;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:20px;align-items:center;gap:13px;padding:15px 16px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.kartu:before,.sos-kartu:before{content:"";z-index:-1;opacity:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),#34d39933,transparent 70%);transition:opacity .3s;position:absolute;inset:0}.kartu:hover,.kartu:focus-visible{background:#ffffff14;border-color:#6ee7b7aa;transform:translateY(-3px)}.kartu:hover:before,.sos-kartu:hover:before{opacity:1}.k-ikon{background:#ffffff17;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.k-isi{flex:1;gap:3px;min-width:0;display:grid}.k-isi strong{font-size:15.5px;line-height:1.25}.k-isi small{color:#bbf7d0;font-size:13px;line-height:1.35}.k-panah{color:#6ee7b7;font-weight:900;transition:transform .25s}.kartu:hover .k-panah{transform:translate(4px)}.pilihan{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px;display:grid}.grid-app{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:10px;display:grid}.kartu.kecil{border-radius:16px;padding:13px 15px}.situs{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px;display:grid}.kartu.besar{padding:20px}.sos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.sos-kartu{color:inherit;isolation:isolate;background:#ffffff0d;border:1px solid #ffffff1c;border-radius:20px;align-items:center;gap:13px;padding:14px 16px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.sos-kartu:hover,.sos-kartu:focus-visible{border-color:var(--w);transform:translateY(-3px)}.sos-ikon{background:color-mix(in srgb,var(--w) 22%,transparent);width:46px;height:46px;color:var(--w);border-radius:14px;flex:none;place-items:center;display:grid}.sos-ikon svg{fill:currentColor;width:22px;height:22px}.kaki{text-align:center;color:#86efac;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:22px;font-size:13px;display:block}.kaki p{margin:6px 0}.kaki a{color:#d1fae5}@media (width<=640px){.beranda{padding-top:32px}.angka{grid-template-columns:repeat(2,1fr)}.sos-baris{gap:7px}.sos-bulat{border-radius:12px;width:41px;height:41px}.sos-bulat svg{width:19px;height:19px}.grid-app{grid-template-columns:1fr 1fr}.kartu.kecil .k-panah{display:none}.kartu.kecil{padding:12px}.kartu.kecil .k-isi strong{font-size:14px}.kartu.kecil .k-isi small{font-size:12px}}@media (width<=360px){.grid-app{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.js .muncul{opacity:1;transform:none}.titik{display:none}}