.listener-offer{font-family:Arial,sans-serif;border:1px solid #bda344;border-radius:16px;background:linear-gradient(130deg,#26200d,#101010);padding:24px;margin:0 auto 24px;max-width:880px;color:#f6f3e9;text-align:left}.listener-offer *{box-sizing:border-box}.listener-offer .listener-kicker{color:#f3d975;font-weight:800;font-size:.75rem;letter-spacing:.1em;margin:0 0 8px}.listener-offer h3{color:#f3d975;font-size:1.5rem;line-height:1.2;margin:0 0 10px}.listener-offer p{font-size:.98rem;line-height:1.6;margin:0 0 14px;color:#e1ddd0}.listener-code-form label{display:block;font-size:.95rem;font-weight:800;margin:18px 0 8px}.listener-code-row{display:flex;gap:10px;align-items:stretch}.listener-code-row input{min-width:0;flex:1;width:100%;border:1px solid #a8975a;background:#070707;color:#fff;border-radius:9px;padding:13px 14px;font:inherit;font-size:16px;min-height:50px}.listener-code-row button{border:0;border-radius:9px;background:#e4c551;color:#151002;font:800 1rem Arial,sans-serif;padding:14px 19px;min-height:50px;cursor:pointer;white-space:nowrap}.listener-code-row input:focus-visible,.listener-code-row button:focus-visible{outline:3px solid #fff;outline-offset:3px}.listener-offer #listener-code-help{font-size:.8rem;color:#c8c1ab;margin:8px 0 0}.listener-result{border-top:1px solid #7e702d;padding-top:18px;margin-top:19px}.listener-result>strong{color:#f3d975;font-size:1.12rem}.listener-total{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin:9px 0}.listener-total s{color:#c3bda7;font-size:1.12rem}.listener-total b{font-size:2.3rem;line-height:1.2;color:#fff}.listener-total span{color:#f3d975}.listener-result p{margin:6px 0 0}.listener-error{margin-top:17px;border:1px solid #bba566;border-radius:9px;padding:13px;line-height:1.5;background:#29210d;color:#fff}@media(max-width:600px){.listener-offer{padding:19px 16px}.listener-code-row{flex-direction:column}.listener-code-row button{width:100%;white-space:normal}.listener-offer h3{font-size:1.35rem}.listener-offer p{font-size:.92rem}}