.match-purchase{margin:30px 0 34px;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.42fr);border:1px solid #2c3541;border-radius:24px;overflow:hidden;background:#0f141a;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.purchase-summary{position:relative;padding:34px 30px;background:radial-gradient(circle at 15% 15%,rgba(26,128,255,.26),transparent 38%),radial-gradient(circle at 92% 88%,rgba(232,21,70,.18),transparent 38%),linear-gradient(145deg,#101a25,#0b1016);border-right:1px solid #27313d;overflow:hidden}.purchase-summary:after{content:"";position:absolute;inset:auto -70px -95px auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(240,195,65,.12),transparent 68%);pointer-events:none}.purchase-kicker{display:block;color:#f5c53b;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.purchase-summary h2,.purchase-checkout h2{margin:8px 0 10px;font-size:clamp(25px,3vw,38px);line-height:1.03;letter-spacing:-.035em}.purchase-summary-text{margin:0 0 26px;color:#aeb9c6;line-height:1.6;font-size:14px;max-width:390px}.purchase-price{display:grid;gap:3px;margin:18px 0 22px;padding:18px 0;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.purchase-price span{color:#9eabb9;font-size:12px;font-weight:750}.purchase-price strong{font-size:40px;line-height:1;color:#fff}.purchase-benefits{display:grid;gap:10px;color:#dce4ed;font-size:13px;font-weight:750}.purchase-benefits span:before{color:#4bd18f}.purchase-checkout{padding:30px;background:linear-gradient(180deg,#121820,#0e1319)}.purchase-checkout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.purchase-checkout-head h2{font-size:28px;margin-bottom:0}.purchase-total{text-align:right;display:grid;gap:2px;flex:0 0 auto}.purchase-total span{color:#8f9ba8;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.purchase-total strong{font-size:25px;color:#f6c83e}.match-checkout-form{display:grid;gap:15px}.purchase-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.match-checkout-form label{gap:7px}.match-checkout-form label>span,.purchase-code label>span,.purchase-access label>span{color:#cbd4de;font-size:12px;font-weight:850}.match-checkout-form input,.purchase-access input{min-height:48px;border:1px solid #344150;background:#0a0e13;border-radius:11px;padding:12px 13px;color:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.match-checkout-form input:focus,.purchase-access input:focus{border-color:#f0c341;box-shadow:0 0 0 3px rgba(240,195,65,.12)}.purchase-buyer{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #2d3946;border-radius:14px;background:#0c1117}.purchase-buyer-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f0c341;color:#111;font-weight:950;font-size:18px}.purchase-buyer>div:last-child{display:grid;gap:2px}.purchase-buyer span,.purchase-buyer small{color:#8f9baa;font-size:11px}.purchase-buyer strong{font-size:14px}.purchase-option{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:12px!important;padding:14px 15px!important;border:1px solid #2d3946!important;border-radius:14px!important;background:#0b1016!important;cursor:pointer}.purchase-option:hover{border-color:#465667!important}.purchase-option input{width:19px!important;height:19px!important;min-height:0!important;margin:0;accent-color:#f0c341}.purchase-option span{display:grid;gap:3px}.purchase-option strong{font-size:13px}.purchase-option small{color:#f6c83e;font-size:11px;font-weight:800}.purchase-wallet small{color:#73dfaa}.purchase-code,.purchase-access{border:1px solid #2d3946;border-radius:14px;background:#0b1016;overflow:hidden}.purchase-code summary,.purchase-access summary{list-style:none;padding:14px 15px;cursor:pointer;color:#dbe3ec;font-weight:850;font-size:13px;display:flex;align-items:center;justify-content:space-between}.purchase-code summary::-webkit-details-marker,.purchase-access summary::-webkit-details-marker{display:none}.purchase-code summary:after,.purchase-access summary:after{content:"+";color:#f0c341;font-size:18px;line-height:1}.purchase-code[open] summary:after,.purchase-access[open] summary:after{content:"−"}.purchase-code>div{padding:0 15px 15px}.purchase-bar-name{padding:2px 0}.purchase-bar-name[hidden]{display:none!important}.purchase-pay{width:100%;min-height:58px;border:0;border-radius:13px;background:linear-gradient(180deg,#ffd84f,#f5bd23);color:#090b0e;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:0 18px;cursor:pointer;font-weight:950;box-shadow:0 14px 30px rgba(240,195,65,.18);transition:transform .15s,filter .15s}.purchase-pay:hover{filter:brightness(1.04);transform:translateY(-1px)}.purchase-pay:disabled{opacity:.7;cursor:wait;transform:none}.purchase-pay span{text-align:left;font-size:16px}.purchase-pay strong{font-size:18px}.purchase-pay b{font-size:21px}.purchase-legal{margin:0;text-align:center;color:#778493;font-size:10px;line-height:1.45}.purchase-error{margin:0 0 14px}.purchase-access{margin-top:16px}.purchase-access form{padding:0 15px 15px;display:grid;gap:12px}.purchase-access-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.purchase-access .btn{justify-self:start}.legacy-checkout-wrap{max-width:1040px;margin:0 auto}.checkout-back{display:inline-block;margin:8px 0 4px;color:#aeb8c4;text-decoration:none}.payment-redirect{text-align:center}.payment-redirect p{color:#aeb8c4}
@media(max-width:820px){.match-purchase{grid-template-columns:1fr}.purchase-summary{border-right:0;border-bottom:1px solid #27313d;padding:25px 22px}.purchase-summary-text{max-width:none}.purchase-price{grid-template-columns:1fr auto;align-items:end}.purchase-price strong{font-size:32px}.purchase-benefits{grid-template-columns:repeat(3,1fr);gap:7px;font-size:11px}.purchase-checkout{padding:24px 20px}}
@media(max-width:560px){.match-purchase{margin:22px -2px 30px;border-radius:18px}.purchase-summary{padding:22px 18px}.purchase-summary h2{font-size:28px}.purchase-summary-text{font-size:13px}.purchase-benefits{grid-template-columns:1fr}.purchase-checkout{padding:20px 16px}.purchase-checkout-head{align-items:end}.purchase-checkout-head h2{font-size:23px}.purchase-total strong{font-size:21px}.purchase-fields,.purchase-access-fields{grid-template-columns:1fr}.match-checkout-form input,.purchase-access input{min-height:50px}.purchase-pay{min-height:60px}.purchase-pay span{font-size:15px}.purchase-pay strong{font-size:16px}}
