:root{--bg:#f4f1ea;--ink:#1f2933;--muted:#5f6b76;--brand:#176b5b;--brand2:#f0b429;--card:#fffdf8;--line:#ddd4c4;--danger:#8a2d2d;--shadow:0 10px 30px rgba(52,43,31,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#f8f5ee,#efe8da);color:var(--ink)}.hero{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;padding:2.5rem clamp(1rem,4vw,4rem);background:#173f36;color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:#f6d47a;font-weight:700}.hero h1{font-size:clamp(2rem,5vw,4rem);margin:.2rem 0}.lead{max-width:760px;font-size:1.1rem;line-height:1.55;color:#edf7f3}.badge{background:#f7d570;color:#243b33;border-radius:999px;padding:.7rem 1rem;font-weight:800;white-space:nowrap}.layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,.9fr);gap:1.2rem;padding:1.2rem clamp(1rem,4vw,4rem)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:1.25rem}.card h2{margin-top:.2rem;color:#173f36}.grid{display:grid;gap:.9rem}.two{grid-template-columns:1fr 1fr}label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;color:#263b35;margin:.85rem 0}input,select,textarea{font:inherit;border:1.5px solid #cbbfae;border-radius:12px;padding:.78rem;background:#fff;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(23,107,91,.18);border-color:var(--brand)}.actions,.mini-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}button{border:0;border-radius:999px;background:var(--brand);color:white;padding:.82rem 1.15rem;font-weight:800;cursor:pointer;box-shadow:0 6px 16px rgba(23,107,91,.22)}button:hover{filter:brightness(1.05)}button.secondary{background:#fff;color:#173f36;border:1.5px solid #b9ac99;box-shadow:none}.output-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}#sortida{width:100%;min-height:520px;line-height:1.5;background:#fffefb}.hint{color:var(--muted);font-size:.92rem}.context{margin:0 clamp(1rem,4vw,4rem) 1.2rem}.context li{margin:.45rem 0}footer{padding:1rem clamp(1rem,4vw,4rem) 2rem;color:#5b635f}@media(max-width:900px){.hero,.layout{display:block}.badge{display:inline-block;margin-top:1rem}.output-card{margin-top:1rem}.two{grid-template-columns:1fr}}