.couponhero{color:#fff;background:#202720;justify-content:space-between;align-items:end;padding:60px 6vw;display:flex}.couponhero span{color:#b7e300;letter-spacing:2px;font-size:11px;font-weight:800}.couponhero h1{margin:10px 0;font-size:44px}.couponhero p{color:#b8c2b9}.couponhero>div:last-child{gap:8px;display:flex}.couponhero input,.couponhero button{border:0;border-radius:9px;padding:13px}.couponhero button,.couponlayout form>button{background:#b7e300;font-weight:800}.couponmsg{background:#eff8d2;border-radius:10px;max-width:1200px;margin:20px auto;padding:14px}.couponmsg.error{color:#9c3826;background:#fff0ec}.couponlayout{grid-template-columns:390px 1fr;align-items:start;gap:24px;max-width:1200px;margin:35px auto 80px;padding:0 20px;display:grid}.couponlayout form,.couponlist article{background:#fff;border:1px solid #e3e9d5;border-radius:20px;padding:24px}.couponlayout form label{margin-top:14px;font-size:13px;font-weight:700;display:block}.couponlayout input,.couponlayout select{border:1px solid #dce4cc;border-radius:9px;width:100%;margin-top:6px;padding:11px}.couponpair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.couponlayout fieldset{border:1px solid #dce4cc;border-radius:10px;margin-top:15px}.couponlayout fieldset label{align-items:center;gap:6px;font-weight:400;display:flex}.couponlayout fieldset input{width:auto;margin:0}.couponlayout form>button{border:0;border-radius:10px;width:100%;margin-top:18px;padding:13px}.couponlist{grid-template-columns:1fr 1fr;gap:14px;display:grid}.couponlist article header{justify-content:space-between;display:flex}.couponlist h2{margin:5px 0}.couponlist header span{background:#eef1e8;border-radius:20px;padding:6px 9px;font-size:10px}.couponlist header span.active{background:#e4f5a8}.couponlist strong{color:#526c2e;margin:18px 0 5px;font-size:22px;display:block}.couponlist p{color:#70766b;font-size:12px}.couponlist button{background:#fff;border:1px solid #dce4cc;border-radius:8px;margin-right:6px;padding:8px}@media (max-width:800px){.couponhero{padding:42px 20px;display:block}.couponhero>div:last-child{margin-top:20px}.couponlayout,.couponlist,.couponpair{grid-template-columns:1fr}}
