:root{--color-bg:#faf7f2;--color-surface:#fff;--color-text:#2a2537;--color-text-muted:#6e6580;--color-border:#2a25371a;--color-border-soft:#2a25370f;--color-primary:#7c3aed;--color-primary-dark:#6425d0;--color-primary-tint:#f1e9fe;--color-secondary:#f59e0b;--color-secondary-dark:#d97e06;--color-secondary-tint:#fef3d8;--color-success-bg:#dcfce7;--color-success-text:#15803d;--color-error-bg:#fee4e2;--color-error-text:#b42318;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-card:0 1px 2px #2a25370d, 0 8px 20px -10px #2a25372e;--shadow-card-hover:0 4px 8px #2a25370f, 0 16px 32px -12px #7c3aed47;--shadow-header:0 1px 0 #2a25370f, 0 8px 20px -16px #2a253733;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, sans-serif;--container-w:1080px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}img,svg{max-width:100%}h1,h2,h3{letter-spacing:-.02em;color:var(--color-text);font-weight:800;line-height:1.2}p{margin:0 0 1em}a{color:var(--color-primary);text-decoration:none}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-tint);text-decoration-color:var(--color-primary-tint);text-underline-offset:2px}.prose a:hover{color:var(--color-primary-dark)}.container{max-width:var(--container-w);margin:0 auto;padding:0 1.25rem}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-header);background:#ffffffd1;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:64px;padding-block:.6rem;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:inline-flex}.wordmark__icon{color:var(--color-primary);flex-shrink:0}.wordmark__text{color:var(--color-text)}.site-nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.site-nav a{border-radius:var(--radius-sm);min-height:44px;color:var(--color-text);align-items:center;padding:0 .85rem;font-weight:600;display:inline-flex}.site-nav a:hover{background:var(--color-primary-tint);color:var(--color-primary-dark)}.lang-pill{margin-left:.35rem;display:inline-flex}.lang-pill select{appearance:none;border:1px solid var(--color-border);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%236e6580' d='M6 8 0 0h12z'/%3E%3C/svg%3E") no-repeat right .75rem center;min-height:44px;color:var(--color-text);font:inherit;cursor:pointer;background-size:10px 7px;border-radius:999px;padding:0 1.75rem 0 1rem;font-weight:600}.lang-pill select:hover,.lang-pill select:focus-visible{border-color:var(--color-primary)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-card)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.btn-primary:active{box-shadow:var(--shadow-card);transform:translateY(0)}.hero{text-align:center;max-width:640px;margin:0 auto;padding:3.5rem 1.25rem 3rem}.hero__eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.hero__title{margin:0 0 .75rem;font-size:clamp(2rem,5vw,2.75rem)}.hero__cta{margin-top:1rem}.lesson-grid{max-width:var(--container-w);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin:0 auto;padding:0 1.25rem 3rem;list-style:none;display:grid}.lesson-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.5rem;transition:transform .15s,box-shadow .15s;position:relative}.lesson-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.lesson-card__badge{border-radius:var(--radius-sm);background:var(--color-primary-tint);min-width:2.5rem;height:2.5rem;color:var(--color-primary);justify-content:center;align-items:center;margin-bottom:.85rem;padding:0 .4rem;font-size:1.1rem;font-weight:800;display:inline-flex}.lesson-card:nth-child(2n) .lesson-card__badge{background:var(--color-secondary-tint);color:var(--color-secondary-dark)}.lesson-card__title{margin:0 0 .4rem;font-size:1.15rem}.lesson-card__title a{color:var(--color-text)}.lesson-card__title a:hover{color:var(--color-primary);text-decoration:underline}.lesson-card__desc{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.5}.site-main{padding-bottom:2rem}article.lesson,article.page{max-width:var(--container-w);margin:0 auto;padding:0 1.25rem}.prose{max-width:68ch;margin:0 auto;padding-top:2rem;font-size:1.05rem}.prose h1{margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.25rem)}.prose h2{margin:2rem 0 .75rem;font-size:1.4rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-bottom:.4rem}.prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}.prose th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:700}@media (width<=640px){.prose table{white-space:nowrap;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:block;overflow-x:auto}}.game-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:2rem 0;padding:1.75rem 1.5rem}.ad-container{max-width:728px;margin:2rem auto}.site-footer{border-top:1px solid var(--color-border);background:#f1ecdf}.site-footer__inner{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-block:1.75rem;font-size:.9rem;display:flex}.site-footer__brand{margin:0;font-weight:700}.site-footer__links{gap:1.25rem;display:flex}.site-footer__links a{min-height:44px;color:var(--color-text-muted);align-items:center;font-weight:600;display:inline-flex}.site-footer__links a:hover{color:var(--color-primary);text-decoration:underline}@media (width<=560px){.site-header__inner{padding-block:.5rem}.hero{padding:2.5rem 1.25rem 2rem}.lesson-grid{grid-template-columns:1fr}.game-card{padding:1.25rem 1rem}}