:root{font-family:system-ui,sans-serif;color:#24332e;background:#f5f3ed}*{box-sizing:border-box}main{max-width:880px;margin:48px auto;padding:0 24px}header span{font-weight:700;color:#7d542a}h1{font-size:40px;margin:12px 0}h2{font-size:23px}p{line-height:1.6;color:#526159}section{background:white;padding:28px;border-radius:18px;margin:24px 0;box-shadow:0 4px 24px #172b2210}label{display:block;font-weight:600}input,select{display:block;width:100%;max-width:440px;margin:10px 0 20px;padding:12px;border:1px solid #b7c3ba;border-radius:9px;font-size:16px}button{border:0;border-radius:9px;background:#25533c;color:white;padding:13px 18px;font:600 15px system-ui;cursor:pointer}.secondary{background:#e8eee8;color:#294a36}.buttons{display:flex;flex-wrap:wrap;gap:10px}#error{color:#a33424}audio{width:100%;margin:8px 0}.clip{border-top:1px solid #e3e8e2;padding:16px 0}a{color:#25533c}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}