*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#eaf4f3}.home-screen{position:relative;min-height:100vh;overflow:hidden}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 8%,rgba(255,214,120,.55),transparent 38%),linear-gradient(180deg,#2aa6a0,#177f78 45%,#0d4f4b)}.home-overlay{position:relative;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) 16px;display:flex;flex-direction:column}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.logo-block{padding-top:18px}.logo-block h1{margin:0;font-size:2.2rem;line-height:.9;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.3);font-weight:900}.logo-block p{margin:12px 0 0;color:#f0f8f8;font-size:1.15rem;font-weight:700}.lang-switch{display:flex;gap:6px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px;border-radius:999px}.lang-switch button{border:0;background:transparent;color:#fff;padding:8px 10px;border-radius:999px;font-weight:800}.lang-switch button.active{background:#ffffff47}.home-spacer{flex:1}.choose-block h2{color:#fff;text-align:center;margin:0 0 14px;font-size:1.6rem;text-shadow:0 2px 10px rgba(0,0,0,.25)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.path-card{border:0;border-radius:24px;padding:16px 12px 18px;color:#fff;text-align:left;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 30px #0000002e}.path-card h3{margin:0 0 6px;font-size:1.65rem;line-height:1}.path-card p{margin:0;font-size:.95rem;line-height:1.15}.card-emoji{font-size:2rem;margin-bottom:auto}.path-card.women{background:linear-gradient(180deg,#f08b75bf,#c4574aeb)}.path-card.plants{background:linear-gradient(180deg,#5ec278c2,#2f853eeb)}.path-card.mangrove{background:linear-gradient(180deg,#4fb6d6bd,#147a92eb)}.bottom-actions{padding-top:14px;display:grid;gap:12px}.action-pill{display:flex;align-items:center;gap:12px;padding:16px 18px;border:0;border-radius:22px;background:#fff8eceb;box-shadow:0 10px 24px #00000024;text-align:left}.action-pill strong{display:block;font-size:1.45rem;color:#2e3328}.action-pill small{display:block;color:#555c4f;font-size:1rem}.pill-icon{width:48px;height:48px;border-radius:16px;background:#fff1d8;display:grid;place-items:center;font-size:1.6rem}.pill-icon.green{background:#e8f8df}.page{min-height:100vh;padding:calc(12px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom)) 14px;background:linear-gradient(180deg,#e9f8f6,#f7fbfb)}.panel,.quiz-card{background:#fff;border-radius:24px;box-shadow:0 16px 40px #103c381f;padding:18px}.back-btn{border:0;background:#fff;border-radius:12px;width:40px;height:40px;box-shadow:0 8px 20px #103c381f;margin-bottom:14px}.sample-list{display:grid;gap:10px;margin:14px 0}.sample-list div{background:#f7fbfb;padding:12px 14px;border-radius:16px}.primary-btn,.secondary-btn{border:0;border-radius:16px;padding:14px 16px;font-weight:800}.primary-btn{background:linear-gradient(135deg,#1da697,#0f7f74);color:#fff}.secondary-btn{background:#eef6f6;color:#19413d}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.quiz-image{min-height:220px;border-radius:18px;background:#d7efea center/cover no-repeat;display:grid;place-items:center;color:#1a6058;font-weight:900;margin-bottom:14px}.tag{display:inline-flex;background:#e8f6f3;color:#116a61;padding:7px 10px;border-radius:999px;font-weight:700}.answers{display:grid;gap:10px}.answer{border:0;background:#f7fbfb;padding:14px;border-radius:16px;text-align:left;font-weight:800;box-shadow:inset 0 0 0 1px #e1efec}.feedback{min-height:24px;font-weight:800}.board{width:100%;border-collapse:collapse;margin-top:12px}.board th,.board td{padding:12px 8px;border-bottom:1px solid #eaf1ef;text-align:left}.form{display:grid;gap:12px}input,textarea,select{width:100%;padding:14px;border-radius:16px;border:1px solid #d7e7e3;font:inherit;background:#fff}@media (max-width:700px){.cards{grid-template-columns:1fr}.path-card{min-height:150px}.path-card h3{font-size:1.4rem}}.page-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.page-head .back-btn{margin:0}.item-grid{display:grid;gap:12px;margin:14px 0}.item-card{display:flex;gap:12px;background:#f7fbfb;border-radius:16px;padding:12px}.item-thumb{flex:0 0 72px;height:72px;border-radius:14px;background:#d7efea center/cover no-repeat;display:grid;place-items:center;font-size:1.8rem}.item-card h4{margin:0 0 4px}.item-card p{margin:2px 0;font-size:.92rem;color:#33514d}.answer.correct{background:#dff5e3;box-shadow:inset 0 0 0 2px #2f9b4a}.answer.wrong{background:#fde6e3;box-shadow:inset 0 0 0 2px #c4574a}.answer:disabled{opacity:1}.clue{font-size:1.15rem;font-style:italic;margin:8px 0 14px}.reveal{background:#f7fbfb;border-radius:16px;padding:12px 14px;margin:12px 0}.progress{height:8px;border-radius:99px;background:#e1efec;overflow:hidden;margin-bottom:12px}.progress>div{height:100%;background:#1da697;transition:width .3s}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.tabs button{border:0;border-radius:999px;padding:8px 14px;background:#eef6f6;font-weight:700}.tabs button.active{background:#1da697;color:#fff}.notice{color:#7a4b00;background:#fff4d6;border-radius:12px;padding:10px 12px;margin:10px 0}.error{color:#a32a1e;font-weight:700}