.c2-panggung{--c2-ink:#193538;--c2-muted:#556b6d;--c2-deep:#2d5558;--c2-accent-ink:#3f7d82;--c2-ease:cubic-bezier(.22, 1, .36, 1);--c2-pegas:cubic-bezier(.34, 1.45, .64, 1);--c2-benang:linear-gradient(90deg, #2d5558, #519499, #9fd3d6, #8f9de0, #519499, #2d5558);--c2-teks-kiri:#284144;--c2-aksen-teks:linear-gradient(100deg, #1f4a4d 5%, #2f6a6e 50%, #4b58a6 100%);background:#eaf1f1;position:relative;overflow:hidden}@supports (overflow:clip){.c2-panggung{overflow:clip}}.ruang-site:has(.c2-panggung) .kk{display:none}.ruang-site main .c2-panggung .c2-isi{z-index:1;grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;column-gap:clamp(40px,7vw,140px);max-width:none;min-height:calc(100vh - 69px);margin:0;padding:56px clamp(24px,7vw,128px) 80px;display:grid;position:relative}.c2-latar{pointer-events:none;position:absolute;inset:0;overflow:hidden}.c2-gumpal{filter:blur(58px);opacity:.92;will-change:transform;border-radius:50%;position:absolute}.c2-gp1{background:#86cdd1;width:52vw;max-width:760px;height:52vw;max-height:760px;animation:16s ease-in-out infinite alternate c2Gerak1;top:-14%;left:-8%}.c2-gp2{background:#b3e2d8;width:46vw;max-width:680px;height:46vw;max-height:680px;animation:19s ease-in-out infinite alternate c2Gerak2;top:4%;right:-10%}.c2-gp3{background:#c3c9f4;width:44vw;max-width:640px;height:44vw;max-height:640px;animation:14s ease-in-out infinite alternate c2Gerak3;bottom:-22%;left:20%}.c2-gp4{background:#9fd8c8;width:30vw;max-width:440px;height:30vw;max-height:440px;animation:12s ease-in-out infinite alternate c2Gerak4;bottom:-10%;right:16%}@keyframes c2Gerak1{0%{transform:translate(0)scale(1)}50%{transform:translate(22vw,12vh)scale(1.15)}to{transform:translate(8vw,30vh)scale(.95)}}@keyframes c2Gerak2{0%{transform:translate(0)scale(1)}50%{transform:translate(-20vw,18vh)scale(.9)}to{transform:translate(-6vw,34vh)scale(1.1)}}@keyframes c2Gerak3{0%{transform:translate(0)scale(1)}50%{transform:translate(18vw,-22vh)scale(1.12)}to{transform:translate(-14vw,-10vh)scale(.92)}}@keyframes c2Gerak4{0%{transform:translate(0)scale(1)}50%{transform:translate(-16vw,-26vh)scale(1.2)}to{transform:translate(10vw,-8vh)scale(1)}}.c2-pusat{isolation:isolate;width:100%;animation:c2Muncul .8s var(--c2-ease) both;grid-area:1/2;position:relative}.c2-pusat:before{content:"";z-index:-1;opacity:.55;pointer-events:none;will-change:transform, opacity;background:radial-gradient(circle,#ffffffb8,#fff0 60%);border-radius:50%;width:860px;height:860px;animation:7s ease-in-out infinite alternate c2Napas;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)scale(.85)}@keyframes c2Napas{to{opacity:.9;transform:translate(-50%,-50%)scale(1.06)}}@keyframes c2Muncul{0%{opacity:0;transform:translateY(14px)scale(.985)}}.ruang-site main .c2-panggung .c2-pusat h1.c2-judul{text-align:center;letter-spacing:-.03em;color:var(--c2-ink);margin:0 0 20px;font-size:clamp(28px,2.4vw,36px);font-weight:600;line-height:1.08}.c2-judul span{background:var(--c2-aksen-teks);color:#0000;-webkit-background-clip:text;background-clip:text}.c2-kartu{-webkit-backdrop-filter:blur(24px)saturate(1.7);backdrop-filter:blur(24px)saturate(1.7);background:#ffffff80;border:1px solid #ffffffbf;border-radius:32px;padding:32px 32px 26px;position:relative;box-shadow:inset 0 1px #fffffff2,0 1px 2px #1935380d,0 36px 80px -44px #1935388c}.c2-cerita{grid-area:1/1;max-width:560px;position:relative;container-type:inline-size}.c2-alis{letter-spacing:.26em;text-transform:uppercase;color:var(--c2-deep);margin:0 0 18px;font-size:12px;font-weight:600}.ruang-site main .c2-panggung .c2-cerita .c2-kiri-judul{letter-spacing:-.035em;color:var(--c2-ink);margin:0;font-size:min(6.8cqi,50px);font-weight:600;line-height:1.06}.c2-aksen{background:var(--c2-aksen-teks);color:#0000;-webkit-background-clip:text;background-clip:text}.c2-gilir{display:grid}.c2-gilir>span{white-space:nowrap;opacity:0;transition:opacity .5s var(--c2-ease), transform .75s var(--c2-ease);grid-area:1/1;transform:translateY(.45em)}.c2-gilir>span.c2-aktif{opacity:1;transform:none}.c2-gilir>span.c2-keluar{opacity:0;transform:translateY(-.45em)}.c2-gilir-isi{max-width:46ch;margin:20px 0 0;display:grid}.c2-gilir-isi p{color:var(--c2-teks-kiri);opacity:0;transition:opacity .5s var(--c2-ease), transform .6s var(--c2-ease);grid-area:1/1;margin:0;font-size:17px;line-height:1.62;transform:translateY(8px)}.c2-gilir-isi p.c2-aktif{opacity:1;transform:none}.c2-gilir-kendali{flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;display:flex}.c2-pil{color:var(--c2-deep);cursor:pointer;background:#ffffff8c;border:0;border-radius:999px;padding:8px 14px 10px;font-size:13.5px;font-weight:600;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffeb}.c2-pil[aria-pressed=true]{color:var(--c2-ink);background:#fff;box-shadow:inset 0 0 0 1px #fffffff2,0 10px 22px -14px #19353880}.c2-pil-garis{background:var(--c2-deep);transform-origin:0;border-radius:2px;height:2px;animation:4.2s linear both c2IsiPil;position:absolute;bottom:5px;left:14px;right:14px;transform:scaleX(0)}@keyframes c2IsiPil{to{transform:scaleX(1)}}.c2-cerita>*{animation:c2Naik .8s var(--c2-ease) both}.c2-cerita>:first-child{animation-delay:80ms}.c2-cerita>:nth-child(2){animation-delay:.17s}.c2-cerita>:nth-child(3){animation-delay:.26s}.c2-cerita>:nth-child(4){animation-delay:.35s}@keyframes c2Naik{0%{opacity:0;transform:translateY(16px)}}.c2-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ruang-site main .c2-panggung .c2-form{gap:20px;display:grid}.ruang-site main .c2-panggung .c2-form>form{gap:20px;margin:0;display:grid}.ruang-site main .c2-panggung .c2-form>form>*{margin-top:0}.ruang-site main .c2-panggung .c2-form .c2-tab{isolation:isolate;background:0 0;border:0;border-radius:0;grid-template-columns:auto auto;justify-content:center;gap:34px;padding:0 0 6px;display:grid;position:relative}.ruang-site main .c2-panggung .c2-form .c2-tab .c2-tab-tombol{z-index:1;box-shadow:none;cursor:pointer;letter-spacing:-.01em;color:var(--c2-muted);transition:color .35s var(--c2-ease);background:0 0;border:0;border-radius:0;padding:2px 2px 10px;font-size:20px;font-weight:600;position:relative}.ruang-site main .c2-panggung .c2-form .c2-tab .c2-tab-tombol[aria-selected=true]{color:var(--c2-ink)}.ruang-site main .c2-panggung .c2-form[data-mode=masuk] .c2-tab{margin-bottom:20px}.c2-thumb{z-index:0;pointer-events:none;bottom:0;left:var(--c2-kiri,0);width:var(--c2-lebar,60px);opacity:0;background:linear-gradient(90deg,#519499,#9fd3d6,#8f9de0);border-radius:999px;height:6px;position:absolute;box-shadow:0 4px 14px #51949973}.c2-thumb[data-siap]{opacity:1;transition:left .5s var(--c2-pegas), width .5s var(--c2-pegas)}.ruang-site main .c2-panggung .c2-form .c2-galat{border-radius:14px;margin:0}.c2-isian{padding-top:22px;display:block;position:relative}.c2-isian:before,.c2-isian:after{content:"";pointer-events:none;border-radius:2px;position:absolute;bottom:0;left:0;right:0}.c2-isian:before{background:#1935382e;height:1.5px}.c2-isian:after{background:var(--c2-benang);transform-origin:0;height:2.5px;transition:transform .6s var(--c2-ease);background-size:300% 100%;transform:scaleX(0);box-shadow:0 3px 12px #51949980}.c2-isian:focus-within:after{animation:3.5s linear infinite c2Alir;transform:scaleX(1)}@keyframes c2Alir{to{background-position:300% 0}}.ruang-site main .c2-panggung .c2-kartu .c2-isian input.c2-masukan.c2-masukan{width:100%;height:48px;min-height:0;box-shadow:none;color:var(--c2-ink);background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0 44px 0 34px;font-size:17px;display:block}.ruang-site main .c2-panggung .c2-kartu .c2-isian input.c2-masukan:-webkit-autofill{-webkit-text-fill-color:var(--c2-ink);transition:background-color 600000s,color 600000s}.c2-ikon{z-index:1;pointer-events:none;width:24px;height:24px;color:var(--c2-accent-ink);transition:color .35s, transform .45s var(--c2-pegas);place-items:center;display:grid;position:absolute;bottom:12px;left:0}.c2-ikon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.c2-isian:focus-within .c2-ikon{color:var(--c2-deep);transform:translateY(-2px)}.ruang-site main .c2-panggung .c2-isian .c2-label{z-index:1;pointer-events:none;color:var(--c2-muted);transform-origin:0;transition:transform .4s var(--c2-ease), color .35s;margin:0;font-size:17px;font-weight:400;line-height:1.4;position:absolute;bottom:12px;left:34px}.ruang-site main .c2-panggung .c2-isian .c2-masukan:focus~.c2-label,.ruang-site main .c2-panggung .c2-isian .c2-masukan:not(:placeholder-shown)~.c2-label{color:var(--c2-accent-ink);font-weight:600;transform:translate(-34px,-34px)scale(.78)}.ruang-site main .c2-panggung .c2-isian .c2-masukan:-webkit-autofill~.c2-label{color:var(--c2-accent-ink);font-weight:600;transform:translate(-34px,-34px)scale(.78)}.ruang-site main .c2-panggung .c2-isian .c2-mata{z-index:1;width:40px;height:40px;color:var(--c2-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .25s,color .25s;display:grid;position:absolute;inset:auto 0 4px auto}.ruang-site main .c2-panggung .c2-isian .c2-mata:hover{color:var(--c2-ink);background:#2d555812}.c2-mata svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.c2-mata .c2-garis-miring{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .35s var(--c2-ease)}.c2-mata[aria-pressed=true] .c2-garis-miring{stroke-dashoffset:0}.c2-isian input::-ms-reveal{display:none}.ruang-site main .c2-panggung .c2-sandi{gap:12px;display:grid}.ruang-site main .c2-panggung .c2-sandi>*{margin-top:0}.ruang-site main .c2-panggung .c2-lupa-baris{justify-content:flex-end;display:flex}.ruang-site main .c2-panggung .c2-lupa-baris:empty{display:none}.ruang-site main .c2-panggung .c2-lupa{color:var(--c2-muted);text-underline-offset:4px;font-size:14px;transition:color .2s}.ruang-site main .c2-panggung .c2-lupa:hover{color:var(--c2-ink)}.ruang-site main .c2-panggung .c2-centang{align-items:flex-start;gap:10px;display:flex;position:relative}.ruang-site main .c2-panggung .c2-centang .c2-centang-kotak{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.ruang-site main .c2-panggung .c2-centang .c2-centang-teks{color:var(--c2-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:31px;font-size:14px;line-height:1.5;position:relative}.c2-centang-teks:before{content:"";width:21px;height:21px;transition:background-color .3s, box-shadow .3s, transform .4s var(--c2-pegas);background:#fffc;border-radius:50%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1.5px #84959699}.c2-centang-teks:after{content:"";width:5px;height:10px;transition:transform .3s var(--c2-ease) 50ms;border:2.4px solid #fff;border-width:0 2.4px 2.4px 0;position:absolute;top:4px;left:8px;transform:rotate(45deg)scale(0)}.c2-centang-kotak:checked+.c2-centang-teks:before{background:var(--c2-deep);box-shadow:inset 0 0 0 1.5px var(--c2-deep);transform:scale(1.08)}.c2-centang-kotak:checked+.c2-centang-teks:after{transform:rotate(45deg)scale(1)}.c2-centang-kotak:focus-visible+.c2-centang-teks:before{outline:2px solid var(--c2-deep);outline-offset:3px}.ruang-site main .c2-panggung .c2-form .c2-kirim{color:#fff;cursor:pointer;width:100%;height:54px;transition:transform .2s, width .45s var(--c2-ease), box-shadow .3s;background:linear-gradient(135deg,#2d5558,#3f7d82 55%,#5f9fa4);border:0;border-radius:999px;justify-self:stretch;margin-top:6px;padding:0;font-size:15.5px;font-weight:600;position:relative;overflow:hidden;box-shadow:0 14px 28px -16px #2d5558d9}.ruang-site main .c2-panggung .c2-form .c2-kirim:hover{transform:none;box-shadow:0 18px 32px -16px #2d5558f2}.ruang-site main .c2-panggung .c2-form .c2-kirim:active{transform:scale(.98)}.ruang-site main .c2-panggung .c2-form .c2-kirim:disabled{cursor:not-allowed;opacity:.55}.c2-kirim-teks{transition:opacity .25s, transform .35s var(--c2-ease);align-items:center;gap:8px;display:inline-flex;position:relative}.c2-kirim-teks svg{fill:none;stroke:currentColor;stroke-width:2px;width:16px;height:16px;transition:transform .3s var(--c2-ease)}.c2-kirim:hover .c2-kirim-teks svg{transform:translate(3px)}.c2-putar{opacity:0;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;transition:opacity .25s;position:absolute;top:50%;left:50%}.ruang-site main .c2-panggung .c2-form .c2-kirim[data-keadaan=muat]{opacity:1;justify-self:center;width:54px}.c2-kirim[data-keadaan=muat] .c2-kirim-teks{opacity:0;transform:translateY(-8px)}.c2-kirim[data-keadaan=muat] .c2-putar{opacity:1;animation:.8s linear infinite c2Putar}@keyframes c2Putar{to{transform:rotate(360deg)}}.ruang-site main .c2-panggung .c2-form .c2-unduh{color:var(--c2-deep);justify-self:start;margin-top:35px;font-size:14.5px;font-weight:500}.c2-muncul{animation:c2Masuk .55s var(--c2-ease) both}@keyframes c2Masuk{0%{opacity:0;transform:translateY(10px)}}.ruang-site main .c2-panggung .c2-form .c2-google-blok{gap:14px;margin-top:2px;display:grid}.ruang-site main .c2-panggung .c2-form .c2-atau{color:var(--c2-muted);align-items:center;gap:14px;margin:0;font-size:13px;display:flex}.c2-atau:before,.c2-atau:after{content:"";background:#19353829;flex:1;height:1px}.ruang-site main .c2-panggung .c2-form .c2-google{height:54px;color:var(--c2-ink);background:#fff;border:1px solid #19353833;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .3s,transform .2s;display:flex;box-shadow:0 10px 22px -18px #1935388c}.ruang-site main .c2-panggung .c2-form .c2-google:hover{border-color:#1935385c;box-shadow:0 14px 26px -18px #193538b3}.ruang-site main .c2-panggung .c2-form .c2-google:active{transform:scale(.98)}.ruang-site main .c2-panggung .c2-form .c2-google:focus-visible{outline:2px solid var(--c2-deep);outline-offset:3px}.c2-google svg{flex:none}.ruang-site main .c2-panggung .c2-form .c2-google-setuju{color:var(--c2-muted);text-align:center;margin:0;font-size:12.5px;line-height:1.55}.ruang-site main .c2-panggung .c2-form .c2-google-setuju a{color:var(--c2-deep);text-underline-offset:2px;font-weight:500;text-decoration:underline}.ruang-site main .c2-panggung .c2-form .c2-kabar{color:var(--c2-ink);background:#ffffffb8;border:1px solid #2d555838;border-radius:14px;margin:0;padding:12px 16px;font-size:14px;line-height:1.55}.c2-kabar b{overflow-wrap:anywhere;font-weight:600}@media (max-width:860px){.ruang-site main .c2-panggung .c2-isi{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:56px;padding:40px 16px 64px}.c2-pusat{grid-area:1/1;max-width:460px}.c2-cerita{grid-area:2/1;width:100%;max-width:460px}.c2-gilir-isi p{font-size:16px}}@media (max-width:520px){.c2-kartu{border-radius:26px;padding:26px 20px 22px}.ruang-site main .c2-panggung .c2-form .c2-tab{gap:26px}}@media (prefers-reduced-motion:reduce){.c2-panggung *,.c2-panggung :before,.c2-panggung :after{transition:none!important;animation:none!important}}
