.payment-popup-overlay{z-index:1000;box-sizing:border-box;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}button.cd-trigger.plan-dropdown-trigger{border-radius:var(--radius)}.payment-popup{background:var(--bg-primary);width:100%;max-width:760px;box-shadow:var(--shadow-md);color:var(--text-primary);border-radius:14px;max-height:100vh;padding:24px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;position:relative;overflow-y:auto}.close-btn{background:var(--bg-tertiary);cursor:pointer;color:#8e8e93;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:background-color .15s;display:flex;position:absolute;top:12px;right:12px}.close-btn:hover{background:var(--border)}.payment-popup-content{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr);align-items:stretch;gap:24px;display:grid}.payment-popup-left{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.payment-text-block h3{margin-bottom:8px;font-size:22px;font-weight:600}.payment-text-block p{color:var(--text-secondary);font-size:15px}.payment-popup-right{flex-direction:column;gap:16px;display:flex}.payment-popup-right>h3{margin:0;font-size:17px;font-weight:600}.input-group{flex-direction:column;gap:6px;width:100%;display:flex}.input-group label{color:#8e8e93;text-transform:uppercase;letter-spacing:.2px;font-size:13px;font-weight:400}.input-group input[type=email]{border:.5px solid var(--border);background-color:var(--bg-secondary);min-height:44px;color:var(--text-primary);-webkit-appearance:none;border-radius:10px;outline:none;padding:11px 16px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:17px;transition:border-color .2s,box-shadow .2s}.input-group input[type=email]:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1f}.input-group input[type=email]::placeholder{color:#8e8e93}.plan-select{border:.5px solid var(--border);background:var(--bg-secondary);min-height:44px;color:var(--text-primary);cursor:pointer;-webkit-appearance:none;border-radius:10px;padding:11px 16px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:17px;transition:border-color .2s}.plan-select:focus{border-color:#007aff;outline:none}.plan-info{background:var(--bg-secondary);color:var(--text-primary);border-radius:10px;padding:16px;font-size:15px}.plan-info-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.plan-info-title{font-size:17px;font-weight:600}.plan-info-price-block{align-items:baseline;gap:6px;display:flex}.plan-info-price{color:var(--text-primary);font-size:20px;font-weight:700}.plan-info-old-price{color:#8e8e93;font-size:15px;text-decoration:line-through}.plan-info-duration{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.plan-info-next{color:var(--accent-warning);font-size:13px;font-weight:600}.plan-info-promo{color:var(--accent-success);margin-top:4px;font-size:13px;font-weight:500}.payment-error{background:var(--bg-secondary);color:var(--accent-error);border-left:3px solid var(--accent-error);border-radius:10px;margin:8px 0;padding:12px 16px;font-size:13px;font-weight:500}.checkbox-main{text-align:left;color:var(--text-secondary);align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.left-checkbox{cursor:pointer;flex-shrink:0;align-items:center;margin-top:2px;display:flex}.checkbox{cursor:pointer;background:var(--bg-tertiary);border:none;border-radius:6px;width:22px;height:22px;transition:background-color .2s;position:relative}.checkbox.true{background:#007aff}.checkbox.true>.chekbox-active{opacity:1}.chekbox-active{opacity:0;color:#fff;width:14px;height:14px;transition:opacity .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-payment{line-height:1.5}.link{color:#007aff;text-decoration:none}.link:hover{text-decoration:underline}.button.payment-confirm{-webkit-appearance:none;border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:50px;margin-top:4px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.button.payment-confirm.active{color:#fff;cursor:pointer;background:#007aff}.button.payment-confirm.disabled{background:var(--bg-tertiary);color:#8e8e93;cursor:not-allowed}.button.payment-confirm.active:active{opacity:.65;transform:scale(.98)}.payment-methods-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.payment-method-item{cursor:pointer;background:var(--bg-secondary);color:var(--text-primary);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;transition:background-color .15s;display:flex}.payment-method-item:hover{background:var(--bg-tertiary)}.payment-method-item.active{background:var(--bg-tertiary);outline-offset:-2px;outline:2px solid #007aff}.pm-icon{object-fit:contain;width:32px;height:32px}.pm-label{text-align:center;font-size:11px;font-weight:500}.payment-saved-list{flex-direction:column;gap:8px;display:flex}.payment-method-option{cursor:pointer;background:var(--bg-secondary);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:background-color .15s;display:flex}.payment-method-option--selected{background:var(--bg-tertiary);outline-offset:-2px;outline:2px solid #34c759}.payment-method-option__icon{object-fit:contain;flex-shrink:0;width:28px;height:28px}.payment-method-option__info{flex:1;min-width:0}.payment-method-option__name{color:var(--text-primary);font-size:15px;font-weight:600}.payment-method-option__details{color:#8e8e93;font-size:13px}.payment-method-option__label{color:var(--text-primary);font-size:15px}.payment-method-badge{background:var(--bg-tertiary);color:var(--accent-success);white-space:nowrap;border-radius:10px;padding:4px 8px;font-size:11px;font-weight:600}.payment-method-radio{background:0 0;border:2px solid #c7c7cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.payment-method-radio--selected{background:#34c759;border-color:#34c759}.payment-method-radio__dot{background:#fff;border-radius:50%;width:8px;height:8px}.feedback-socials-sep{color:#8e8e93;align-items:center;gap:8px;margin:8px 0 4px;font-size:11px;display:flex}.feedback-socials-sep:before,.feedback-socials-sep:after{content:"";background:var(--border-light);flex:1;height:.5px}.feedback-socials{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.payment-modal{width:100%;max-width:480px}.payment-modal-body{flex-direction:column;gap:14px;display:flex}.payment-modal-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.payment-trial-hint{color:var(--accent-success);font-size:var(--font-size-xs);margin-top:3px}@media (max-width:768px){.payment-popup-overlay{align-items:flex-start;padding:8px}.payment-popup{max-width:100%;max-height:none;padding:20px;overflow-y:visible}.payment-popup-content{grid-template-columns:1fr;gap:16px}.payment-popup-left{display:none}.payment-methods-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-color-scheme:dark){.payment-popup{background:#1c1c1e}.checkbox{background:#39393d}.checkbox.true,.button.payment-confirm.active{background:#0a84ff}.payment-method-item.active{outline-color:#0a84ff}.payment-method-option--selected{outline-color:#30d158}.payment-method-radio{border-color:#48484a}.payment-method-radio--selected{background:#30d158;border-color:#30d158}.input-group input[type=email]:focus{box-shadow:0 0 0 3px #007aff40}}
