:root{--bg-0:#0e1420;--bg-1:#141c2c;--bg-2:#1b2537;--bg-3:#232f45;--border:#2c3a52;--text-0:#f1f4f9;--text-1:#c3ccdb;--text-2:#8996ac;--accent:#5b8def;--accent-2:#7c6ef2;--xp:#f2b84b;--streak:#ef7d5b;--success:#43c98a;--danger:#ef5b6f;--locked:#4a5468;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 8px 24px #04081059;--shadow-lift:0 16px 40px #02050c73;--header-bg:#0e1420db;--font-sans:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--accent-gradient:linear-gradient(135deg, var(--accent), var(--accent-2));--ease-premium:cubic-bezier(.16, 1, .3, 1);--glow-1:91, 141, 239;--glow-2:124, 110, 242;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg-0:#f6f2e9;--bg-1:#fff;--bg-2:#f1ecdf;--bg-3:#e6dfcc;--border:#ddd4bd;--text-0:#20242c;--text-1:#4b5261;--text-2:#7b8291;--accent:#3f6fd1;--accent-2:#6a56d6;--xp:#9c6a0a;--streak:#c85a3a;--success:#1c8f5c;--danger:#c93f52;--locked:#a3a9b3;--shadow-card:0 8px 22px #5a4a2a1a;--shadow-lift:0 16px 36px #5a4a2a29;--header-bg:#f6f2e9db;--glow-1:63, 111, 209;--glow-2:106, 86, 214;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg-0);color:var(--text-0);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;transition:background-color .55s,color .55s;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(720px 480px at 12% -8%, rgba(var(--glow-1), .16), transparent 62%), radial-gradient(640px 460px at 108% 6%, rgba(var(--glow-2), .13), transparent 60%), radial-gradient(560px 420px at 50% 115%, rgba(var(--glow-1), .08), transparent 65%);transition:opacity .55s;position:fixed;inset:0}#root{z-index:1;position:relative}@keyframes screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen{animation:.45s both screen-enter}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img,svg{max-width:100%;display:block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.screen{flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 20px 40px;display:flex}.screen--wide{max-width:960px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pilih-form{justify-content:center;gap:32px;padding-top:40px}.pilih-form__intro{text-align:center;flex-direction:column;gap:6px;display:flex}.pilih-form__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.pilih-form__heading{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-0), var(--accent) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.pilih-form__sub{color:var(--text-2);font-size:14px}.pilih-form__list{flex-direction:column;gap:14px;display:flex}.form-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--bg-1), var(--bg-2));box-shadow:var(--shadow-card);text-align:left;transition:transform .35s var(--ease-premium), border-color .35s var(--ease-premium), box-shadow .35s var(--ease-premium);align-items:center;gap:16px;padding:18px;display:flex;position:relative;overflow:hidden}.form-card:before{content:"";background:linear-gradient(120deg, transparent 40%, rgba(var(--glow-1), .1), transparent 60%);opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.form-card:not(:disabled):hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-3px)scale(1.01)}.form-card:not(:disabled):hover:before{opacity:1}.form-card:not(:disabled):active{transform:translateY(-1px)scale(.997)}.form-card--locked{opacity:.5;cursor:not-allowed}.form-card__badge{border-radius:var(--radius-md);background:var(--accent-gradient);color:#0b1220;width:52px;height:52px;box-shadow:0 6px 18px rgba(var(--glow-1), .4);flex-shrink:0;place-items:center;font-size:16px;font-weight:800;display:grid}.form-card--locked .form-card__badge{background:var(--bg-3);color:var(--text-2)}.form-card__body{flex-direction:column;gap:2px;min-width:0;display:flex}.form-card__title{font-size:17px;font-weight:800}.form-card__tagline{color:var(--text-2);font-size:13px}.form-card__progress{color:var(--accent);margin-top:6px;font-size:12px;font-weight:700}.form-card__soon{color:var(--text-2);border:1px solid var(--border);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:700}.access-gate{justify-content:center;align-items:center;padding-top:40px}.access-gate__card{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(160deg, var(--bg-1), var(--bg-2));width:100%;max-width:380px;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.access-gate__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700}.access-gate__heading{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-0), var(--accent) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.access-gate__sub{color:var(--text-2);margin-bottom:10px;font-size:14px}.access-gate__form{flex-direction:column;gap:12px;width:100%;display:flex}.access-gate__input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-0);width:100%;color:var(--text-0);letter-spacing:.04em;text-align:center;text-transform:uppercase;padding:14px 16px;font-size:16px;font-weight:700}.access-gate__input:focus{border-color:var(--accent);outline:none}.access-gate__submit{border-radius:var(--radius-md);background:var(--accent-gradient);color:#0b1220;box-shadow:0 8px 20px -6px color-mix(in srgb, var(--accent) 70%, transparent);transition:transform .2s var(--ease-premium), box-shadow .2s var(--ease-premium);border:none;padding:14px;font-size:15px;font-weight:800}.access-gate__submit:hover{box-shadow:0 12px 24px -6px color-mix(in srgb, var(--accent) 80%, transparent);transform:translateY(-2px)}.access-gate__submit:active{transform:translateY(0)}.access-gate__error{color:var(--danger);font-size:13px;font-weight:700}.access-gate__divider{width:100%;color:var(--text-2);align-items:center;gap:10px;margin:6px 0;font-size:12px;display:flex}.access-gate__divider:before,.access-gate__divider:after{content:"";background:var(--border);flex:1;height:1px}.access-gate__buy-link{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;color:var(--text-0);transition:border-color .2s var(--ease-premium), transform .2s var(--ease-premium);background:0 0;padding:14px;font-size:14px;font-weight:700;text-decoration:none;display:block}.access-gate__buy-link:hover{border-color:var(--success);color:var(--success);transform:translateY(-2px)}.route-loading{justify-content:center;align-items:center;gap:8px;min-height:60vh;display:flex}.route-loading__dot{background:var(--accent);width:9px;height:9px;animation:route-loading-bounce 1s var(--ease-premium,ease-in-out) infinite;border-radius:50%}.route-loading__dot:nth-child(2){animation-delay:.15s}.route-loading__dot:nth-child(3){animation-delay:.3s}@keyframes route-loading-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.install-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;border-radius:var(--radius-lg);background:var(--bg-1);border:1px solid var(--border);box-shadow:var(--shadow-lift), 0 0 0 1px rgba(var(--glow-1), .08);animation:install-banner-in .4s var(--ease-premium);align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex;position:fixed}@keyframes install-banner-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.install-banner__icon{border-radius:var(--radius-sm);flex-shrink:0;width:38px;height:38px}.install-banner__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.install-banner__title{color:var(--text-0);font-size:13.5px;font-weight:800}.install-banner__sub{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.install-banner__cta{background:var(--accent-gradient);color:#fff;box-shadow:0 6px 16px -4px rgba(var(--glow-1), .55);transition:transform .2s var(--ease-premium);border:none;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:800}.install-banner__cta:hover{transform:translateY(-1px)}.install-banner__close{background:var(--bg-3);width:26px;height:26px;color:var(--text-2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.error-boundary{background:var(--bg-0);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-boundary__card{text-align:center;border-radius:var(--radius-lg);background:var(--bg-1);border:1px solid var(--border);width:100%;max-width:360px;box-shadow:var(--shadow-lift), 0 0 60px -20px rgba(var(--glow-1), .35);flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.error-boundary__emoji{font-size:40px}.error-boundary__title{color:var(--text-0);margin:0;font-size:19px;font-weight:800}.error-boundary__body{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.55}.error-boundary__cta{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 20px -6px rgba(var(--glow-1), .55);transition:transform .2s var(--ease-premium);border:none;border-radius:999px;margin-top:8px;padding:12px 26px;font-size:14px;font-weight:800}.error-boundary__cta:hover{transform:translateY(-1px)}