#card-membership .card-top,#subscription-checkout .card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:11px;line-height:1.5;color:#e8cf83;letter-spacing:0}
#card-membership .button-row{display:flex;flex-wrap:wrap;gap:12px}
#card-membership .button-row button{width:auto;min-height:44px;max-width:100%;padding:12px 20px;white-space:normal;letter-spacing:0}
#card-membership,#subscription-checkout{background:#101216;border-color:#30343a;border-radius:8px}
#card-membership p,#subscription-checkout p{color:#c8ccd2;overflow-wrap:anywhere}
#subscription-checkout .checkout-price{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
#subscription-checkout .checkout-price strong{font-size:40px;color:#ffcf50}
#subscription-checkout .checkout-price span{font-size:11px;color:#e8cf83}
#subscription-checkout .subscription-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
#subscription-checkout .subscription-form[hidden]{display:none}
#subscription-checkout .subscription-form>*{grid-column:1 / -1;min-width:0}
#subscription-checkout .subscription-form>label{display:grid;gap:8px}
#subscription-checkout select{width:100%;min-width:0}
#subscription-checkout .payment-assets{display:flex;gap:12px;padding:0;border:0;margin:24px 0}
#subscription-checkout .payment-assets legend{margin-bottom:12px;color:#d5d9df}
#subscription-checkout .payment-assets label{display:flex;align-items:center;gap:10px;margin:0;padding:14px 22px;border:1px solid #454951;border-radius:6px;cursor:pointer}
#subscription-checkout .payment-assets label:has(:checked){border-color:#ffcf50;background:#ffcf5012;color:#ffcf50}
#subscription-checkout input[type=radio]{width:16px;height:16px;min-height:16px;flex-shrink:0;padding:0;accent-color:#ffcf50;margin:0;box-shadow:none}
#subscription-checkout button{min-height:44px;width:auto;max-width:100%;padding:12px 22px;letter-spacing:0;white-space:normal;margin:8px 8px 8px 0}
#subscription-checkout .payment-help{margin-top:28px;border-top:1px solid #333740;padding-top:18px}
#subscription-checkout summary{cursor:pointer;color:#c8ccd2;padding:8px 0}
#subscription-checkout .payment-quote,#subscription-checkout .payment-progress{border-top:1px solid #333740;margin-top:24px;padding-top:24px}
#subscription-checkout .payment-quote h3{font-size:26px;overflow-wrap:anywhere;color:#ffcf50;line-height:1.4}
#subscription-checkout .payment-quote small{font-size:14px;color:#e7e9ee}
#subscription-checkout code{overflow-wrap:anywhere;white-space:normal}
#subscription-checkout [data-state=verified] h3{color:#9ce0bf}
#subscription-checkout [data-state=pending] h3{color:#ffcf50}
#subscription-checkout .pass-options{border:0;padding:0;margin:16px 0 0;min-width:0}
#subscription-checkout .pass-options legend{margin-bottom:14px;color:#e3e5e9}
#subscription-checkout .pass-options-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#subscription-checkout .pass-option{display:flex;flex-direction:column;gap:10px;padding:16px 12px;border:1px solid #454951;border-radius:6px;cursor:pointer;min-width:0;margin:0;background:#15181c;color:#d5d9df}
#subscription-checkout .pass-option>span:first-child{display:flex;gap:8px;align-items:center;font-size:13px;color:#f5f5f5}
#subscription-checkout .pass-option strong{font-size:24px;line-height:1.2;color:#f5f5f5}
#subscription-checkout .pass-option>span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#subscription-checkout .pass-option:has(:checked){border-color:#ffcf50;background:#272315}
#subscription-checkout .pass-option:has(:focus-visible){outline:2px solid #fff;outline-offset:3px}
#subscription-checkout .pass-saving,#subscription-checkout .pass-discount strong{color:#a8e6c6}
#subscription-checkout .pass-discount s{color:#abb1ba;margin-right:8px}
.premium-gifts [data-gift-preview]:not(:empty){margin-top:20px;line-height:1.6}
@media(max-width:900px){#subscription-checkout .pass-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){#subscription-checkout .pass-option{padding:12px 9px}#subscription-checkout .pass-option strong{font-size:22px}}
