:root{--bg:#f8f4ed;--surface:#fff;--border:rgba(5,54,89,.1);--text:#15110c;--text-secondary:#4e606f;--text-muted:#728090;--accent:#15110c;--accent-inverted:#fff;--blue:#3b82f6;--green:#10b981;--purple:#a855f7;--gold:#d4a853;--radius:1rem;--shadow:0 1px 2px rgba(5,54,89,.05),0 8px 30px rgba(5,54,89,.08);--shadow-soft:0 4px 20px rgba(5,54,89,.06)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.page{max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 4rem}@media (min-width:900px){.page{max-width:1100px;padding:2rem 2rem 5rem}}@media (min-width:1400px){.page{max-width:1280px}}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text)}.brand-wordmark{font-family:InterDisplay,Inter,system-ui,sans-serif;font-size:1.45rem;font-weight:900;letter-spacing:.055em;line-height:1}.brand-wordmark span{color:var(--gold)}.nav{display:flex;gap:1rem;align-items:center;font-size:.9rem;flex-wrap:wrap}.nav a{color:var(--text-secondary);padding:.4rem .2rem}.nav a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border-radius:.65rem;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-inverted);box-shadow:0 2px 8px rgba(5,54,89,.12)}.btn-primary:hover{background:#2b241c;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface)}.btn-lg{padding:.9rem 1.75rem;font-size:1rem}.btn svg{flex-shrink:0}.btn-cta{background:#d4a853;color:#15110c;box-shadow:0 2px 8px rgba(212,168,83,.3);font-weight:700;padding:.85rem 2.5rem;font-size:1rem}.btn-cta:hover{background:#c39842;transform:translateY(-1px);box-shadow:0 4px 14px rgba(212,168,83,.4)}.hero{position:relative;padding:3rem 0 4.5rem;margin-bottom:3.5rem;overflow:hidden;text-align:center}.hero-inner{position:relative;display:flex;flex-direction:column;align-items:center}.kicker{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:1rem}.hero h1{font-size:clamp(2.2rem,6.5vw,3.4rem);line-height:1.12;font-weight:800;letter-spacing:-.03em;margin-bottom:1.25rem;max-width:700px}.hero-body{font-size:1.1rem;line-height:1.75;color:var(--text-secondary);margin-bottom:2rem;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.hero-meta{font-size:.85rem;color:var(--text-muted)}.hero-img-wrap{width:100%;max-width:680px;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.hero-img-wrap img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}@media (min-width:900px){.hero{text-align:left;padding:4rem 0 5rem}.hero-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:3.5rem;gap:3.5rem;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-actions{justify-content:flex-start;margin-bottom:0}.hero-img-wrap{max-width:none}}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:4rem}.trust-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;text-align:center}.trust-item strong{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.trust-item span{font-size:.85rem;color:var(--text-muted)}@media (min-width:720px){.trust-grid{grid-template-columns:repeat(4,1fr)}}.section{margin-bottom:4.5rem}.section h2{font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1rem}.section-body{color:var(--text-secondary);font-size:1.05rem;line-height:1.75;margin-bottom:2rem;max-width:640px}.section.centered{text-align:center}.section.centered .section-body{margin-left:auto;margin-right:auto}.module-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.module-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.module-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.module-grid{gap:1.5rem}}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.75rem}.module-dot{width:12px;height:12px;border-radius:50%;margin-bottom:.25rem}.module-card h3{font-size:1.15rem;font-weight:700}.module-card p{color:var(--text-secondary);font-size:.92rem;flex:1 1;line-height:1.6}.module-meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.badge-premium{padding:.2rem .55rem;border-radius:.5rem;background:#f3e8ff;color:#7c3aed;font-weight:700}.premium-card{max-width:560px}.premium-plans{display:grid;grid-gap:.65rem;gap:.65rem;margin:1.25rem 0}.premium-plan{display:flex;flex-direction:column;gap:.2rem;text-align:left;padding:.9rem 1rem;border:1px solid var(--border);border-radius:.7rem;background:#fffdf8}.premium-plan.featured{border-color:var(--gold);background:#fffaf0}.premium-plan strong{font-size:1rem}.premium-beta,.premium-note,.premium-plan span{color:var(--text-secondary);font-size:.82rem}.premium-note{margin-top:.75rem}.premium-beta{margin-top:1.25rem;font-size:.78rem}.mayar-status{margin-top:1rem;text-align:left}.status-success{color:#15803d}.premium-open-notice{padding:.85rem 1rem;border:1px solid #e7d5a8;border-radius:.7rem;background:#fffaf0;color:var(--text-secondary);font-size:.88rem;text-align:left}.worksheet-head{margin-bottom:1.5rem}.worksheet-head .kicker{margin-bottom:.5rem}.worksheet-download-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.worksheet-download-card-featured{border-color:var(--gold);background:#fffaf0}.worksheet-download-card-new{border-color:#9dbad5;background:#f3f8fc}.worksheet-download-card h2{margin:.55rem 0 .3rem;font-size:1.15rem}.worksheet-download-card p{color:var(--text-secondary);font-size:.88rem;margin:0}.worksheet-preview-intro{margin:2rem 0 1rem}.worksheet-preview-intro h2{margin:0 0 .35rem;font-size:1.2rem}.worksheet-preview-intro p{margin:0;color:var(--text-secondary);font-size:.9rem}.badge-free{display:inline-block;padding:.25rem .55rem;border-radius:.5rem;background:#e5f5e8;color:#236b38;font-size:.75rem;font-weight:700}.worksheet-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:1rem;gap:1rem}.worksheet-preview-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.worksheet-preview-card img{display:block;width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top}.worksheet-preview-body{padding:.85rem}.worksheet-preview-body>span{color:var(--text-secondary);font-size:.75rem}.worksheet-preview-body h2{min-height:2.6rem;margin:.25rem 0 .75rem;font-size:.95rem;line-height:1.25}.worksheet-preview-body .btn{width:100%;justify-content:center;padding:.55rem .7rem;font-size:.8rem}.worksheet-review-note{margin:1.5rem 0;text-align:center;color:var(--text-secondary);font-size:.85rem}.admin-main{max-width:1280px}.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.admin-head h1{margin:.45rem 0 .35rem}.admin-head p{margin:0;color:var(--text-secondary)}.admin-actions{display:flex;gap:.6rem;flex-wrap:wrap}.admin-strategy{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--gold);border-radius:var(--radius);background:#fffaf0}.admin-strategy h2{margin:.5rem 0 .3rem;font-size:1.15rem}.admin-strategy p{margin:0;color:var(--text-secondary);font-size:.9rem}.admin-funnel{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end;color:var(--gold-dark);font-size:.8rem;font-weight:800}.admin-funnel span{padding:.45rem .65rem;border-radius:.5rem;background:#f1dfb4}.admin-ad-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem;align-items:start}.admin-ad-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 28px rgba(23,32,43,.06)}.admin-ad-image-wrap{padding:.7rem;background:#eef2f5}.admin-ad-image-wrap img{display:block;width:100%;height:auto;border-radius:.5rem}.admin-ad-info{padding:1rem}.admin-ad-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--text-secondary);font-size:.72rem}.admin-ad-info h2{margin:.55rem 0 .45rem;font-size:1.05rem}.admin-ad-info p{margin:.45rem 0;color:var(--text-secondary);font-size:.84rem;line-height:1.45}.admin-ad-info .admin-angle,.admin-ad-info .admin-cta{color:var(--ink)}.admin-ad-info .btn{width:100%;justify-content:center;margin-top:.65rem}.admin-checklist{margin:1.5rem 0;padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.admin-checklist h2{margin:0 0 .6rem;font-size:1.05rem}.admin-checklist ul{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.88rem;line-height:1.7}.steps{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:640px){.steps{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width:1100px){.steps{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.step-number{width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--accent-inverted);display:grid;place-items:center;font-weight:700;font-size:.9rem;margin-bottom:.9rem}.step h3{font-size:1.05rem;margin-bottom:.4rem}.step p{color:var(--text-secondary);font-size:.9rem}.final-cta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3rem 2rem;text-align:center;box-shadow:var(--shadow-soft)}.final-cta h2{margin-bottom:.75rem}.final-cta p{color:var(--text-secondary);margin-bottom:1.75rem;max-width:32rem;margin-left:auto;margin-right:auto}.site-footer{border-top:1px solid var(--border);padding-top:2rem;margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.form-card{max-width:460px;margin:2rem auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-soft)}.form-card h1{font-size:1.6rem;margin-bottom:.5rem;font-weight:800;letter-spacing:-.02em}.form-card .sub{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.35rem}.field input,.field select,.field textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--border);border-radius:.65rem;font-family:inherit;font-size:.95rem;background:#fff;color:var(--text)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--text);outline-offset:1px;border-color:transparent}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:.65rem}.form-error,.form-ok{padding:.7rem .95rem;font-size:.88rem;margin-bottom:1rem}.form-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;border-radius:.65rem}.form-alt{text-align:center;margin-top:1.1rem;font-size:.88rem;color:var(--text-secondary)}.form-alt a{color:var(--text);font-weight:600;text-decoration:underline}.dash-head{padding:1rem 0 1.5rem}.dash-head h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem}.dash-head p{color:var(--text-secondary)}.module-block{margin-bottom:2.5rem}.module-block-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.module-block-head .module-dot{width:10px;height:10px;margin:0}.module-block-head h2{font-size:1.25rem;font-weight:700;margin:0}.lesson-row{display:flex;align-items:center;gap:.9rem;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--surface);margin-bottom:.5rem;transition:all .15s}.lesson-row:hover{border-color:var(--text-muted);transform:translateX(2px)}.lesson-row.done{background:#f0fdf4;border-color:#bbf7d0}.lesson-num{width:32px;height:32px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;font-weight:700;font-size:.82rem;flex-shrink:0}.lesson-row.done .lesson-num{background:var(--green);color:#fff;border-color:var(--green)}.lesson-info{flex:1 1;min-width:0}.lesson-info h4{font-size:.95rem;font-weight:600;margin:0}.lesson-info span{font-size:.78rem;color:var(--text-muted)}.lesson-status{font-size:.78rem;color:var(--green);font-weight:600}.lesson-progress{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;padding:.9rem 1rem;margin:0 0 1.5rem}.lesson-progress.complete{background:#f0fdf4;border-color:#bbf7d0}.lesson-progress-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.85rem;margin-bottom:.55rem}.lesson-progress-head span{color:var(--text-muted);font-size:.78rem}.progress-track{height:.45rem;background:var(--bg);border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--green);border-radius:inherit;transition:width .2s ease}.progress-steps{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.65rem;color:var(--text-muted);font-size:.76rem}.progress-steps .done{color:var(--green);font-weight:700}.lesson-wrap{max-width:700px;margin:0 auto;padding:1rem 0 4rem}.lesson-wrap:has(.playground-grid){max-width:1200px}.lesson-meta{color:var(--text-muted);font-size:.78rem;margin-bottom:.9rem;text-transform:uppercase;letter-spacing:.05em}.lesson-wrap h1{font-size:clamp(1.7rem,4.5vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.25rem;line-height:1.25}.lesson-body{font-size:1.02rem}.lesson-body p{margin-bottom:1.1rem;line-height:1.75;color:var(--text)}.lesson-body pre{background:#15110c;color:#f8f4ed;padding:1rem 1.2rem;border-radius:.8rem;overflow-x:auto;font-size:.88rem;margin:1.25rem 0}.lesson-body code{font-family:JetBrains Mono,Menlo,monospace}.lesson-body strong{font-weight:700}.quiz-card,.scenario-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:1.75rem 0;box-shadow:var(--shadow-soft)}.quiz-card h3,.scenario-card h3{margin-bottom:.9rem;font-size:1.05rem;font-weight:700}.choice{display:block;width:100%;text-align:left;padding:.85rem 1rem;border:1.5px solid var(--border);border-radius:.75rem;background:#fff;margin-bottom:.55rem;font-size:.92rem;transition:all .15s}.choice:hover:not(:disabled){border-color:var(--text)}.choice.correct{background:#f0fdf4;border-color:var(--green)}.choice.wrong{background:#fef2f2;border-color:#f87171}.choice:disabled{cursor:default}.choice-feedback{margin-top:.75rem;padding:.85rem 1rem;border-radius:.65rem;background:var(--bg);font-size:.88rem;line-height:1.6}.playground-wrap{padding:0}.playground-head{padding:1rem 0 1.25rem}.playground-head h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.35rem}.playground-head p{color:var(--text-secondary);font-size:.95rem}.playground-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem}@media (min-width:900px){.playground-grid{grid-template-columns:1.3fr .7fr}}.blockly-area{background:#fff;overflow:hidden;min-height:520px;height:calc(100vh - 320px);max-height:720px}.blockly-area,.stage-area{border:1px solid var(--border);border-radius:var(--radius)}.stage-area{background:var(--surface);padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}.stage-area h3{font-size:1.05rem;font-weight:700}.stage-area .stage-goal{font-size:.88rem;color:var(--text-secondary)}.stage-area .stage-hint{font-size:.8rem;color:var(--text-muted);font-style:italic}.stage-canvas-wrap{flex:1 1;display:grid;place-items:center;min-height:0}#gameCanvas{border:1.5px solid var(--border);border-radius:.75rem;background:#fffdf5;max-width:100%;height:auto}.stage-controls{display:flex;gap:.65rem;flex-wrap:wrap}.stage-msg{min-height:1.4rem;font-weight:600;font-size:.9rem}.stage-msg.win{color:var(--green)}.stage-msg.fail{color:#dc2626}.edit-tools{display:flex;gap:.5rem;flex-wrap:wrap}.edit-tool{padding:.5rem .85rem;font-size:.82rem;font-weight:600;font-family:inherit;background:#fff;border:1.5px solid var(--border);border-radius:.55rem;cursor:pointer;transition:all .15s}.edit-tool:hover{border-color:#d4a853;background:#fdf6e8}.edit-tool.active{background:#d4a853;border-color:#c39842;color:#2b241c}@media (max-width:900px){.worksheet-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-head,.admin-strategy{align-items:stretch;flex-direction:column}.admin-funnel{justify-content:flex-start}.admin-ad-grid{grid-template-columns:1fr}}@media (max-width:480px){.site-header{margin-bottom:2rem}.nav{font-size:.82rem;gap:.65rem}.btn{padding:.6rem 1.1rem;font-size:.88rem}.btn-lg{padding:.8rem 1.4rem;font-size:.92rem}.hero{padding:2rem 0 3.5rem}.form-card{padding:1.5rem;margin:1rem auto}.worksheet-download-card{flex-direction:column;align-items:stretch}.worksheet-preview-grid{grid-template-columns:1fr}}