/* Adapted from Uiverse.io by Yaya12085. Scoped to premium pricing and checkout. */
body[data-page="premium"] .pricing-row{display:grid;grid-template-columns:repeat(3,minmax(0,350px));justify-content:center;align-items:stretch;gap:24px}
body[data-page="premium"] .pricing-row .pack-container{position:relative;display:flex;width:100%;max-width:350px;min-height:0;flex-direction:column;border-radius:12px!important;background:#212121!important;border:1px solid #fff!important;padding:1.6rem;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important}
body[data-page="premium"] .pack-container .pack-header{position:relative;margin:0 0 2rem;overflow:hidden;border-radius:0;border-bottom:1px solid #fff;background:transparent;padding-bottom:1rem;text-align:center}
body[data-page="premium"] .pack-container .pack-title{display:block;font-size:.875rem;line-height:1.25rem;text-transform:uppercase;font-weight:500;letter-spacing:.1em;color:#fff;margin:0}
body[data-page="premium"] .pack-container .lead{font-size:.8rem;line-height:1.5;color:#ccc;font-weight:400;margin:14px 0 0}
body[data-page="premium"] .pack-container .price-container{margin:10px 0 0;display:flex;justify-content:center;align-items:flex-start;gap:4px;font-size:4.5rem;line-height:1;color:#fff;font-weight:400;letter-spacing:-.025em}
body[data-page="premium"] .price-container .currency{margin-top:10px;font-size:2.25rem;line-height:2.5rem}
body[data-page="premium"] .price-container .big{font-size:4.5rem;line-height:1;font-weight:400;letter-spacing:-.025em;color:#fff}
body[data-page="premium"] .price-container .period{align-self:flex-end;font-size:1rem;line-height:2rem;letter-spacing:0;color:#ccc;white-space:nowrap}
body[data-page="premium"] .pack-container .features{margin:0;display:flex;flex-direction:column;gap:8px;flex:1;font-size:.875rem;line-height:1.4;color:#fff}
body[data-page="premium"] .pack-container .feat{display:flex;align-items:center;gap:10px;padding:0;color:#fff;min-height:36px}
body[data-page="premium"] .pack-container .feat i{border-radius:50%;border:1px solid #ffffff3d;background:#ffffff2f;height:30px;width:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
body[data-page="premium"] .pack-container .cta{margin-top:20px;padding:0}
body[data-page="premium"] .pack-container .btn-subscribe{display:block;margin:0;width:100%;background:#fff!important;padding:10px 20px;text-transform:uppercase;color:#000!important;border:1px solid #fff!important;border-radius:10px!important;font-size:.8rem;line-height:1.5;letter-spacing:.06em;font-weight:700;transition:background .2s,color .2s}
body[data-page="premium"] .pack-container .btn-subscribe:hover{background:transparent!important;color:#fff!important;transform:none}
body[data-page="premium"] .pack-container .pill-popular{position:static;transform:none;align-self:center;display:inline-block;margin:0 0 18px;padding:4px 12px;border-radius:6px;background:#fff!important;color:#000!important;font-size:10px;letter-spacing:.12em;box-shadow:none}
body[data-page="premium"] .pack-container .sepline{display:none}
body[data-page="premium"] .pricing-row .pack-container:hover{border-color:#fff!important;box-shadow:0 16px 36px #0003!important}
#paymentModal{background:#000b;backdrop-filter:blur(10px);padding:20px;overflow-y:auto}
#paymentModal .pay-modal-card{background:#212121!important;border:1px solid #ffffffb3!important;border-radius:12px!important;padding:36px 28px 28px;max-height:calc(100dvh - 40px);overflow-y:auto;color:#fff;box-shadow:0 24px 90px #0008!important}
#paymentModal .pm-header{background:transparent;border-bottom:1px solid #ffffff70;padding:0 0 22px;margin:0 0 24px;gap:18px;align-items:flex-start;flex-wrap:wrap}
#paymentModal .pm-merchant-title{font-size:15px;letter-spacing:.02em;color:#fff}
#paymentModal .pm-avatar{border:1px solid #ffffff3d;border-radius:10px;background:#ffffff15;box-shadow:none;flex-shrink:0}
#paymentModal .pm-subtitle,#paymentModal .pm-paying-text,#paymentModal .pm-section-title,#paymentModal .upi-sub,#paymentModal .pm-note,#paymentModal .pm-sub-center,#paymentModal .pm-success-text,#paymentModal .pm-qr-amount-text{color:#bfbfbf}
#paymentModal .pm-amount-wrap{text-align:left}
#paymentModal .pm-amount{font-weight:400;font-size:30px;letter-spacing:-1px;color:#fff}
#paymentModal .pm-section-title{font-size:10px;letter-spacing:.16em;margin-bottom:14px}
#paymentModal .upi-row,#paymentModal .pm-info-box{background:#ffffff08;border:1px solid #ffffff30;border-radius:10px;box-shadow:none;color:#ccc}
#paymentModal .upi-icon-circle{background:#ffffff20;border:1px solid #ffffff3d}
#paymentModal .upi-title,#paymentModal .pm-title-center,#paymentModal .pm-success-title,#paymentModal .pm-qr-amount-val{color:#fff}
#paymentModal .pm-big-btn{display:block;background:#fff!important;color:#000!important;border:1px solid #fff!important;border-radius:10px!important;padding:12px 18px;box-shadow:none!important;font-size:13px;letter-spacing:.03em;transition:background .2s,color .2s}
#paymentModal .pm-big-btn:hover{background:transparent!important;color:#fff!important;transform:none}
#paymentModal .pm-close{width:30px;height:30px;top:8px;right:8px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:8px;color:#ddd;background:#ffffff08;font-size:14px}
#paymentModal .pm-close:hover{background:#ffffff20;color:#fff!important}
#paymentModal .pm-input{background:#181818!important;border:1px solid #ffffff50!important;color:#fff!important}
#paymentModal .pm-input:focus-visible,#paymentModal button:focus-visible{outline:2px solid #fff;outline-offset:4px}
#paymentModal .pm-success-icon{background:#ffffff15;border:1px solid #ffffff60;box-shadow:none;color:#fff}
#paymentModal .pm-link-btn{color:#fff;background:transparent;border:1px solid #ffffff50;border-radius:10px;padding:12px;box-shadow:none}
#paymentModal .pm-link-btn:hover{background:#ffffff15;color:#fff!important}
#paymentModal #pm-payment-id{color:#fff!important;overflow-wrap:anywhere}
#paymentModal.show .pay-modal-card{animation:checkout-enter .25s ease-out}
@keyframes checkout-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:900px){body[data-page="premium"] .pricing-row{grid-template-columns:minmax(0,350px);gap:26px}}
@media(max-width:480px){#paymentModal{padding:12px}#paymentModal .pay-modal-card{padding:40px 20px 24px;max-width:100%;max-height:calc(100dvh - 24px)}body[data-page="premium"] .pack-container .price-container,body[data-page="premium"] .price-container .big{font-size:3.75rem}}
@media(prefers-reduced-motion:reduce){#paymentModal.show .pay-modal-card{animation:none}#paymentModal .pm-big-btn,body[data-page="premium"] .pack-container .btn-subscribe{transition:none}}