.payment-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:32px;background:#050c18bd;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1600;opacity:0;pointer-events:none;transition:opacity .22s ease}.payment-modal.is-open{opacity:1;pointer-events:auto}.payment-modal__backdrop{position:absolute;inset:0}.payment-modal__dialog{position:relative;width:min(980px,100%);max-height:90vh;display:grid;grid-template-columns:340px 1fr;gap:32px;border-radius:28px;background:linear-gradient(135deg,#20293ceb,#0c101af2);border:1px solid rgba(110,168,255,.18);box-shadow:0 40px 120px #060e22ad;padding:36px;color:#f1f5ff;overflow-y:auto;overflow-x:hidden}.payment-modal__rays{position:absolute;inset:-120px;background:radial-gradient(480px at 18% 20%,rgba(29,209,161,.22),transparent),radial-gradient(520px at 82% -10%,rgba(102,126,234,.18),transparent);opacity:.7;filter:blur(12px);pointer-events:none}.payment-modal__dialog:after{content:"";position:absolute;inset:0;background:radial-gradient(160px at var(--glow-x, 68%) var(--glow-y, 18%),rgba(29,209,161,.32),transparent 62%);opacity:.45;pointer-events:none;transition:--glow-x .2s ease,--glow-y .2s ease}.payment-modal__header{position:relative;grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:24px}.payment-modal__title-group{display:flex;flex-direction:column;gap:6px}.payment-modal__title{font-size:1.75rem;font-weight:700;letter-spacing:.02em}.payment-modal__subtitle{font-size:.98rem;color:#e2e8f0bf;max-width:520px;line-height:1.6}.payment-modal__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:42px;height:42px;border-radius:14px;background:#0f172a9e;color:#f1f5ff;font-size:1.35rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid rgba(148,163,184,.18);transition:transform .15s ease,background .18s ease,border-color .18s ease}.payment-modal__close:hover{background:#334155bd;border-color:#60a5fa99;transform:translateY(-1px)}.payment-modal__content{position:relative;display:contents}.payment-modal__plans{position:relative;display:flex;flex-direction:column;gap:18px}.payment-modal__pill{align-self:flex-start;padding:6px 14px;border-radius:999px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;background:#3b82f638;color:#dbeafe;border:1px solid rgba(96,165,250,.3)}.payment-modal__plan-group{display:grid;gap:16px}.payment-modal__plan-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.18);background:#0f172ab3;border-radius:18px;padding:20px;text-align:left;display:grid;gap:12px;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.payment-modal__plan-card:hover{transform:translateY(-2px);border-color:#3b82f66b;box-shadow:0 18px 40px #0b1b3061}.payment-modal__plan-card.is-active{border-color:#1dd1a1b8;background:linear-gradient(145deg,#0f172af2,#111827d9);box-shadow:0 22px 50px #1dd1a138}.payment-modal__plan-heading{display:flex;align-items:center;justify-content:space-between}.payment-modal__plan-name{font-size:1.1rem;font-weight:600}.payment-modal__plan-price{font-size:1.45rem;font-weight:700}.payment-modal__plan-badge{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#1dd1a129;color:#afffe7;border:1px solid rgba(29,209,161,.35)}.payment-modal__plan-description{font-size:.9rem;color:#e2e8f0bf;line-height:1.6}.payment-modal__features{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#e2e8f0b8}.payment-modal__features span{display:inline-flex;align-items:center;gap:8px}.payment-modal__features span:before{content:"";width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,#1dd1a1,#60a5fa);box-shadow:0 0 14px #1dd1a161}.payment-modal__details{position:relative;display:flex;flex-direction:column;gap:18px}.payment-modal__summary{border-radius:18px;padding:18px;background:#0c1420cc;border:1px solid rgba(148,163,184,.16);display:grid;gap:12px}.payment-modal__summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.92rem;color:#e2e8f0c7}.payment-modal__summary-price{display:flex;align-items:baseline;gap:6px;font-weight:700;font-size:1.55rem}.payment-modal__summary-note{font-size:.78rem;color:#94a3b8b3;line-height:1.4}.payment-modal__coupon{display:grid;gap:8px}.payment-modal__coupon-controls{display:flex;align-items:center;gap:12px}.payment-modal__coupon-input{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:14px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);background:#0f172a9e;color:#f1f5ff;font-size:.92rem;outline:none}.payment-modal__coupon-input:focus{border-color:#60a5fa99}.payment-modal__coupon-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.18);background:#0f172a9e;color:#f1f5ff;border-radius:14px;padding:10px 14px;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .15s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.payment-modal__coupon-button:hover:not([disabled]){transform:translateY(-1px);background:#334155bd;border-color:#60a5fa99}.payment-modal__coupon-button[disabled]{cursor:not-allowed;opacity:.6}.payment-modal__coupon-status{min-height:16px;font-size:.8rem;color:#94a3b8cc}.payment-modal__coupon-status.is-info{color:#94c5ffe0}.payment-modal__coupon-status.is-success{color:#a1ffd6eb}.payment-modal__coupon-status.is-error{color:#f87171e6}.payment-modal__element{border-radius:18px;padding:18px;border:1px solid rgba(148,163,184,.18);background:#0c121eb8;min-height:170px}.payment-modal__status{min-height:22px;font-size:.85rem;color:#e2e8f0bf}.payment-modal__status.is-info{color:#94c5ffe0}.payment-modal__status.is-success{color:#a1ffd6eb}.payment-modal__status.is-error{color:#f87171e6}.payment-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-modal__confirm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:16px;padding:14px 22px;font-weight:700;font-size:1rem;cursor:pointer;background:linear-gradient(135deg,#1dd1a1,#60a5fa);color:#04111d;box-shadow:0 16px 40px #1dd1a152;transition:transform .18s ease,box-shadow .18s ease}.payment-modal__confirm:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 22px 56px #1dd1a161}.payment-modal__confirm[disabled]{cursor:wait;opacity:.65;box-shadow:none}.payment-modal__paysafecard-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(110,168,255,.28);border-radius:16px;padding:14px 22px;font-weight:600;font-size:1rem;cursor:pointer;background:#0081c91f;color:#f1f5ff;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .18s ease}.payment-modal__paysafecard-button:hover:not([disabled]){background:#0081c938;border-color:#0081c97a;transform:translateY(-1px)}.payment-modal__paysafecard-button:active:not([disabled]){transform:translateY(0)}.payment-modal__paysafecard-button[disabled]{cursor:wait;opacity:.55}.payment-modal__paysafecard-button svg{flex-shrink:0}.payment-modal__wallet-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(29,209,161,.28);border-radius:16px;padding:14px 22px;font-weight:600;font-size:1rem;cursor:pointer;background:#1dd1a11f;color:#f1f5ff;display:flex;align-items:center;justify-content:flex-start;gap:10px;transition:all .18s ease;margin-top:12px}.payment-modal__wallet-button:hover:not([disabled]){background:#1dd1a138;border-color:#1dd1a17a;transform:translateY(-1px)}.payment-modal__wallet-button:active:not([disabled]){transform:translateY(0)}.payment-modal__wallet-button[disabled]{cursor:wait;opacity:.55}.payment-modal__wallet-button svg{flex-shrink:0}.payment-modal__loader{width:18px;height:18px;border-radius:50%;border:3px solid rgba(148,163,184,.35);border-top-color:#60a5fa;animation:payment-modal-spin 1s linear infinite}.payment-modal__legal{font-size:.75rem;color:#94a3b8a6;line-height:1.5}@keyframes payment-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1080px){.payment-modal__dialog{grid-template-columns:1fr;gap:28px}.payment-modal__header{grid-column:1}}@media (max-width: 720px){.payment-modal{padding:18px}.payment-modal__dialog{padding:24px;border-radius:22px}.payment-modal__title{font-size:1.45rem}.payment-modal__plan-card{padding:18px}.payment-modal__actions{flex-direction:column;align-items:stretch}.payment-modal__confirm{width:100%}}