*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#fff8ee;color:#3b2f2f;line-height:1.6}
.hero{position:relative;text-align:center;padding:3rem 1.25rem 6rem;background:linear-gradient(160deg,#ffb347,#ff6f61 60%,#ff8fab);color:#fff;overflow:hidden}
.sun{font-size:4rem;animation:bob 3s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-10px) rotate(8deg)}}
.hello{text-transform:uppercase;letter-spacing:.2em;font-weight:600;margin:.5rem 0 0}
h1{font-size:clamp(2.2rem,8vw,4.2rem);margin:.2em 0;line-height:1.1}
.sub{font-size:1.15rem;max-width:30rem;margin:0 auto 1.5rem}
button{font:inherit;font-weight:700;background:#fff;color:#ff6f61;border:0;border-radius:999px;padding:.8rem 1.8rem;cursor:pointer;box-shadow:0 4px 0 rgba(0,0,0,.15);transition:transform .15s}
button:hover{transform:scale(1.05)}
button:focus-visible{outline:3px solid #3b2f2f;outline-offset:3px}
.wave{position:absolute;left:0;bottom:-1px;width:100%;height:60px}
main{max-width:56rem;margin:0 auto;padding:1rem 1.25rem 2rem}
.card{background:#fff;border-radius:1.25rem;padding:1.5rem;margin:1.5rem 0;box-shadow:0 6px 20px rgba(120,70,20,.1)}
.card h2{margin-top:0;color:#ff6f61}
.center{text-align:center}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,1fr)}}
.tile{border-radius:1.25rem;padding:1.25rem;text-align:center;transition:transform .2s}
.tile:hover{transform:translateY(-4px) rotate(-1deg)}
.tile span{font-size:2.5rem}
.tile h3{margin:.3rem 0}
.tile p{margin:0;font-size:.95rem}
.t1{background:#ffe3b3}.t2{background:#bfe9f5}.t3{background:#ffd0dc}.t4{background:#d4f0c0}
footer{text-align:center;padding:2rem 1rem;color:#7a6565}
.pop{position:fixed;top:-2rem;font-size:1.8rem;pointer-events:none;animation:fall 2.2s linear forwards}
@keyframes fall{to{transform:translateY(110vh) rotate(360deg);opacity:.8}}
@media(prefers-reduced-motion:reduce){.sun,.pop{animation:none}.pop{display:none}}