.wrap.svelte-vp002s{--hud-cyan:#35d6f0;--ui-text-dim:#99a3b2;--ui-danger:#ef4444;isolation:isolate;background:#08090c url(../../../masuk-bg.webp) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex;position:relative}.wrap.svelte-vp002s:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42% 55%,#08090ccc 0%,#08090c8c 55%,#08090c1f 100%);position:absolute;inset:0}.shell.svelte-vp002s{width:100%;max-width:460px;position:relative}.hud-panel.svelte-vp002s{--ch:32px;z-index:1;filter:drop-shadow(0 22px 46px #0009)drop-shadow(0 0 34px #e8b04b21);clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch));background:linear-gradient(#141922ed 0%,#0c0f15f2 100%);padding:34px 32px 30px;position:relative}.hud-panel.svelte-vp002s:before{content:"";pointer-events:none;background:var(--ui-gold);filter:drop-shadow(0 0 4px #e8b04b8c);clip-path:polygon(evenodd, var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch), calc(var(--ch) + 1.5px) 1.5px, calc(100% - var(--ch) - 1.5px) 1.5px, calc(100% - 1.5px) calc(var(--ch) + 1.5px), calc(100% - 1.5px) calc(100% - var(--ch) - 1.5px), calc(100% - var(--ch) - 1.5px) calc(100% - 1.5px), calc(var(--ch) + 1.5px) calc(100% - 1.5px), 1.5px calc(100% - var(--ch) - 1.5px), 1.5px calc(var(--ch) + 1.5px));position:absolute;inset:0}.accent.svelte-vp002s{z-index:2;pointer-events:none;width:96px;height:96px;clip-path:polygon(var(--ch) 0, 100% 0, 100% 100%, 0 100%, 0 var(--ch));position:absolute;top:0;left:0;overflow:hidden}.accent-line.svelte-vp002s{transform-origin:50%;width:96px;height:1px;position:absolute;transform:rotate(-45deg)}.accent-line--luar.svelte-vp002s{background:#e8b04bbf;top:22.5px;left:-25px}.accent-line--dalam.svelte-vp002s{background:#e8b04b73;top:26px;left:-21.5px}.bracket.svelte-vp002s{z-index:2;border:2.5px solid var(--hud-cyan);filter:drop-shadow(0 0 4px #35d6f0a6);pointer-events:none;width:20px;height:20px;position:absolute}.bracket--tl.svelte-vp002s{border-bottom-color:#0000;border-right-color:#0000;top:-6px;left:-6px}.bracket--tr.svelte-vp002s{border-bottom-color:#0000;border-left-color:#0000;top:-6px;right:-6px}.bracket--br.svelte-vp002s{border-top-color:#0000;border-left-color:#0000;bottom:-6px;right:-6px}.bracket--bl.svelte-vp002s{border-top-color:#0000;border-right-color:#0000;bottom:-6px;left:-6px}.logo-wrap.svelte-vp002s{width:250px;margin:0 auto;display:block;position:relative}.logo.svelte-vp002s{filter:drop-shadow(0 0 26px #e8b04b73)drop-shadow(0 0 6px #e8b04b59);width:100%;height:auto;display:block}.logo-shine.svelte-vp002s{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(100deg,#0000 42%,#ffffffe6 50%,#0000 58%) 190% 0/260% 100% no-repeat;animation:5s ease-in-out infinite svelte-vp002s-logo-shine;position:absolute;inset:0;-webkit-mask-image:url(../../../gocha_id-logo.webp);mask-image:url(../../../gocha_id-logo.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes svelte-vp002s-logo-shine{0%{background-position:190% 0}38%,to{background-position:-90% 0}}.rule.svelte-vp002s{align-items:center;gap:10px;margin-top:16px;display:flex}.rule-line.svelte-vp002s{background:#35d6f059;flex:1;height:1px}.rule-diamond.svelte-vp002s{background:var(--ui-gold);width:7px;height:7px;transform:rotate(45deg)}.micro.svelte-vp002s{letter-spacing:.3em;text-transform:uppercase;text-align:center;color:var(--hud-cyan);margin:12px 0 0;font-size:10px;font-weight:600}.sub.svelte-vp002s{text-align:center;color:var(--ui-text-dim);margin:8px 0 0;font-size:12px;line-height:1.5}.notice.svelte-vp002s{margin-top:16px}.form.svelte-vp002s{flex-direction:column;gap:16px;margin-top:18px;display:flex}.hud-field.svelte-vp002s{--ch:10px;height:46px;position:relative}.hud-plate.svelte-vp002s{z-index:0;pointer-events:none;transition:filter .15s;position:absolute;inset:0}.hud-plate.svelte-vp002s:before{content:"";clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch));background:#080b10d9;position:absolute;inset:0}.hud-plate.svelte-vp002s:after{content:"";clip-path:polygon(evenodd, var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch), calc(var(--ch) + 1px) 1px, calc(100% - var(--ch) - 1px) 1px, calc(100% - 1px) calc(var(--ch) + 1px), calc(100% - 1px) calc(100% - var(--ch) - 1px), calc(100% - var(--ch) - 1px) calc(100% - 1px), calc(var(--ch) + 1px) calc(100% - 1px), 1px calc(100% - var(--ch) - 1px), 1px calc(var(--ch) + 1px));background:#e8b04b47;transition:background-color .15s;position:absolute;inset:0}.hud-field.svelte-vp002s:focus-within .hud-plate:where(.svelte-vp002s){filter:drop-shadow(0 0 5px #e8b04bbf)drop-shadow(0 0 14px #e8b04b66)}.hud-field.svelte-vp002s:focus-within .hud-plate:where(.svelte-vp002s):after{background:var(--ui-gold)}.hud-icon.svelte-vp002s{z-index:1;color:var(--ui-text-dim);pointer-events:none;font-size:15px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.hud-input.svelte-vp002s{z-index:1;box-sizing:border-box;width:100%;height:100%;color:var(--ui-text);background:0 0;border:0;outline:none;padding:0 14px 0 40px;font-family:inherit;font-size:13px;position:relative}.hud-input.svelte-vp002s::placeholder{color:var(--ui-text-dim)}.hud-input.svelte-vp002s:-webkit-autofill{-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);-webkit-background-clip:text;background-clip:text;transition:background-color 100000s}.hud-input.svelte-vp002s:-webkit-autofill:hover{-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);-webkit-background-clip:text;background-clip:text;transition:background-color 100000s}.hud-input.svelte-vp002s:-webkit-autofill:focus{-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);-webkit-background-clip:text;background-clip:text;transition:background-color 100000s}.hud-input.svelte-vp002s:-webkit-autofill:active{-webkit-text-fill-color:var(--ui-text);caret-color:var(--ui-text);-webkit-background-clip:text;background-clip:text;transition:background-color 100000s}.hud-input--pw.svelte-vp002s{padding-right:40px}.eye.svelte-vp002s{z-index:2;width:22px;height:22px;color:var(--ui-text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:15px;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye.svelte-vp002s:hover,.eye.svelte-vp002s:focus-visible{color:var(--ui-gold)}.eye.svelte-vp002s:focus-visible{outline:1px solid var(--ui-gold);outline-offset:2px}.optrow.svelte-vp002s{justify-content:space-between;align-items:center;gap:12px;margin-top:2px;font-size:11px;display:flex}.cek.svelte-vp002s{cursor:pointer;align-items:center;gap:8px;display:inline-flex;position:relative}.cek-input.svelte-vp002s{opacity:0;width:0;height:0;position:absolute}.cek-box.svelte-vp002s{box-sizing:border-box;background:#080b10d9;border:1px solid #e8b04b73;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.cek-mark.svelte-vp002s{color:var(--ui-gold);opacity:0;font-size:11px}.cek-input.svelte-vp002s:checked~.cek-box:where(.svelte-vp002s) .cek-mark:where(.svelte-vp002s){opacity:1}.cek-input.svelte-vp002s:focus-visible~.cek-box:where(.svelte-vp002s){outline:1px solid var(--ui-gold);outline-offset:2px}.cek-label.svelte-vp002s{color:var(--ui-text-dim)}.lupa.svelte-vp002s{font-family:inherit;font-size:inherit;color:var(--ui-gold);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.lupa.svelte-vp002s:hover{color:var(--ui-gold-bright);text-decoration:underline}.lupa.svelte-vp002s:focus-visible{outline:1px solid var(--ui-gold);outline-offset:2px}.submit-wrap.svelte-vp002s{filter:drop-shadow(0 7px 18px #e8b04b6b);transition:filter .2s;position:relative}.masuk-btn.svelte-vp002s{--ch:12px;--btn-line:#8a5f12;width:100%;height:54px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#3b2708;background:linear-gradient(#ffeaa9 0%,#f8ce74 16%,#eeb54e 42%,#dfa032 58%,#c98a1e 82%,#a97418 100%);font-size:17px;font-weight:600}.masuk-btn.svelte-vp002s:before{clip-path:polygon(evenodd, var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch), calc(var(--ch) + 1.5px) 1.5px, calc(100% - var(--ch) - 1.5px) 1.5px, calc(100% - 1.5px) calc(var(--ch) + 1.5px), calc(100% - 1.5px) calc(100% - var(--ch) - 1.5px), calc(100% - var(--ch) - 1.5px) calc(100% - 1.5px), calc(var(--ch) + 1.5px) calc(100% - 1.5px), 1.5px calc(100% - var(--ch) - 1.5px), 1.5px calc(var(--ch) + 1.5px))}.masuk-btn.svelte-vp002s:after{content:"";pointer-events:none;background:linear-gradient(#ffffff9e 0%,#ffffff14 100%);border-radius:0 0 50% 50%/0 0 14px 14px;height:46%;position:absolute;top:2px;left:2px;right:2px}.masuk-sheen.svelte-vp002s{pointer-events:none;filter:blur(3px);background:linear-gradient(90deg,#fff0 0%,#ffffffbf 50%,#fff0 100%);width:28%;transition:transform .7s;position:absolute;top:-20%;bottom:-20%;left:22%;transform:skew(-22deg)}@media (hover:hover){.masuk-btn.svelte-vp002s:not(:disabled):hover{filter:brightness(1.05)}.masuk-btn.svelte-vp002s:not(:disabled):hover .masuk-sheen:where(.svelte-vp002s){transform:translate(300%)skew(-22deg)}.submit-wrap.svelte-vp002s:has(.masuk-btn:where(.svelte-vp002s):not(:disabled):hover){filter:drop-shadow(0 9px 24px #e8b04b99)}}.masuk-btn.svelte-vp002s:not(:disabled):active{filter:brightness(.96)}.submit-wrap.svelte-vp002s:has(.masuk-btn:where(.svelte-vp002s):not(:disabled):active){filter:drop-shadow(0 3px 10px #e8b04b57)}.masuk-btn.svelte-vp002s:focus-visible{--btn-line:var(--ui-text);outline:none}.masuk-btn.svelte-vp002s:disabled{filter:saturate(.35);opacity:.55}.masuk-btn.svelte-vp002s:disabled .masuk-sheen:where(.svelte-vp002s){display:none}.submit-wrap.svelte-vp002s:has(.masuk-btn:where(.svelte-vp002s):disabled){filter:none}.countdown.svelte-vp002s{text-align:center;color:var(--ui-text-dim);margin:0;font-size:11px}.countdown.is-out.svelte-vp002s{color:var(--ui-danger)}.back.svelte-vp002s{text-align:center;margin:16px 0 0}.link-btn.svelte-vp002s{color:var(--ui-text-dim);align-items:center;gap:6px;font-size:11px;text-decoration:none;display:inline-flex}.link-btn.svelte-vp002s:hover{color:var(--ui-gold)}.link-btn.svelte-vp002s span:where(.svelte-vp002s):first-child{width:13px;height:13px}.chip.svelte-vp002s{--ch:6px;z-index:1;height:30px;clip-path:polygon(var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch));background:#0e1117cc;align-items:center;gap:7px;padding:0 12px;display:inline-flex;position:absolute}.chip.svelte-vp002s:before{content:"";pointer-events:none;clip-path:polygon(evenodd, var(--ch) 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)), 0 var(--ch), calc(var(--ch) + 1px) 1px, calc(100% - var(--ch) - 1px) 1px, calc(100% - 1px) calc(var(--ch) + 1px), calc(100% - 1px) calc(100% - var(--ch) - 1px), calc(100% - var(--ch) - 1px) calc(100% - 1px), calc(var(--ch) + 1px) calc(100% - 1px), 1px calc(100% - var(--ch) - 1px), 1px calc(var(--ch) + 1px));background:#e8b04b59;position:absolute;inset:0}.chip--corner.svelte-vp002s{top:18px;right:18px}.chip--status.svelte-vp002s{bottom:20px;left:50%;transform:translate(-50%)}.chip-icon.svelte-vp002s{z-index:1;color:var(--ui-gold);font-size:13px;position:relative}.chip-text.svelte-vp002s{z-index:1;letter-spacing:.2em;text-transform:uppercase;color:var(--ui-text-dim);font-size:9.5px;position:relative}@media (prefers-reduced-motion:reduce){.hud-plate.svelte-vp002s,.hud-plate.svelte-vp002s:after,.submit-wrap.svelte-vp002s,.masuk-sheen.svelte-vp002s{transition:none}.masuk-btn.svelte-vp002s:not(:disabled):hover .masuk-sheen:where(.svelte-vp002s){transform:skew(-22deg)}.logo-shine.svelte-vp002s{display:none}}@media (width<=480px){.shell.svelte-vp002s{max-width:100%}.hud-panel.svelte-vp002s{padding:24px 18px 20px}.logo-wrap.svelte-vp002s{width:210px}.chip.svelte-vp002s{display:none}}