*{box-sizing:border-box}body{margin:0;background:#21131f;color:#f9eedb;font:17px/1.65 system-ui,sans-serif}a{color:#ffcd75}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid #58414d}nav{display:flex;gap:18px;flex-wrap:wrap}h1{font-size:clamp(30px,6vw,52px);line-height:1.1}h2{font-size:23px;margin-top:32px}.hero{display:grid;grid-template-columns:180px 1fr;gap:32px;align-items:center;padding:32px 0}.hero img{width:100%;border-radius:30px}.muted,footer{color:#c6b8bd}footer{font-size:14px;border-top:1px solid #58414d}form{display:grid;gap:18px}label{display:grid;gap:6px}input,textarea,select,button{font:inherit;padding:12px;border:1px solid #80646e;border-radius:8px;background:#352431;color:#fff5e2;width:100%}button,.button{background:#ffd082;color:#2d1c20;font-weight:700;border:0;text-decoration:none;border-radius:8px;padding:12px 18px;display:inline-block;width:auto}button:disabled{opacity:.5}.trap{position:absolute;left:-10000px}#status{min-height:2em}article{max-width:740px}@media(max-width:520px){header{display:block}nav{margin-top:12px}.hero{grid-template-columns:1fr}.hero img{width:150px}main,header,footer{padding:20px}}