@media (prefers-reduced-motion:no-preference){html:has(.gk-landing){scroll-behavior:smooth}}.gk-landing{--lp-space:#12132a;--lp-glass:#ffffff12;--lp-glass-strong:#ffffff1f;--lp-line:#ffffff24;--lp-ink:#eef0ff;--lp-muted:#a9addb;--lp-indigo:#6366f1;--lp-indigo-soft:#6366f1c7;--lp-cyan:#22d3ee;--lp-emerald:#34d399;--lp-flame:#fb923c;--lp-rose:#fb7185;--lp-amber:#fbbf24;--lp-font-display:var(--font-lp-display), var(--font-lp-body), system-ui, sans-serif;--lp-font-body:var(--font-lp-body), system-ui, -apple-system, "Segoe UI", sans-serif;--lp-font-mono:var(--font-lp-mono), ui-monospace, "Cascadia Mono", Consolas, monospace;--lp-step-h2:clamp(1.9rem, 1.4rem + 2vw, 2.6rem);--lp-step-h1:clamp(2.3rem, 1.6rem + 3.2vw, 3.6rem);--lp-radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--lp-space);min-height:100vh;color:var(--lp-ink);font-family:var(--lp-font-body);font-size:1rem;line-height:1.6;position:relative;overflow-x:hidden}.gk-landing .planet{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.gk-landing .planet.p1{opacity:.9;background:radial-gradient(circle at 32% 30%,#f9a8d4 0%,#c084fc 38%,#6d28d9 72%,#3b0764 100%);width:220px;height:220px;top:40px;right:-60px;box-shadow:0 0 80px #c084fc59}.gk-landing .planet.p1:after{content:"";border:3px solid #fde0478c;border-radius:50%;width:180%;height:18%;position:absolute;top:44%;left:-40%;transform:rotate(-14deg)}.gk-landing .planet.p2{opacity:.85;background:radial-gradient(circle at 35% 30%,#a5f3fc 0%,#22d3ee 45%,#0e7490 100%);width:64px;height:64px;top:520px;left:6%;box-shadow:0 0 40px #22d3ee66}.gk-landing .wrap{z-index:1;width:100%;max-width:1120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;position:relative}.gk-landing a{color:var(--lp-cyan)}.gk-landing a:focus-visible{outline:3px solid var(--lp-cyan);outline-offset:3px;border-radius:10px}.gk-landing h1,.gk-landing h2,.gk-landing h3{font-family:var(--lp-font-display);text-wrap:balance;margin:0;line-height:1.1}.gk-landing p{margin:0}.gk-landing .eyebrow{font-family:var(--lp-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-cyan);font-size:.78rem}.gk-landing .demo-tag{font-family:var(--lp-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted);border:1px dashed var(--lp-line);border-radius:999px;padding:3px 10px;font-size:.7rem}.gk-landing .topbar{z-index:2;position:relative}.gk-landing .topbar .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.gk-landing .brand{font-family:var(--lp-font-display);color:var(--lp-ink);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.gk-landing .brand-mark{background:linear-gradient(135deg, var(--lp-indigo), var(--lp-cyan));border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.gk-landing .brand-mark svg{width:20px;height:20px}.gk-landing .topnav{flex-wrap:wrap;gap:20px;display:flex}.gk-landing .topnav a{color:var(--lp-muted);font-size:.875rem;font-weight:500;text-decoration:none}.gk-landing .topnav a:hover{color:var(--lp-ink)}@media (max-width:720px){.gk-landing .topnav{display:none}}.gk-landing .topbar-actions{align-items:center;gap:24px;display:flex}.gk-landing .btn.btn-app{padding:9px 16px}.gk-landing .hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:48px;padding-block:32px 72px;display:grid}@media (max-width:900px){.gk-landing .hero .wrap{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:12px 56px}}.gk-landing .hero-copy{flex-direction:column;gap:20px;min-width:0;display:flex}.gk-landing .hero h1{font-size:var(--lp-step-h1);letter-spacing:-.01em;font-weight:800}.gk-landing .hero h1 .grad{background:linear-gradient(100deg, #a5b4fc 0%, var(--lp-cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.gk-landing .tagline{font-family:var(--lp-font-display);color:var(--lp-amber);font-size:1.2rem;font-weight:600}.gk-landing .lead{color:var(--lp-muted);max-width:34em;font-size:1.06rem}.gk-landing .cta-row{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.gk-landing .btn{border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s,background .2s;display:inline-flex}.gk-landing .btn-primary{color:#fff;background:linear-gradient(135deg, var(--lp-indigo) 0%, #0ea5c6 100%)}.gk-landing .btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.gk-landing .btn-glass{color:var(--lp-ink);background:var(--lp-glass);border:1px solid var(--lp-line)}.gk-landing .btn-glass:hover{background:var(--lp-glass-strong)}.gk-landing .lobby{border:1px solid var(--lp-line);background:linear-gradient(#242652eb,#181938eb);border-radius:24px;flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex;position:relative;box-shadow:0 30px 80px #08081e99,inset 0 1px #ffffff14}.gk-landing .lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gk-landing .lobby-title{font-family:var(--lp-font-display);font-size:1.15rem;font-weight:700}.gk-landing .code-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.gk-landing .code-label{color:var(--lp-muted);font-size:.875rem}.gk-landing .room-code{font-family:var(--lp-font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2.2rem,1.6rem + 2.6vw,3.2rem);font-weight:700;line-height:1.1}.gk-landing .join-hint{color:var(--lp-muted);font-size:.82rem}.gk-landing .join-hint code{font-family:var(--lp-font-mono);color:var(--lp-cyan)}.gk-landing .qr{background:#fff;border-radius:12px;grid-template-rows:repeat(21,1fr);grid-template-columns:repeat(21,1fr);width:108px;height:108px;padding:8px;display:grid}.gk-landing .qr i{background:#12132a}.gk-landing .qr i.o{background:0 0}@media (max-width:420px){.gk-landing .qr{width:84px;height:84px;padding:6px}}.gk-landing .players-head{color:var(--lp-muted);justify-content:space-between;align-items:baseline;font-size:.875rem;display:flex}.gk-landing .players-head strong{font-family:var(--lp-font-mono);color:var(--lp-ink);font-variant-numeric:tabular-nums}.gk-landing .players{flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:92px;display:flex}.gk-landing .chip{background:var(--lp-glass-strong);border:1px solid var(--lp-line);border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 5px;font-size:.88rem;font-weight:500;display:inline-flex}.gk-landing .chip .av{width:26px;height:26px;font-family:var(--lp-font-display);color:#12132a;border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid}.gk-landing .chip.pop{animation:.5s cubic-bezier(.34,1.56,.64,1) gk-landing-pop}.gk-landing .start-btn{text-align:center;width:100%;font-family:var(--lp-font-display);color:#06281f;background:linear-gradient(135deg, #6ee7b7, var(--lp-emerald));border-radius:14px;padding:14px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s;display:block}.gk-landing .start-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.gk-landing section.band{z-index:1;position:relative}.gk-landing section.band>.wrap{padding-block:72px}.gk-landing .band-alt{background:linear-gradient(#1b1d3d00,#1b1d3dbf 12% 88%,#1b1d3d00)}.gk-landing .section-head{flex-direction:column;gap:10px;max-width:44em;margin-bottom:36px;display:flex}.gk-landing .section-head h2{font-size:var(--lp-step-h2);font-weight:800}.gk-landing .section-head p{color:var(--lp-muted)}.gk-landing .section-head code{font-family:var(--lp-font-mono);font-size:.7em}.gk-landing .flow{counter-reset:step;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:980px){.gk-landing .flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.gk-landing .flow{grid-template-columns:minmax(0,1fr)}}.gk-landing .flow li{counter-increment:step;border-radius:var(--lp-radius);background:var(--lp-glass);border:1px solid var(--lp-line);flex-direction:column;gap:10px;min-width:0;padding:20px 18px;display:flex;position:relative}.gk-landing .flow li:before{content:counter(step);font-family:var(--lp-font-display);background:var(--lp-indigo-soft);border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff26}@media (max-width:980px){.gk-landing .flow li:last-child:nth-child(odd){grid-column:1/-1}}.gk-landing .flow h3{font-size:1.2rem;font-weight:700}.gk-landing .flow p{color:var(--lp-muted);font-size:.93rem}.gk-landing .types{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (max-width:980px){.gk-landing .types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.gk-landing .types{grid-template-columns:minmax(0,1fr)}}.gk-landing .type{border-radius:var(--lp-radius);border:1px solid var(--lp-line);background:#12132ab3;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.gk-landing .type h3{font-size:1.1rem;font-weight:700}.gk-landing .type p{color:var(--lp-muted);font-size:.9rem}.gk-landing .glyph{background:var(--lp-glass);border-radius:12px;gap:6px;height:74px;padding:10px;display:grid}.gk-landing .g-choice{grid-template-columns:1fr 1fr}.gk-landing .g-choice span{background:#ffffff1f;border-radius:6px}.gk-landing .g-choice span.on{background:var(--lp-indigo);box-shadow:inset 0 0 0 2px #c7d2fe}.gk-landing .g-fill{grid-template-columns:auto auto auto;align-content:center;place-items:center start}.gk-landing .g-fill b{background:#ffffff38;border-radius:4px;height:10px}.gk-landing .g-fill b.w1{width:46px}.gk-landing .g-fill b.w2{width:30px}.gk-landing .g-fill em{font-style:normal;font-family:var(--lp-font-mono);border-bottom:2px solid var(--lp-cyan);color:var(--lp-cyan);background:#22d3ee1f;border-radius:6px;padding:2px 8px;font-size:.78rem}.gk-landing .g-match{grid-template-columns:1fr 1fr;position:relative}.gk-landing .g-match span{background:#ffffff2e;border-radius:5px;align-self:center;height:14px}.gk-landing .g-match svg{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.gk-landing .g-drag{grid-template-columns:repeat(3,1fr);align-content:center}.gk-landing .g-drag span{border:2px dashed #ffffff4d;border-radius:6px;height:18px}.gk-landing .g-drag span.filled{background:var(--lp-amber);border:0}.gk-landing .g-drag i{background:var(--lp-rose);border-radius:6px;grid-column:1/-1;justify-self:center;width:54px;height:18px;transform:rotate(-6deg)}.gk-landing .g-box{grid-template-columns:1fr 1fr}.gk-landing .g-box span{border:2px solid #fff3;border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:4px;padding:5px;display:flex}.gk-landing .g-box span i{background:var(--lp-emerald);border-radius:3px;width:14px;height:8px}.gk-landing .g-box span:last-child i{background:var(--lp-cyan)}.gk-landing .g-sticker{background:radial-gradient(circle at 70% 60%, #34d39959, transparent 40%),radial-gradient(circle at 25% 35%, #6366f173, transparent 35%),var(--lp-glass);position:relative}.gk-landing .g-sticker span{font-family:var(--lp-font-mono);color:#12132a;background:#fff;border-radius:5px;padding:1px 6px;font-size:.66rem;position:absolute}.gk-landing .g-sticker span.a{top:22%;left:14%}.gk-landing .g-sticker span.b{top:58%;left:56%}.gk-landing .g-essay{align-content:start;gap:5px}.gk-landing .g-essay b{background:#fff3;border-radius:3px;height:7px}.gk-landing .g-essay b:nth-child(2){width:92%}.gk-landing .g-essay b:nth-child(3){width:80%}.gk-landing .g-essay b:nth-child(4){width:55%}.gk-landing .teacher{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:40px;display:grid}@media (max-width:900px){.gk-landing .teacher{grid-template-columns:minmax(0,1fr)}}.gk-landing .dash{border:1px solid var(--lp-line);background:linear-gradient(#242652f2,#181938f2);border-radius:22px;flex-direction:column;gap:16px;min-width:0;padding:20px;display:flex}.gk-landing .dash-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gk-landing .dash-q{font-family:var(--lp-font-display);font-size:1.05rem;font-weight:700}.gk-landing .dash-q small{font-family:var(--lp-font-mono);color:var(--lp-muted);font-size:.72rem;font-weight:500;display:block}.gk-landing .stat-row{flex-wrap:wrap;gap:10px;display:flex}.gk-landing .stat{font-family:var(--lp-font-mono);font-variant-numeric:tabular-nums;background:var(--lp-glass-strong);border-radius:10px;padding:6px 12px;font-size:.85rem}.gk-landing .stat.timer{color:var(--lp-amber)}.gk-landing .bars{flex-direction:column;gap:10px;display:flex}.gk-landing .bar{grid-template-columns:28px minmax(0,1fr) 36px;align-items:center;gap:10px;display:grid}.gk-landing .bar .opt{font-family:var(--lp-font-display);background:var(--lp-glass-strong);border-radius:8px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.gk-landing .bar .track{background:#ffffff14;border-radius:999px;height:14px;overflow:hidden}.gk-landing .bar .fill{background:#a9addb8c;border-radius:999px;height:100%;display:block}.gk-landing .bar .n{font-family:var(--lp-font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem}.gk-landing .bar.correct .fill{background:linear-gradient(90deg, #6ee7b7, var(--lp-emerald))}.gk-landing .bar.correct .opt{background:var(--lp-emerald);color:#06281f}.gk-landing .controls{flex-wrap:wrap;gap:8px;display:flex}.gk-landing .controls span{background:var(--lp-glass);border:1px solid var(--lp-line);border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:600}.gk-landing .controls span.primary{background:var(--lp-indigo-soft);border-color:#0000}.gk-landing .feature-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.gk-landing .feature-list li{grid-template-columns:22px minmax(0,1fr);gap:12px;display:grid}.gk-landing .feature-list svg{width:22px;height:22px;color:var(--lp-cyan);margin-top:2px}.gk-landing .feature-list strong{font-weight:600;display:block}.gk-landing .feature-list span{color:var(--lp-muted);font-size:.93rem}.gk-landing .motive{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;display:grid}@media (max-width:900px){.gk-landing .motive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.gk-landing .motive{grid-template-columns:minmax(0,1fr)}}.gk-landing .motive>div{flex-direction:column;gap:8px;min-width:0;display:flex}.gk-landing .motive .big{font-family:var(--lp-font-display);font-size:2rem;font-weight:800;line-height:1}.gk-landing .motive .big.speed{color:var(--lp-cyan)}.gk-landing .motive .big.flame{color:var(--lp-flame)}.gk-landing .motive .big.top{color:var(--lp-amber)}.gk-landing .motive .big.cheer{color:var(--lp-rose)}.gk-landing .motive h3{font-size:1.1rem;font-weight:700}.gk-landing .motive p{color:var(--lp-muted);font-size:.92rem}.gk-landing .embed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (max-width:900px){.gk-landing .embed{grid-template-columns:minmax(0,1fr)}}.gk-landing .embed-copy{flex-direction:column;gap:14px;min-width:0;display:flex}.gk-landing .embed-copy h2{font-size:var(--lp-step-h2);font-weight:800}.gk-landing .embed-copy>p{color:var(--lp-muted)}.gk-landing .embed-copy ul{color:var(--lp-muted);flex-direction:column;gap:8px;margin:0;padding-left:1.1em;list-style:outside;display:flex}.gk-landing .embed-copy li::marker{color:var(--lp-cyan)}.gk-landing .lesson{border:1px solid var(--lp-line);background:linear-gradient(#242652f2,#181938f2);border-radius:20px;min-width:0;overflow:hidden}.gk-landing .lesson-bar{border-bottom:1px solid var(--lp-line);color:var(--lp-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;display:flex}.gk-landing .lesson-bar strong{color:var(--lp-ink);font-weight:600}.gk-landing .lesson-body{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:16px;display:grid}@media (max-width:420px){.gk-landing .lesson-body{grid-template-columns:minmax(0,1fr)}}.gk-landing .slides{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}@media (max-width:420px){.gk-landing .slides{flex-direction:row}}.gk-landing .slides li{background:var(--lp-glass);border:1px solid var(--lp-line);min-height:46px;color:var(--lp-muted);border-radius:8px;flex:1;place-items:center;font-size:.7rem;display:grid}.gk-landing .slides li.active{background:var(--lp-indigo-soft);color:var(--lp-ink);border-color:#ffffff4d;font-weight:600}.gk-landing .widget{border:1px solid var(--lp-line);background:#12132ad9;border-radius:14px;flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex}.gk-landing .widget-label{font-family:var(--lp-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lp-cyan);font-size:.72rem}.gk-landing .widget-code{font-family:var(--lp-font-mono);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.4rem);font-weight:700;line-height:1.1}.gk-landing .widget-meta{color:var(--lp-muted);font-size:.88rem}.gk-landing .widget-avatars{align-items:center;display:flex}.gk-landing .widget-avatars span{width:30px;height:30px;font-family:var(--lp-font-display);color:#12132a;border:2px solid #1b1d3d;border-radius:50%;place-items:center;margin-left:-8px;font-size:.75rem;font-weight:700;display:grid}.gk-landing .widget-avatars span:first-child{margin-left:0}.gk-landing .widget-avatars span.more{background:var(--lp-glass-strong);color:var(--lp-ink)}.gk-landing .audience{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (max-width:760px){.gk-landing .audience{grid-template-columns:minmax(0,1fr)}}.gk-landing .role{border:1px solid var(--lp-line);background:var(--lp-glass);border-radius:22px;flex-direction:column;gap:16px;min-width:0;padding:26px;display:flex}.gk-landing .role.teacher-role{background:linear-gradient(160deg,#6366f14d,#6366f10f)}.gk-landing .role.student-role{background:linear-gradient(160deg,#34d39938,#34d3990a)}.gk-landing .role h3{font-size:1.5rem;font-weight:800}.gk-landing .role ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gk-landing .role li{color:var(--lp-muted);grid-template-columns:20px minmax(0,1fr);gap:10px;display:grid}.gk-landing .role li svg{width:20px;height:20px;color:var(--lp-emerald);margin-top:3px}.gk-landing .role .btn{align-self:flex-start;margin-top:auto}.gk-landing footer{z-index:1;border-top:1px solid var(--lp-line);position:relative}.gk-landing footer .wrap{color:var(--lp-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:28px;font-size:.875rem;display:flex}.gk-landing footer a{font-weight:600;text-decoration:none}@media (prefers-reduced-motion:reduce){.gk-landing .chip.pop{animation:none}.gk-landing .btn{transition:none}}@keyframes gk-landing-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}