*{box-sizing:border-box}body{margin:0;font-family:"Comic Sans MS","Chalkboard SE","Trebuchet MS",system-ui,sans-serif;background:#fffbea;color:#2b2350;line-height:1.5;font-size:18px}
a{color:#d9480f}img{max-width:100%;height:auto;display:block;border-radius:18px}
header{background:#ffd43b;padding:.6rem 1rem;position:sticky;top:0;z-index:5;box-shadow:0 3px 0 #f59f00}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.3rem;text-decoration:none;color:#2b2350}.brand img{width:44px;height:44px;border-radius:50%}
nav{display:flex;gap:.4rem;overflow-x:auto;padding-top:.5rem}nav a{white-space:nowrap;background:#fff;padding:.35rem .8rem;border-radius:999px;text-decoration:none;font-weight:700;color:#2b2350;font-size:.95rem}nav a[aria-current]{background:#4dabf7;color:#fff}
main{max-width:1100px;margin:auto;padding:1rem}h1{font-size:2rem;margin:.5rem 0;color:#7048e8}h2{color:#1c7ed6}
.hero{text-align:center}.hero p{font-size:1.15rem}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}.card{background:#fff;border-radius:22px;padding:1rem;box-shadow:0 4px 0 #ffe066}
.btn{display:inline-block;background:#51cf66;color:#fff;font-weight:800;padding:.7rem 1.2rem;border-radius:999px;text-decoration:none;box-shadow:0 4px 0 #2f9e44;margin:.3rem 0}.btn.alt{background:#ff922b;box-shadow:0 4px 0 #e8590c}
.soon{display:inline-block;background:#e5dbff;color:#5f3dc4;padding:.3rem .8rem;border-radius:999px;font-weight:700}
footer{background:#7048e8;color:#fff;text-align:center;padding:1.2rem;margin-top:2rem;font-size:.95rem}footer a{color:#fff}
@media(min-width:700px){.grid{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}h1{font-size:2.6rem}}