:root{--green:#2eae63;--yellow:#ffd166;--blue:#3aa1ff;--bg:#f2fff6;--text:#103a24;--card:#fff;--muted:#387f5b}*{box-sizing:border-box}body{margin:0;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1100px;margin:0 auto;padding:1rem}.hero{display:grid;gap:1rem;align-items:center;grid-template-columns:1fr;padding:2rem 1rem;background:radial-gradient(circle at 10% 10%,#d6ffe7 0,transparent 40%),radial-gradient(circle at 90% 20%,#fff0c9 0,transparent 35%),radial-gradient(circle at 50% 90%,#d8ecff 0,transparent 35%);border-bottom:4px solid var(--green)}.hero-inner{display:flex;gap:1rem;flex-direction:column}.hero h1{font-size:clamp(1.8rem,2.5vw + 1rem,3rem);margin:0;color:var(--green)}.hero p{font-size:1.1rem;margin:0}.brand{display:flex;align-items:center;gap:.75rem}.brand img{width:120px;height:120px;border-radius:150px}.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{background:var(--yellow);color:#3a2b00;padding:.35rem .6rem;border-radius:999px;font-weight:600;font-size:.9rem}.tabs{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.tab{background:var(--card);border:2px solid var(--green);color:var(--green);padding:.5rem 1rem;border-radius:999px;font-weight:600;cursor:pointer}.tab.active{background:var(--green);color:#fff}.card{background:var(--card);border:1px solid #e5f4ea;border-radius:16px;padding:1rem;box-shadow:0 8px 24px #2eae6314}.row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:900px){.row{grid-template-columns:1.2fr .8fr}}.footer{margin-top:2rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.95rem}.footer img{height:90px;opacity:.9}button.primary{background:var(--green);color:#fff;border:none;padding:.6rem 1rem;border-radius:12px;font-weight:700;cursor:pointer}button.secondary{background:var(--yellow);color:#3a2b00;border:none;padding:.6rem 1rem;border-radius:12px;font-weight:700;cursor:pointer}.input,textarea{width:100%;padding:.8rem 1rem;border:2px solid #c3eed5;border-radius:12px;outline:none;font-size:1rem}.chat-bubble{background:#eafff2;border:1px solid #c3eed5;border-radius:12px;padding:.6rem .8rem}.ai-bubble{background:#e8f3ff;border-color:#cde4ff}.list{display:grid;gap:.6rem}.progress-pill{background:#eafff2;padding:.35rem .7rem;border-radius:999px;border:1px solid #c3eed5;font-weight:600;display:inline-block}button{background:linear-gradient(90deg,#4caf50,#8bc34a);color:#fff;font-weight:700;border:none;border-radius:12px;padding:.6rem 1.2rem;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 10px #4caf504d}button:hover{transform:scale(1.05);box-shadow:0 6px 14px #4caf5066}button:active{transform:scale(.97)}button.active{background:linear-gradient(90deg,#2e7d32,#66bb6a);box-shadow:0 4px 12px #2e7d3266}.tab{padding:.5rem 1rem;border-radius:12px}.tab.active{background:linear-gradient(90deg,#388e3c,#81c784);color:#fff}@keyframes logoPulse{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0px #4caf4f58)}50%{transform:scale(1.1) rotate(1deg);filter:drop-shadow(0 0 8px #81c7844d)}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0px #4caf4f48)}}.hero .brand img{animation:logoPulse 3s ease-in-out infinite;transition:transform .3s ease}
