:root{font-family:Segoe UI,system-ui,sans-serif;color:#171411;background:#f6f1ea}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.app{max-width:920px;margin:0 auto;padding:1.25rem}.hero{background:#1c1410;color:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1rem}.hero h1{margin:0 0 .35rem}.muted{opacity:.8}.grid{display:grid;gap:.75rem}.card{background:#fff;border-radius:.85rem;padding:1rem;border:1px solid #e7ddd2}.row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.btn{border:0;border-radius:999px;padding:.55rem .95rem;background:#e4572e;color:#fff;cursor:pointer;font-weight:600}.btn.secondary{background:#2b211c}.layout{display:grid;gap:1rem}@media(min-width:800px){.layout{grid-template-columns:1.4fr 1fr;align-items:start}}label{display:grid;gap:.25rem;margin-bottom:.55rem;font-size:.9rem}input,textarea{width:100%;padding:.55rem .65rem;border-radius:.5rem;border:1px solid #d9cfc4}.banner{padding:.75rem 1rem;border-radius:.75rem;background:#ffe8a3;margin-bottom:1rem}.error{background:#ffd4d4}.ok{background:#d7f5e5}