@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#fff;background:#190d3b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 5%,#6532b5 0,transparent 38%),radial-gradient(ellipse at 85% 20%,#125b8d 0,transparent 32%),#190d3b}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,.brand,.button{font-family:"Baloo 2",system-ui,sans-serif}h1{font-size:clamp(3.3rem,9vw,6.5rem);line-height:1.02;margin:.15em 0}h2{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:.2em 0 1rem}h3{font-size:1.55rem;margin:.3em 0}p{line-height:1.65}.header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem max(5vw,20px);border-bottom:1px solid #ffffff25;background:#1b1045aa;backdrop-filter:blur(12px)}.brand{font-size:1.6rem;font-weight:800;white-space:nowrap}.brand-gem{font-size:1.4rem}.brand-accent{color:#75ffdd}.header nav{display:flex;flex-wrap:wrap;gap:.4rem}.header nav a{padding:.5rem .8rem;border-radius:999px;font-size:.9rem;font-weight:800}.header nav a:hover,.header nav a[aria-current=page]{background:#ffffff24}.container{width:min(1100px,90%);margin:0 auto}.hero{padding:6rem 0 4rem;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:2rem}.eyebrow{display:inline-block;padding:.45rem 1rem;background:#ffffff20;border:1px solid #ffffff44;border-radius:100px;font-weight:800;letter-spacing:.05em}.lead{font-size:1.2rem;max-width:560px;color:#e4d9ff}.gradient-text{background:linear-gradient(90deg,#80ffe6,#ffe86e,#ff88d7);color:transparent;background-clip:text}.hero-art{font-size:clamp(6rem,15vw,12rem);text-align:center;filter:drop-shadow(0 20px 35px #0007);animation:float 4s ease-in-out infinite}.hero-art small{display:block;font-size:3rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;background:#ffdc63;color:#24114e;font-size:1.1rem;font-weight:800;box-shadow:0 8px #bc8a31;transition:transform .2s;border:0;cursor:pointer}.button:hover{transform:translateY(-3px)}.button.secondary{background:#75ffdd;box-shadow:0 8px #2a9e92}.button-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.section{padding:2rem 0 5rem}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.card{display:block;border-radius:28px;padding:1.7rem;min-height:230px;border:2px solid #ffffff3b;box-shadow:0 14px 40px #10072c80;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-7px);box-shadow:0 22px 40px #10072cbb}.card.pink{background:linear-gradient(140deg,#e442a0,#8d38c2)}.card.teal{background:linear-gradient(140deg,#14a8b6,#3159c4)}.card.orange{background:linear-gradient(140deg,#ffae43,#e64e89)}.card.purple{background:linear-gradient(140deg,#8054d6,#4a279c)}.card .emoji{font-size:4rem;display:block;line-height:1.2}.card p{margin:.2rem 0;color:#fffdf0}.page-intro{text-align:center;padding:5rem 0 2rem}.page-intro p{max-width:620px;margin:0 auto 2rem;color:#e8dcff;font-size:1.15rem}.pill{display:inline-block;padding:.3rem .8rem;background:#ffffff2a;border-radius:999px;font-size:.8rem;font-weight:800}.panel{background:#ffffff15;border:1px solid #ffffff35;border-radius:25px;padding:2rem;margin:2rem 0}.panel p{color:#e9e0ff}.game{text-align:center}.game-output{font-size:5rem;min-height:110px;display:grid;place-items:center}.muted{color:#e4d7ff}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.sky span{position:absolute;color:#fff7a0;opacity:.45;font-size:2rem;animation:twinkle 3s ease-in-out infinite}.sky span:nth-child(1){top:19%;left:4%}.sky span:nth-child(2){top:35%;right:8%;animation-delay:.7s}.sky span:nth-child(3){top:75%;left:12%;animation-delay:1.3s}.sky span:nth-child(4){top:85%;right:17%;animation-delay:1.8s}main,footer{position:relative;z-index:1}footer{text-align:center;border-top:1px solid #ffffff30;padding:2rem 1rem 3rem;background:#130a30}footer p{font-weight:800;margin:.1rem}footer small{color:#c4b5e7}@keyframes float{50%{transform:translateY(-16px)}}@keyframes twinkle{50%{opacity:.9;transform:scale(1.3)}}:focus-visible{outline:3px solid #ffdc63;outline-offset:4px}@media(max-width:780px){.header{flex-direction:column}.header nav{justify-content:center}.hero{grid-template-columns:1fr;padding:4rem 0 2rem;text-align:center}.lead{margin:1rem auto}.button-row{justify-content:center}.hero-art{font-size:7rem}.cards{grid-template-columns:1fr}.page-intro{padding-top:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}