:root{--lime:#a7ea6c;--lime-deep:#7fd34a;--yellow:#ffd43b;--orange:#f45d1e;--orange-soft:#ff8a3d;--red:#ff4d3d;--green:#27a350;--brand-ink:#2b2160;--night:#17132e;--night-2:#231d45;--tile-yellow:#fff3ad;--tile-white:#fff;--ink:#17132e;--ink-soft:#5b5774;--radius-frame:30px;--radius-tile:22px;--candy-orange:#ff8a3d;--candy-yellow:#ffcf3f;--candy-green:#4fcf7a;--candy-sky:#46b8ff;--candy-purple:#a77bff;--candy-pink:#ff74b8;--candy-teal:#2fd1c1;--candy-red:#ff5d5d;--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{color:var(--ink);background:var(--lime);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Plus Jakarta Sans,Segoe UI,system-ui,sans-serif}h1,h2,h3,p{margin:0}a{color:inherit}button{font:inherit;color:inherit}.frame{background:var(--night);isolation:isolate;min-height:100dvh;margin:0;position:relative;overflow:hidden}.rays{z-index:-1;background:conic-gradient(from 0deg at 50% 108%, var(--night) 0deg 14deg, var(--orange-soft) 14deg 40deg, var(--orange) 40deg 62deg, #ffb347 62deg 90deg, #ffb347 90deg 270deg, var(--yellow) 270deg 298deg, #c8f25c 298deg 322deg, var(--lime) 322deg 340deg, var(--night) 340deg 360deg);position:absolute;inset:0}.rays:after{content:"";background:linear-gradient(#17132e8c 0%,#0000 45%);position:absolute;inset:0}.pill-dark{-webkit-backdrop-filter:blur(12px);color:#fff;background:#17132edb;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:4px;padding:5px;display:inline-flex}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px;color:var(--night);background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-dark{background:var(--night);color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-ghost{color:#fff;background:#ffffff1f}.round{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#17132edb;border:0;border-radius:50%;place-items:center;width:46px;height:46px;text-decoration:none;display:grid}.round:active{transform:scale(.95)}.badge-new{background:var(--red);color:#fff;letter-spacing:.4px;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.badge-soon{background:var(--night);color:#fff;letter-spacing:.3px;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.btn:focus-visible,.round:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toy{--c:var(--candy-orange);--d:color-mix(in srgb, var(--c) 70%, #000);background:var(--c);color:#fff;box-shadow:0 5px 0 var(--d), 0 10px 18px color-mix(in srgb, var(--c) 35%, transparent);transition:transform .25s var(--spring), box-shadow .15s ease;cursor:pointer;border:0;position:relative}.toy:hover{transform:translateY(-2px)scale(1.02)}.toy:active{box-shadow:0 1px 0 var(--d), 0 4px 8px color-mix(in srgb, var(--c) 30%, transparent);transform:translateY(4px)scale(.98)}@keyframes melayang{50%{transform:translateY(-14px)}}@keyframes goyang-pelan{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}