:root{--bg:#fdf4ff;--card:#fff;--ink:#2b1d4a;--mut:#6b5d8a;--pri:#7c3aed;--pri2:#ec4899;--sun:#fbbf24;--grn:#22c55e;--line:#eadfff;color-scheme:light}.cq,.cq *{box-sizing:border-box}.cq{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);min-height:100vh;background:linear-gradient(180deg,#fdf4ff,#eff6ff);color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}.cq h1,.cq h2,.cq h3{font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;line-height:1.1;margin:0}.cq a{color:inherit;text-decoration:none}.cq .wrap{max-width:1080px;margin:0 auto;padding:0 20px}.cq header{position:sticky;top:env(safe-area-inset-top,0);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}.cq .nav{justify-content:space-between;gap:10px;padding:10px 20px;max-width:1080px;margin:0 auto}.cq .logo,.cq .nav{display:flex;align-items:center}.cq .logo{font-weight:900;font-size:20px;gap:8px}.cq .logo i{font-style:normal;display:inline-block;animation:cq-wob 3s ease-in-out infinite}.cq .btns{display:flex;gap:8px}.cq .btn{display:inline-block;border-radius:999px;padding:7px 14px;font-weight:800;font-size:14px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 3px 0 rgba(0,0,0,.25);white-space:nowrap}.cq .btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(0,0,0,.25)}.cq .btn:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.25)}.cq .b-kid{background:var(--sun);color:#2b1d4a}.cq .b-par{background:var(--pri);color:#fff}.cq .b-big,.cq .b-new{background:linear-gradient(90deg,var(--pri2),var(--pri));color:#fff}.cq .b-big{font-size:17px;padding:12px 22px;animation:cq-pulse 2.2s infinite}.cq .hero{position:relative;padding:44px 0 30px;overflow:hidden}.cq .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.cq .tag{display:inline-block;background:var(--card);border:2px dashed var(--pri2);color:var(--pri2);border-radius:999px;padding:5px 14px;font-weight:800;font-size:14px;margin-bottom:14px;animation:cq-wob 4s ease-in-out infinite}.cq h1{font-size:clamp(34px,6vw,58px)}.cq h1 span{background:linear-gradient(90deg,var(--pri2),var(--pri),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:cq-shine 4s linear infinite}.cq .sub{font-size:19px;color:var(--mut);margin:16px 0 22px;max-width:520px}.cq .fine{font-size:14px;color:var(--mut);margin-top:12px}.cq .coin{position:absolute;z-index:0;font-size:28px;animation:cq-float 6s ease-in-out infinite;opacity:.35;pointer-events:none}.cq .phone{background:var(--card);border:4px solid var(--ink);border-radius:32px;padding:18px;box-shadow:10px 10px 0 var(--pri);max-width:330px;margin:0 auto;animation:cq-tilt 6s ease-in-out infinite}.cq .who{display:flex;align-items:center;gap:10px;font-weight:800}.cq .av{width:42px;height:42px;border-radius:50%;background:var(--sun);display:grid;place-items:center;font-size:24px}.cq .total{background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;border-radius:20px;padding:14px;margin:14px 0;text-align:center}.cq .total small{opacity:.9;font-weight:700}.cq .total b{display:block;font-size:44px;font-family:Arial Rounded MT Bold,system-ui,sans-serif}.cq .chore{display:flex;align-items:center;gap:10px;padding:10px;border:2px solid var(--line);border-radius:14px;margin-top:8px;font-weight:700;transition:.3s}.cq .chore .ck{width:26px;height:26px;border-radius:8px;border:3px solid var(--mut);display:grid;place-items:center;color:#fff;font-size:15px;transition:.3s}.cq .chore .amt{margin-left:auto;color:var(--grn);font-weight:900}.cq .chore.done{background:color-mix(in srgb,var(--grn) 14%,var(--card));border-color:var(--grn)}.cq .chore.done .ck{background:var(--grn);border-color:var(--grn)}.cq .chore.done span:nth-child(2){text-decoration:line-through;opacity:.7}.cq .band{background:var(--pri);color:#fff;padding:12px 0;overflow:hidden;white-space:nowrap;transform:rotate(-1deg);margin:26px -10px;border-block:3px solid var(--ink)}.cq .band div{display:inline-block;animation:cq-mq 28s linear infinite;font-weight:900;font-size:19px}.cq section{padding:46px 0}.cq h2{font-size:clamp(28px,4.5vw,42px);margin-bottom:8px}.cq .lead,.cq h2{text-align:center}.cq .lead{color:var(--mut);max-width:560px;margin:0 auto 30px;font-size:18px}.cq .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cq .card{background:var(--card);border:3px solid var(--ink);border-radius:22px;padding:22px;box-shadow:6px 6px 0 var(--line);transition:transform .2s}.cq .card:hover{transform:translateY(-6px) rotate(-1deg)}.cq .card .em{font-size:38px;display:block;margin-bottom:8px}.cq .card h3{font-size:21px;margin-bottom:6px}.cq .card p{margin:0;color:var(--mut)}.cq .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pri2);color:#fff;font-weight:900;margin-bottom:8px}.cq .calc{background:var(--card);border:4px solid var(--ink);border-radius:28px;padding:28px;max-width:720px;margin:0 auto;box-shadow:10px 10px 0 var(--sun)}.cq .row{display:flex;justify-content:space-between;font-weight:800;margin-top:14px}.cq input[type=range]{width:100%;accent-color:var(--pri2);height:28px}.cq .out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;text-align:center}.cq .out div{background:var(--bg);border-radius:16px;padding:12px;border:2px solid var(--line)}.cq .out b{display:block;font-size:26px;color:var(--pri);font-family:Arial Rounded MT Bold,system-ui,sans-serif}.cq .out small{color:var(--mut);font-weight:700}.cq .final{text-align:center;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;border-radius:32px;padding:50px 20px;margin:20px 0 50px;position:relative;overflow:hidden}.cq .final>:not(.coin){position:relative;z-index:1}.cq .final p{font-size:19px;max-width:520px;margin:12px auto 24px}.cq .final .btn{background:var(--sun);color:#2b1d4a}.cq .checks{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-weight:700}.cq footer{text-align:center;color:var(--mut);padding:20px 20px 90px;font-size:14px}.cq .sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:3px solid var(--ink);display:flex;align-items:center;justify-content:center;gap:12px;transform:translateY(110%);transition:transform .4s}.cq .sticky.on{transform:none}.cq .sticky span{font-weight:800}.cq .rv{opacity:0;transform:translateY(28px);transition:opacity .6s,transform .6s}.cq .rv.in{opacity:1;transform:none}.cq-bit{position:fixed;font-size:24px;pointer-events:none;z-index:60;animation:cq-pop 1s ease-out forwards}@keyframes cq-wob{50%{transform:rotate(4deg) scale(1.05)}}@keyframes cq-float{50%{transform:translateY(-22px) rotate(12deg)}}@keyframes cq-tilt{50%{transform:rotate(1.5deg) translateY(-6px)}}@keyframes cq-shine{to{background-position:200% 0}}@keyframes cq-mq{to{transform:translateX(-50%)}}@keyframes cq-pulse{50%{transform:scale(1.04);box-shadow:0 4px 0 rgba(0,0,0,.25),0 0 0 10px color-mix(in srgb,var(--pri2) 22%,transparent)}}@keyframes cq-pop{to{transform:translate(var(--x),var(--y)) rotate(1turn);opacity:0}}@media(max-width:820px){.cq .grid,.cq .hero .wrap{grid-template-columns:1fr}.cq .btn{padding:6px 9px;font-size:12px}.cq .btns{gap:5px}.cq .nav{padding:8px 12px}.cq .coin,.cq .e,.cq .lg,.cq .logo span{display:none}.cq .out b{font-size:20px}}@media(prefers-reduced-motion:reduce){.cq,.cq *,.cq-bit{animation:none!important;transition:none!important}.cq .rv{opacity:1;transform:none}}