:root{--bg: #fffbe3;--bg2: #fff3b0;--card: #ffffff;--ink: #14191d;--muted: #5b5a4c;--line: #14191d;--soft: #ece0a6;--sun: #ffe229;--brand: #ffe229;--leaf: #22b36a;--ocean: #2e6bff;--berry: #ff5a8a;--grape: #7a5cff;--ubi: #9b4dca;--ubi-d: #7a35a6;--sun-t: #fff6b8;--leaf-t: #d9f6e6;--ocean-t: #dfe8ff;--berry-t: #ffe0ea;--grape-t: #ebe5ff;--ubi-t: #f1e2fb;--shadow: #14191d;--display: "Fredoka", "Trebuchet MS", system-ui, sans-serif;--body: "Nunito", "Segoe UI", system-ui, sans-serif;--r: 24px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f1733;--bg2: #141f44;--card: #1a2652;--ink: #eef2ff;--muted: #a9b5dc;--line: #7d8cc4;--soft: #2b3a70;--sun: #ffd35c;--leaf: #3fd389;--ocean: #6b95ff;--berry: #ff7aa2;--grape: #9d86ff;--ubi: #b871e6;--ubi-d: #8d4fbb;--sun-t: #3d3418;--leaf-t: #163a2b;--ocean-t: #1d2d63;--berry-t: #3f1d2c;--grape-t: #2a2360;--ubi-t: #33204a;--shadow: #050a1c;color-scheme:dark}}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}body{margin:0;color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;background:var(--bg) radial-gradient(circle,var(--soft) 2px,transparent 2.5px) 0 0 / 34px 34px}h1,h2,h3,h4{font-family:var(--display);line-height:1.1;margin:0;text-wrap:balance}h1{font-size:clamp(32px,5vw,52px)}h2{font-size:clamp(24px,3.4vw,34px)}p{margin:0}a{color:inherit}button,input{font:inherit;color:inherit}img,svg{max-width:100%}:focus-visible{outline:3px solid var(--ocean);outline-offset:3px;border-radius:8px}.wrap{max-width:1140px;margin-inline:auto;padding-inline:16px}.muted{color:var(--muted)}.pad{padding-block:48px}section{padding-block:40px}.eyebrow{font-family:var(--display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;color:var(--muted)}.sec-head{display:grid;gap:8px;margin-bottom:24px;max-width:680px}.row-gap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wordmark{font-family:var(--display);font-weight:600;letter-spacing:-.01em}.sticker{background:var(--card);border:2.5px solid var(--line);border-radius:var(--r);box-shadow:4px 5px 0 var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:2.5px solid var(--line);border-radius:999px;padding:10px 20px;font-family:var(--display);font-weight:600;font-size:17px;cursor:pointer;background:var(--card);box-shadow:3px 4px 0 var(--shadow);text-decoration:none;transition:transform .12s,box-shadow .12s;white-space:nowrap}.btn:hover{transform:translate(-1px,-2px);box-shadow:4px 6px 0 var(--shadow)}.btn:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--shadow)}.btn:disabled,.btn.is-disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.sun{background:var(--brand);color:#14191d}.btn.ocean{background:var(--ocean);color:#fff}.btn.ubi-btn{background:var(--ubi);color:#fff}.btn.small{font-size:15px;padding:7px 14px}.pill{display:inline-block;font-size:13px;font-weight:800;padding:2px 10px;border-radius:999px;border:2px solid var(--line);background:var(--bg)}.pill-ready,.bg-leaf{background:var(--leaf-t)}.bg-grape{background:var(--grape-t)}.bg-ocean{background:var(--ocean-t)}.bg-sun{background:var(--sun-t)}.bg-berry{background:var(--berry-t)}.bg-sun-strong{background:var(--sun)}.bg-leaf-strong{background:var(--leaf)}.bg-berry-strong{background:var(--berry)}.bg-ocean-strong{background:var(--ocean)}.bg-grape-strong{background:var(--grape)}.msg{font-weight:700}.msg.ok{color:var(--leaf)}.msg.bad{color:var(--berry)}.demo-banner{background:var(--sun-t);border-block:2px dashed var(--line);text-align:center;font-size:14px;font-weight:700;padding:6px 16px}.top{position:sticky;top:0;z-index:20;padding-block:12px;background:var(--bg)}.nav{display:flex;align-items:center;gap:16px;position:relative}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.logo-t{display:grid;line-height:1}.logo-t .wordmark,.logo-word{font-size:24px}.logo-t small{font-size:12px;font-weight:700;color:var(--muted)}.menu{display:flex;gap:4px;margin-left:auto;align-items:center}.menu a:not(.btn){text-decoration:none;font-weight:800;padding:6px 12px;border-radius:999px}.menu a.active:not(.btn){background:var(--card)}.menu .btn{margin-left:6px}.burger{display:none;margin-left:auto}@media(max-width:760px){.burger{display:inline-flex}.menu{display:none;position:absolute;left:0;right:0;top:56px;flex-direction:column;align-items:stretch;padding:12px;background:var(--card);border:2.5px solid var(--line);border-radius:var(--r);box-shadow:4px 5px 0 var(--shadow)}.menu.open{display:flex}.menu .btn{margin:6px 0 0}}.gate{background:var(--brand);color:#14191d;min-height:100vh;padding-block:40px}.gate-in{display:grid;justify-items:center;text-align:center;gap:10px}.brand-big{display:grid;justify-items:center;text-decoration:none;color:#14191d}.brand-big .wordmark{font-size:56px;line-height:1;margin-top:-4px}.gate-h{font-size:clamp(34px,6vw,64px);margin-top:14px}.gate-p{color:#3d3a1c;font-size:19px;max-width:60ch}.facts{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.facts li{display:grid;gap:2px;padding:10px 18px;border:2.5px solid #14191d;border-radius:16px;background:#fffbe3;box-shadow:3px 4px #14191d}.facts b{font-family:var(--display);font-size:18px}.facts span{font-size:14px;color:#5b5a4c}.gate-pick{font-family:var(--display);font-weight:700;font-size:24px;margin-top:22px}.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;max-width:920px;margin-top:6px}@media(max-width:720px){.doors{grid-template-columns:minmax(0,1fr)}}.door{display:grid;justify-items:center;gap:10px;padding:26px 22px;text-decoration:none;color:var(--ink);border-color:#14191d;box-shadow:4px 5px #14191d;transition:transform .18s,box-shadow .18s}.door:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:6px 10px #14191d}.door-kursus{background:var(--ocean-t)}.door-blok{background:var(--ubi-t)}.door h2{font-size:clamp(28px,4vw,38px)}.door p{color:var(--muted);max-width:30ch}.door-art{width:200px;height:160px;display:grid;place-items:center}.door-art svg{width:100%;height:100%}.door-tag{color:#fff;font-weight:800;font-size:13px;padding:3px 12px;border-radius:999px;border:2px solid #14191d}.tag-ocean{background:var(--ocean)}.tag-ubi{background:var(--ubi)}.gate-foot{margin-top:28px;color:#3d3a1c;font-size:14px}.blk-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:16px;flex-wrap:wrap}.uc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;padding-block:32px 80px}@media(max-width:820px){.uc{grid-template-columns:minmax(0,1fr)}.uc-art{max-width:260px;justify-self:center}}.uc-art svg{width:100%;height:auto}.ubi-arm{transform-origin:246px 190px;animation:hammer 1.4s ease-in-out infinite}@keyframes hammer{50%{transform:rotate(-18deg)}}.uc-text{display:grid;gap:18px;justify-items:start}.lead{font-size:19px;color:var(--muted);max-width:42ch}.tape{display:flex;overflow:hidden;width:100%;border:2.5px solid var(--line);transform:rotate(-2deg);background:repeating-linear-gradient(-45deg,var(--brand) 0 18px,#14191d 18px 36px)}.tape span{flex:0 0 auto;font-family:var(--display);font-weight:700;letter-spacing:.12em;padding:4px 18px;background:var(--brand);color:#14191d;margin:6px 24px;border-radius:6px;animation:slide 8s linear infinite}@keyframes slide{to{transform:translate(-100%)}}.uc-blocks{display:flex;flex-wrap:wrap;gap:8px}.vb{border:2.5px solid var(--line);border-radius:10px 10px 10px 4px;padding:6px 14px;font-weight:800;box-shadow:2px 3px 0 var(--shadow)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(38px,6vw,68px)}.hero .lead{margin-top:16px}.hl{background:linear-gradient(transparent 60%,var(--brand) 60%);padding-inline:4px}@media(prefers-color-scheme:dark){.hl{color:#14191d;background:var(--brand);border-radius:8px}}.hero-cta{margin-top:24px}.hero-art{display:grid;place-items:center}.kiko{width:min(340px,100%);height:auto}@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{order:-1}.kiko{width:200px}}.tickets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media(max-width:820px){.tickets{grid-template-columns:minmax(0,1fr)}}.ticket{padding:22px;display:grid;gap:12px;align-content:start}.ticket ol{margin:0;padding-left:22px;display:grid;gap:4px}.code-sample{font-family:var(--display);font-weight:700;font-size:24px;letter-spacing:.1em;padding:14px;border:2.5px dashed var(--line);border-radius:14px;background:var(--bg);text-align:center}.soon{font-size:13px;font-family:var(--body);font-weight:800;padding:2px 8px;border-radius:999px;border:2px solid var(--line);background:var(--card);vertical-align:middle}.grid-prog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}@media(max-width:980px){.grid-prog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.grid-prog{grid-template-columns:minmax(0,1fr)}}.prog{padding:20px;display:grid;gap:8px;align-content:start;justify-items:start}.tilt-0{rotate:-1deg}.tilt-1{rotate:.8deg}.tilt-2{rotate:-.4deg}.prog h3{font-size:21px}.prog p{font-size:15px}a.prog{text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}a.prog:hover{transform:translateY(-5px) rotate(1deg);box-shadow:6px 9px 0 var(--shadow)}a.prog:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.prog-go{font-weight:800;color:var(--ocean)}.foot-wrap{border-top:2.5px dashed var(--soft);margin-top:32px;padding-block:36px 40px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}@media(max-width:640px){.foot{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.foot>:first-child{grid-column:1 / -1}}.foot .wordmark{font-size:22px}.foot-p{margin-top:8px;max-width:36ch}.foot h4{font-size:17px;margin-bottom:8px}.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.foot a{text-decoration:none}.copy{margin-top:20px;font-size:14px}.form{display:grid;gap:14px}.form label{display:grid;gap:4px;font-weight:800}.form input,.code-input{border:2.5px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--bg);min-width:0}.code-input{flex:1 1 200px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{border:2.5px solid var(--line);border-radius:999px;padding:6px 16px;background:var(--card);font-weight:800;cursor:pointer}.tab[aria-selected=true]{background:var(--ink);color:var(--bg)}.auth{display:grid;place-items:center}.auth-card{width:100%;max-width:460px;padding:24px;display:grid;gap:10px}.auth-card h1{font-size:30px}.akun-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}@media(max-width:820px){.akun-grid{grid-template-columns:minmax(0,1fr)}}.panel{padding:20px;display:grid;gap:14px}.panel h2{font-size:24px}.redeem label{font-weight:800}.enr{list-style:none;margin:0;padding:0;display:grid;gap:8px}.enr-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--bg);flex-wrap:wrap}.enr-item div{display:grid}.prog-icon{width:64px;height:64px;flex:0 0 auto;display:grid;place-items:center;font-size:36px;border-radius:50%;border:2.5px solid var(--line);box-shadow:2px 3px 0 var(--shadow)}.program-head{display:flex;gap:18px;align-items:center;margin-bottom:26px;padding:22px;border:2.5px solid var(--line);border-radius:var(--r);box-shadow:4px 5px 0 var(--shadow)}.program-head .prog-icon{width:88px;height:88px;font-size:50px;background:var(--card)}@media(max-width:560px){.program-head{flex-direction:column;align-items:flex-start}}.levels{display:grid;gap:20px;max-width:760px}.level-card{padding:24px;display:grid;gap:12px;justify-items:start}.level-card h2{font-size:clamp(26px,3.6vw,32px)}.level-badge{font-family:var(--display);font-weight:700;padding:4px 14px;border-radius:999px;background:var(--ink);color:var(--bg)}.level-meta{font-weight:800}.level-lock{padding:10px 14px;border:2px dashed var(--line);border-radius:14px;background:var(--bg);font-weight:700;width:100%}.level-soon{background:var(--bg2)}.btn.big{font-size:21px;padding:14px 28px}.center{justify-content:center}.play-card{position:relative;overflow:hidden;max-width:760px;margin-inline:auto;padding:28px;display:grid;gap:18px;justify-items:center;text-align:center;background:var(--card);border:3px solid var(--line);border-radius:32px;box-shadow:6px 8px 0 var(--shadow)}.play-card.start,.play-card.done{background:var(--ocean-t)}.play-card.locked{margin-block:40px;background:var(--sun-t)}.play-card h1{font-size:clamp(30px,5vw,46px)}.play-kiko{width:150px;height:auto;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.lock-big{font-size:64px;line-height:1}.start-facts{list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.start-facts li{padding:8px 16px;border:2.5px solid var(--line);border-radius:999px;background:var(--card);font-weight:700}.start-facts b{font-family:var(--display);font-size:20px}.best{display:grid;justify-items:center;gap:2px;padding:10px 20px;border:2px dashed var(--line);border-radius:18px;background:var(--card);font-weight:700}.best .stars{font-size:28px}.quiz-top{display:flex;align-items:center;gap:12px;width:100%}.q-count{font-family:var(--display);font-weight:700;font-size:18px;white-space:nowrap}.qbar{flex:1;height:18px;border:2.5px solid var(--line);border-radius:999px;overflow:hidden;background:var(--bg)}.qbar i{display:block;height:100%;background:repeating-linear-gradient(-45deg,var(--leaf) 0 10px,#1d9d5c 10px 20px);transition:width .4s}.kiko-say{display:flex;align-items:center;gap:10px;justify-self:start}.kiko-mini{width:64px;height:auto;flex:0 0 auto}.bubble{position:relative;padding:8px 16px;border:2.5px solid var(--line);border-radius:18px;background:var(--bg);font-family:var(--display);font-weight:600;font-size:18px;text-align:left}.bubble.good{background:var(--leaf-t)}.bubble.oops{background:var(--berry-t)}.q-prompt{font-family:var(--display);font-weight:600;font-size:clamp(24px,3.8vw,32px)}.q-visual{display:grid;justify-items:center}.things{display:grid;grid-template-columns:repeat(auto-fit,48px);justify-content:center;gap:6px;width:min(270px,100%)}.add-row,.compare{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.compare>div{display:grid;gap:8px;justify-items:center;padding:12px;border:2px dashed var(--line);border-radius:18px}.plus{font-family:var(--display);font-weight:700;font-size:40px}.show{font-family:var(--display);font-weight:700;font-size:clamp(36px,7vw,56px);line-height:1.3;overflow-wrap:anywhere}.seq{font-family:var(--display);font-weight:700;font-size:clamp(32px,6vw,44px);letter-spacing:.04em}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;width:100%}.opt{border:3px solid var(--line);border-radius:22px;padding:18px 14px;font-family:var(--display);font-weight:700;font-size:30px;color:#14191d;cursor:pointer;box-shadow:3px 5px 0 var(--shadow);transition:transform .12s,box-shadow .12s}.opt-0{background:#fff6b8}.opt-1{background:#dfe8ff}.opt-2{background:#ffe0ea}.opt-3{background:#d9f6e6}.opt:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:4px 8px 0 var(--shadow)}.opt:active:not(:disabled){transform:translateY(2px);box-shadow:1px 2px 0 var(--shadow)}.opt:disabled{cursor:default;opacity:.55}.opt.right{background:var(--leaf);color:#fff;opacity:1;animation:pop .4s}.opt.wrong{background:var(--berry);color:#fff;opacity:1;animation:shake .4s}@keyframes pop{50%{transform:scale(1.1)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.opts.long{grid-template-columns:minmax(0,1fr)}.opts.long .opt{font-size:21px;text-align:left;padding:14px 18px}.done .stars{font-size:56px}.score-big{font-family:var(--display);font-weight:700;font-size:56px;line-height:1}.score-big span{font-size:22px;color:var(--muted)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti span{position:absolute;top:-40px;font-size:28px;animation:fall 2.6s ease-in forwards}@keyframes fall{to{transform:translateY(560px) rotate(360deg);opacity:0}}.stars{color:#f2b705;letter-spacing:2px;white-space:nowrap}.stars .off{color:var(--soft)}.back{font-weight:800;text-decoration:none;display:inline-block;margin-bottom:12px}.locked{max-width:560px;margin:48px auto;text-align:center;justify-items:center}@media(max-width:520px){.play-card{padding:20px 16px;border-radius:26px}.opt{font-size:26px;padding:14px 10px}}