:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#292044;background:#f9f6ff}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(4vw,18px);background:white;gap:12px;flex-wrap:wrap}.brand{font-weight:900;font-size:1.5rem;color:#704dc3;text-decoration:none}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav a{color:#6244a7;text-decoration:none;font-weight:800}nav .parent{font-size:.85rem;color:#746d80}.hero{max-width:1080px;margin:40px auto;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center;padding:0 20px}.hero img{width:100%;border-radius:28px;box-shadow:0 18px 42px #42306a25}h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.06;margin:12px 0}h1 span{color:#7653cf}p{line-height:1.6;font-size:1.1rem}.cta,button{border:0;background:#7653cf;color:white;border-radius:15px;padding:13px 19px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.cta:hover,button:hover{background:#5c38ae}.section{max-width:1080px;margin:45px auto;padding:0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel{background:white;border:2px solid #eee7ff;border-radius:23px;padding:24px;box-shadow:0 12px 28px #30265a0b}.card .emoji{font-size:2.5rem}.card a{font-weight:900;color:#6746b8}.note{background:#fff2d3;border-radius:15px;padding:16px;margin-top:22px}footer{text-align:center;color:#777084;padding:35px}.game{max-width:690px;margin:38px auto;padding:0 20px}.game img{width:120px;height:120px;object-fit:cover;border-radius:50%;float:right;margin:0 0 15px 15px}.question{font-size:2rem;font-weight:900;margin:22px 0}input,textarea{width:100%;padding:13px;border:2px solid #d9cdec;border-radius:12px;font:inherit;font-size:1.1rem}textarea{min-height:170px}label{font-weight:800;display:block;margin:18px 0 7px}.feedback{font-weight:900;font-size:1.2rem;min-height:34px;margin-top:15px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.muted{color:#696174;font-size:.95rem} @media(max-width:720px){.hero{grid-template-columns:1fr}.hero img{grid-row:1;max-width:370px;margin:auto}.cards{grid-template-columns:1fr}header{align-items:flex-start}}