:root{--bg:#f3efe6;--ink:#1c2a24;--accent:#0f6a5a;--accent-soft:#d7ebe5;--warn:#b85c38;--card:#fffdf8;--line:#d5cdc0;--muted:#5c6b64;--font-display:"Fraunces","Palatino Linotype",serif;--font-body:"Source Sans 3","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 10% 0,#e7f2ee 0,transparent 40%),radial-gradient(circle at 90% 10%,#f6e7d8 0,transparent 35%),var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{max-width:1100px;margin:0 auto;padding:24px 20px 64px}.nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:28px}.brand{font-family:var(--font-display);font-size:1.4rem;margin-right:auto}.nav a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.55)}.nav a:hover{background:var(--accent-soft)}.hero{display:grid;grid-gap:18px;gap:18px;margin-bottom:28px}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4vw,3rem);margin:0;line-height:1.15}.hero p{margin:0;color:var(--muted);max-width:52ch}.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;min-height:120px;transition:transform .15s ease,box-shadow .15s ease}.tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,42,36,.08)}.tile h2{font-family:var(--font-display);font-size:1.25rem;margin:0 0 8px}.tile p{margin:0;color:var(--muted);font-size:.95rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:var(--accent);color:white;padding:10px 16px;border-radius:999px;cursor:pointer}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.options{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.option{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:#fff}.option.selected{border-color:var(--accent);background:var(--accent-soft)}.option.correct{border-color:#1f7a4d}.option.wrong{border-color:var(--warn)}.media-placeholder{width:88px;height:72px;border-radius:12px;background:linear-gradient(135deg,#cfe3dc,#f0d9c4);display:grid;place-items:center;font-size:.75rem;color:var(--muted)}.radar-wrap{width:min(360px,100%);margin:0 auto}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--accent-soft);font-size:.8rem}input[type=text],textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.step{padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:.85rem}.step.active{background:var(--accent);color:#fff;border-color:var(--accent)}.step.done{background:var(--accent-soft)}