@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap";:root{--pink: #ff6b9d;--purple: #c44dff;--blue: #4da6ff;--green: #4ddb8a;--yellow: #ffd24d;--orange: #ff994d;--bg: #fffef5;--card-bg: #ffffff;--text: #2d1b69;--text-light: #6b5b8a}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;line-height:1.6}.hero{background:linear-gradient(135deg,#ff9a9e,#fad0c4,#a1c4fd 60%,#c2e9fb);padding:3rem 1.5rem 4rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 80%,rgba(255,210,77,.3) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(196,77,255,.2) 0%,transparent 40%);pointer-events:none}.hero-content{position:relative;max-width:700px;margin:0 auto}.hero h1{font-family:Fredoka,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;color:#fff;text-shadow:2px 3px 0 rgba(45,27,105,.15);margin-bottom:.5rem}.hero .subtitle{font-size:clamp(1rem,3vw,1.35rem);color:#ffffffe6;font-weight:600;margin-bottom:1.5rem}.hero-emoji{font-size:clamp(3rem,8vw,5rem);display:block;margin-bottom:.75rem;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.1))}.scroll-hint{display:inline-block;margin-top:1rem;font-size:.85rem;color:#fffc;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section-title{font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,4vw,2.2rem);text-align:center;margin-bottom:.5rem;color:var(--text)}.section-subtitle{text-align:center;color:var(--text-light);font-size:1rem;margin-bottom:2rem;max-width:550px;margin-left:auto;margin-right:auto}.chores-section{padding:3rem 1.5rem;max-width:1100px;margin:0 auto}.chores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.chore-card{background:var(--card-bg);border-radius:1.25rem;padding:1.75rem 1.5rem;text-align:center;box-shadow:0 4px 20px #2d1b690f;border:2px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:default;position:relative;overflow:hidden}.chore-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.chore-card.pink:before{background:var(--pink)}.chore-card.purple:before{background:var(--purple)}.chore-card.blue:before{background:var(--blue)}.chore-card.green:before{background:var(--green)}.chore-card.yellow:before{background:var(--yellow)}.chore-card.orange:before{background:var(--orange)}.chore-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px #2d1b691f}.chore-card.pink:hover{border-color:var(--pink)}.chore-card.purple:hover{border-color:var(--purple)}.chore-card.blue:hover{border-color:var(--blue)}.chore-card.green:hover{border-color:var(--green)}.chore-card.yellow:hover{border-color:var(--yellow)}.chore-card.orange:hover{border-color:var(--orange)}.chore-emoji{font-size:2.75rem;display:block;margin-bottom:.75rem}.chore-card h3{font-family:Fredoka,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.chore-card p{font-size:.9rem;color:var(--text-light);line-height:1.5}.age-badge{display:inline-block;margin-top:.75rem;font-size:.75rem;font-weight:700;padding:.2rem .7rem;border-radius:999px;color:#fff}.age-badge.easy{background:var(--green)}.age-badge.medium{background:var(--yellow);color:var(--text)}.age-badge.big{background:var(--orange)}.tips-section{background:linear-gradient(180deg,#f0e6ff 0%,var(--bg) 100%);padding:3rem 1.5rem}.tips-container{max-width:800px;margin:0 auto}.tips-list{display:flex;flex-direction:column;gap:1rem}.tip-item{background:var(--card-bg);border-radius:1rem;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 2px 12px #2d1b690d;transition:transform .2s ease}.tip-item:hover{transform:translate(6px)}.tip-number{font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;min-width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;color:#fff;flex-shrink:0}.tip-item:nth-child(1) .tip-number{background:var(--pink)}.tip-item:nth-child(2) .tip-number{background:var(--purple)}.tip-item:nth-child(3) .tip-number{background:var(--blue)}.tip-item:nth-child(4) .tip-number{background:var(--green)}.tip-item:nth-child(5) .tip-number{background:var(--orange)}.tip-text h3{font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;margin-bottom:.2rem}.tip-text p{font-size:.9rem;color:var(--text-light)}.reward-section{padding:3rem 1.5rem;max-width:800px;margin:0 auto}.reward-table{width:100%;background:var(--card-bg);border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #2d1b690f}.reward-table table{width:100%;border-collapse:collapse}.reward-table thead{background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff}.reward-table th{font-family:Fredoka,sans-serif;font-weight:600;padding:.9rem 1rem;text-align:left;font-size:.95rem}.reward-table td{padding:.8rem 1rem;font-size:.9rem;border-bottom:1px solid rgba(45,27,105,.06)}.reward-table tbody tr:last-child td{border-bottom:none}.reward-table tbody tr:hover{background:#c44dff0a}.stars{color:var(--yellow);letter-spacing:2px}.site-footer{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(180deg,var(--bg) 0%,#f5f0ff 100%);color:var(--text-light);font-size:.9rem}.footer-emoji{font-size:1.5rem;display:block;margin-bottom:.5rem}.top-nav{position:sticky;top:0;z-index:100;background:#fffef5d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(45,27,105,.06);padding:.75rem 1.5rem;display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.top-nav a{font-family:Fredoka,sans-serif;font-size:.9rem;font-weight:500;color:var(--text-light);text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.top-nav a:hover{color:var(--purple);border-bottom-color:var(--purple)}@media(max-width:600px){.chores-grid{grid-template-columns:1fr}.tip-item{flex-direction:column;align-items:center;text-align:center}.reward-table th,.reward-table td{padding:.6rem;font-size:.8rem}}
