.subscription-page[data-v-0bf60e28]{min-height:100vh;background:linear-gradient(135deg,#f4f8e2,#c2e2fe);padding:20px;padding-top:100px}.container[data-v-0bf60e28]{max-width:428px;margin:0 auto;background:#fff;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.1);overflow:hidden;animation:fadeInUp-0bf60e28 .8s ease-out}@keyframes fadeInUp-0bf60e28{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.header[data-v-0bf60e28]{background:linear-gradient(135deg,#5d6ebb,#d2c9e8);color:#fff;padding:40px 24px;text-align:center;position:relative;overflow:hidden}.header[data-v-0bf60e28]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:float-0bf60e28 6s ease-in-out infinite}@keyframes float-0bf60e28{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.header h1[data-v-0bf60e28]{font-size:24px;font-weight:700;margin-bottom:8px;position:relative;z-index:1}.header p[data-v-0bf60e28]{font-size:16px;opacity:.9;position:relative;z-index:1}.form-section[data-v-0bf60e28]{background:#fff;padding:35px;margin:0}.form-section h3[data-v-0bf60e28]{margin:0 0 30px 0;color:#2c3e50;font-size:22px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:15px}.form-row[data-v-0bf60e28]{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.form-group[data-v-0bf60e28]{display:flex;flex-direction:column}.form-group.full-width[data-v-0bf60e28]{grid-column:1/-1}.form-group label[data-v-0bf60e28]{margin-bottom:10px;font-weight:600;color:#374151;font-size:15px}.form-input[data-v-0bf60e28]{padding:14px 18px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;transition:all .3s ease;background:#f9fafb}.form-input[data-v-0bf60e28]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.1);transform:translateY(-2px)}.form-hint[data-v-0bf60e28]{margin-top:6px;font-size:12px;color:#6b7280;font-style:italic}.subscription-summary[data-v-0bf60e28]{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;padding:25px;margin-bottom:25px;animation:slideDown-0bf60e28 .5s ease-out}@keyframes slideDown-0bf60e28{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.subscription-summary h4[data-v-0bf60e28]{margin:0 0 20px 0;color:#15803d;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.summary-grid[data-v-0bf60e28]{display:grid;gap:12px}.summary-item[data-v-0bf60e28]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-radius:8px;border:1px solid #bbf7d0}.summary-item .label[data-v-0bf60e28]{font-size:14px;color:#6b7280;font-weight:500}.summary-item .value[data-v-0bf60e28]{font-size:14px;color:#15803d;font-weight:700}.form-actions[data-v-0bf60e28]{margin-top:35px;text-align:center}.btn-create-subscription[data-v-0bf60e28]{padding:18px 36px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.btn-create-subscription[data-v-0bf60e28]:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-3px);box-shadow:0 12px 30px rgba(59,130,246,.4)}.btn-create-subscription[data-v-0bf60e28]:disabled{opacity:.6;cursor:not-allowed;transform:none}.subscription-result[data-v-0bf60e28]{background:#fff;padding:35px;border-top:1px solid #e9ecef}.subscription-result h4[data-v-0bf60e28]{margin:0 0 25px 0;color:#10b981;font-size:20px;font-weight:600}.result-box[data-v-0bf60e28]{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;padding:25px;margin-bottom:25px}.result-details[data-v-0bf60e28]{display:flex;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.result-details strong[data-v-0bf60e28]{color:#1f2937;font-size:16px}.result-details .amount[data-v-0bf60e28]{color:#10b981;font-weight:700;font-size:16px}.result-details .period[data-v-0bf60e28]{color:#6b7280;font-style:italic}.billing-info[data-v-0bf60e28]{margin-top:15px;padding-top:15px;border-top:1px solid #bbf7d0}.billing-info p[data-v-0bf60e28]{margin:5px 0;font-size:13px;color:#6b7280;font-family:monospace}.result-actions[data-v-0bf60e28]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-reset[data-v-0bf60e28],.btn-test[data-v-0bf60e28]{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-reset[data-v-0bf60e28]{background:#6b7280;color:#fff}.btn-reset[data-v-0bf60e28]:hover{background:#4b5563;transform:translateY(-2px)}.btn-test[data-v-0bf60e28]{background:#f59e0b;color:#fff}.btn-test[data-v-0bf60e28]:hover{background:#d97706;transform:translateY(-2px)}.popup-overlay[data-v-0bf60e28]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.popup[data-v-0bf60e28]{background:#fff;border-radius:24px;padding:32px 24px;max-width:320px;width:90%;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.2);animation:popupAppear-0bf60e28 .3s ease-out}@keyframes popupAppear-0bf60e28{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-icon[data-v-0bf60e28]{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px}.popup.success .popup-icon[data-v-0bf60e28]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.popup.error .popup-icon[data-v-0bf60e28]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.popup h3[data-v-0bf60e28]{font-size:20px;font-weight:700;margin-bottom:12px;color:#1f2937}.popup p[data-v-0bf60e28]{font-size:16px;color:#6b7280;margin-bottom:24px;line-height:1.5}.popup-button[data-v-0bf60e28]{width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.popup.success .popup-button[data-v-0bf60e28]{background:#10b981;color:#fff}.popup.error .popup-button[data-v-0bf60e28]{background:#ef4444;color:#fff}.popup-button[data-v-0bf60e28]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}@media screen and (max-width:430px){.container[data-v-0bf60e28]{margin:10px auto;border-radius:20px}.form-row[data-v-0bf60e28]{grid-template-columns:1fr;gap:20px}.form-section[data-v-0bf60e28]{padding:25px 20px}.result-actions[data-v-0bf60e28]{flex-direction:column}.result-actions .btn-text[data-v-0bf60e28]{display:none}}@supports (padding:max(0px)){.container[data-v-0bf60e28]{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media screen and (device-width:430px) and (device-height:932px) and (-webkit-device-pixel-ratio:3){.container[data-v-0bf60e28]{margin:10px auto;border-radius:20px;transform:scale(1.03);transform-origin:top center}.form-row[data-v-0bf60e28]{grid-template-columns:1fr;gap:24px}.form-section[data-v-0bf60e28]{padding:28px 22px}.result-actions[data-v-0bf60e28]{flex-direction:column}.result-actions .btn-text[data-v-0bf60e28]{display:none}.btn-create-subscription[data-v-0bf60e28],.form-input[data-v-0bf60e28],.popup-button[data-v-0bf60e28]{font-size:18px}.header h1[data-v-0bf60e28]{font-size:28px}.header p[data-v-0bf60e28]{font-size:18px}}.payment-loading-overlay[data-v-0bf60e28]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-loading-content[data-v-0bf60e28]{background:#fff;padding:40px;border-radius:20px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:320px;width:90%}.loading-spinner[data-v-0bf60e28]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4c6ef5;border-radius:50%;animation:spin-0bf60e28 1s linear infinite;margin:0 auto 20px}@keyframes spin-0bf60e28{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-loading-content h3[data-v-0bf60e28]{margin:0 0 10px 0;color:#2c3e50;font-size:18px}.payment-loading-content p[data-v-0bf60e28]{margin:0;color:#6b7280;font-size:14px}.notification[data-v-0bf60e28]{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 10px 25px rgba(0,0,0,.15);display:flex;align-items:center;gap:12px;z-index:1000;min-width:300px;max-width:400px;border-left:4px solid}.notification.success[data-v-0bf60e28]{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.notification.error[data-v-0bf60e28]{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fef1f1)}.notification.warning[data-v-0bf60e28]{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.notification.info[data-v-0bf60e28]{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.notification i[data-v-0bf60e28]{font-size:18px}.notification.success i[data-v-0bf60e28]{color:#10b981}.notification.error i[data-v-0bf60e28]{color:#ef4444}.notification.warning i[data-v-0bf60e28]{color:#f59e0b}.notification.info i[data-v-0bf60e28]{color:#3b82f6}.notification span[data-v-0bf60e28]{flex:1;font-size:14px;font-weight:500;color:#374151}.notification-close[data-v-0bf60e28]{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#9ca3af;transition:all .2s}.notification-close[data-v-0bf60e28]:hover{background:rgba(0,0,0,.05);color:#6b7280}.notification-enter-active[data-v-0bf60e28],.notification-leave-active[data-v-0bf60e28]{transition:all .3s ease}.notification-enter-from[data-v-0bf60e28],.notification-leave-to[data-v-0bf60e28]{opacity:0;transform:translateX(100px)}