.pcb-shell{--pcb-judul:var(--font-pcb-judul), "Bahnschrift", "Segoe UI", system-ui, sans-serif;--pcb-isi:var(--font-pcb-isi), "Bahnschrift", "Segoe UI", system-ui, sans-serif;background:#050507;position:fixed;inset:0;overflow:hidden}.pcb-canvas{touch-action:none;cursor:crosshair;width:100vw;height:100vh;display:block}.pcb-wrap{transform-origin:50%;width:430px;transition:opacity .35s,filter .35s;position:fixed;top:0;left:0}.pcb-shell.sedang-memuat .pcb-wrap,.pcb-shell.sudah-masuk .pcb-wrap{opacity:0;filter:blur(6px);pointer-events:none}.pcb-form{font-family:var(--pcb-isi);color:#f3f3f6;box-sizing:border-box;background:radial-gradient(circle at 50% 35%,#1e1e26f0,#0a0a0ef7 72%);border:1px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:430px;height:430px;padding-top:6px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 18px 50px #000000a6,inset 0 1px #ffffff0f}.pcb-form h1{font-family:var(--pcb-judul);letter-spacing:.28em;color:#ff5a46;margin:0;font-size:15px;font-weight:800}.pcb-sub{letter-spacing:.08em;color:#8e8e9a;margin:-4px 0 8px;font-size:12px}.pcb-field{width:300px;position:relative}.pcb-field svg.pcb-ic{stroke:#8e8e9a;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:17px;height:17px;transition:stroke .15s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.pcb-field:focus-within svg.pcb-ic{stroke:#ff6a55}.pcb-form input{box-sizing:border-box;letter-spacing:.02em;color:#fff;background:#ffffff0d;border:1px solid #ffffff21;border-radius:12px;outline:none;width:100%;height:48px;padding:0 44px;font-family:inherit;font-size:17px;font-weight:600;transition:border-color .15s,box-shadow .15s,background .15s}.pcb-form input::placeholder{color:#949cab;letter-spacing:.02em;font-weight:500}.pcb-form input:focus{background:#ffffff12;border-color:#ff5a46d9;box-shadow:0 0 0 3px #ff3c2826}.pcb-eye{cursor:pointer;border:0;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%);box-shadow:none!important;background:0 0!important}.pcb-eye svg{stroke:#8e8e9a;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pcb-eye:hover svg{stroke:#fff}.pcb-go{letter-spacing:.26em;color:#fff;cursor:pointer;width:300px;height:46px;font-size:14px;font-weight:700;font-family:var(--pcb-judul);opacity:0;pointer-events:none;background:linear-gradient(#ff3b2a,#c1170d);border:0;border-radius:12px;margin-top:4px;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1),filter .15s;transform:translateY(6px)scale(.98);box-shadow:0 6px 18px #ff281459}.pcb-go--siap{opacity:1;pointer-events:auto;transform:none}.pcb-go:hover{filter:brightness(1.12)}.pcb-go:active{transform:scale(.98)}.pcb-go:disabled{filter:grayscale(.4)brightness(.8);cursor:wait}.pcb-msg{letter-spacing:.08em;text-align:center;color:#9a9aa8;min-height:14px;margin-top:-2px;padding:0 24px;font-size:11px;line-height:1.45}.pcb-copy{letter-spacing:.14em;color:#6f6f7d;text-align:center;margin-top:2px;font-size:9.5px}.pcb-form:before,.pcb-form:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.pcb-form:before{filter:blur(.3px);background:conic-gradient(#78d7ff00 0deg,#78d7ffd9 38deg,#ff5a46bf 76deg,#78d7ff00 120deg 190deg,#78d7ff8c 228deg,#78d7ff00 290deg);animation:6s linear infinite pcb-ring;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.pcb-form:after{border:1px solid #78d7ff24;inset:-3px;box-shadow:0 0 22px #78d7ff1a,inset 0 0 18px #78d7ff0d}@keyframes pcb-ring{to{transform:rotate(360deg)}}.pcb-form.pcb-err:before{background:conic-gradient(#ff3c2800 0deg,#ff5a46f2 40deg,#ff3c2800 130deg 200deg,#ff5a46b3 240deg,#ff3c2800 320deg);animation-duration:1.6s}@media (prefers-reduced-motion:reduce){.pcb-form:before{animation:none}}.pcb-form.pcb-err{border-color:#ff3c28b3;animation:.45s pcb-shake;box-shadow:0 18px 50px #000000a6,0 0 18px #ff1e1459}.pcb-form.pcb-err .pcb-msg{color:#ff5a46}@keyframes pcb-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(5px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}.pcb-logo,.pcb-spin{pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.pcb-logo{opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);transform:scale(.82)}.pcb-shell.sedang-memuat .pcb-logo,.pcb-shell.sudah-masuk .pcb-logo{opacity:1;transform:scale(1)}.pcb-spin{opacity:0;box-sizing:border-box;border:2px solid #ffffffb3;border-color:#ffffffb3 #ffffff40 #ffffff0f #ffffff0f;transition:opacity .3s;animation:1.1s linear infinite pcb-spin}.pcb-shell.sedang-memuat .pcb-spin{opacity:1}@keyframes pcb-spin{to{transform:rotate(360deg)}}.pcb-status{white-space:nowrap;pointer-events:none;opacity:0;font:700 13px var(--pcb-judul);letter-spacing:.3em;color:#ffb1a4;text-shadow:0 0 8px #000,0 0 14px #000;transition:opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%)}.pcb-shell.sedang-memuat .pcb-status{opacity:1}.pcb-fade{pointer-events:none;opacity:0;background:radial-gradient(circle,#ffebe1,#ff3c1ee6 35%,#050507 75%);transition:opacity .7s;position:fixed;inset:0}.pcb-shell.sudah-masuk .pcb-fade{opacity:1}.pcb-welcome{pointer-events:none;opacity:0;font:800 32px var(--pcb-judul);letter-spacing:.34em;color:#fff;text-shadow:0 0 6px #000,0 0 18px #000,0 0 36px #780000e6;justify-content:center;align-items:center;padding-left:.34em;transition:opacity .5s .4s;display:flex;position:fixed;inset:0}.pcb-shell.sudah-masuk .pcb-welcome{opacity:1}@media (max-width:820px){.pcb-wrap{width:min(86vw,380px);top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.pcb-form{aspect-ratio:1;border-radius:50%;gap:10px;width:100%;height:auto;padding:0 6%}.pcb-form h1{letter-spacing:.2em;font-size:13px}.pcb-sub{margin:-2px 0 4px;font-size:11px}.pcb-field,.pcb-go{width:min(62vw,250px)}.pcb-form input,.pcb-go{height:46px;font-size:16px}.pcb-msg{padding:0 14%;font-size:10px}.pcb-logo{width:144px!important;height:144px!important;top:calc(50% - 72px)!important;left:calc(50% - 72px)!important}.pcb-spin{width:188px!important;height:188px!important;top:calc(50% - 94px)!important;left:calc(50% - 94px)!important}.pcb-welcome{letter-spacing:.26em;padding-left:.26em;padding-right:0;font-size:19px}.pcb-status{letter-spacing:.26em;color:#ffc9bd;font-size:12px!important;top:calc(50% + 118px)!important;left:50%!important}.pcb-shell.sedang-memuat .pcb-wrap,.pcb-shell.sudah-masuk .pcb-wrap{visibility:hidden}}