.pricing-card-row{display:flex;gap:24px;align-items:stretch}.pricing-card-row .pricing-card{flex:1 1 0;min-height:100%;display:flex;flex-direction:column}.pricing-card{display:flex;flex-direction:column;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease;position:relative;min-height:420px}.pricing-card.featured{border:2px solid #5b7fd8;transform:scale(1.05)}.pricing-card-badge{background:linear-gradient(135deg,#5b7fd8,#4a67b3);color:#fff;width:100%;box-sizing:border-box;padding:12px 0;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:0 0 16px;border-radius:0;text-align:center}.pricing-card-content{padding:0 20px 20px;display:flex;flex-direction:column;flex:1}.pricing-card-name{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pricing-card-price{font-size:20px;font-weight:700;color:#1a1a1a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pricing-card-period{font-size:12px;color:#888;margin-left:8px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pricing-card-billing-toggle{display:flex;gap:0;margin-bottom:24px;background:#f3f4f6;padding:4px;border-radius:9999px;justify-content:space-between;align-items:center;width:100%;max-width:320px;margin-left:auto;margin-right:auto;border:none;position:relative;overflow:hidden;z-index:1}.pricing-card-billing-toggle:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#fff;border-radius:9999px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;z-index:0}.pricing-card-billing-toggle:has(.billing-option:last-child.active):before{transform:translate(calc(100% + 8px))}.billing-option{flex:1;padding:8px 16px;border:none;outline:none;background:transparent;color:#6b7280;font-weight:600;cursor:pointer;border-radius:0;transition:all .3s ease;font-size:14px;position:relative;letter-spacing:0;border-bottom:none;z-index:10;text-align:center;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.billing-option:hover:not(.active){color:#1f2937}.billing-option:focus{outline:none}.billing-option:nth-child(1).active{background:transparent;color:#2563eb;box-shadow:none;font-weight:700;border-bottom:none;border-radius:0;margin:0;padding:8px 16px}.billing-option:nth-child(2).active{background:transparent;color:brown;box-shadow:none;font-weight:700;border-bottom:none;border-radius:0;margin:0;padding:8px 16px}.billing-option:last-child{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.savings-badge{display:inline-block;position:relative;right:auto;top:auto;transform:none;background:#22c55e;color:#fff;font-size:11px;padding:4px 10px;border-radius:9999px;font-weight:700;box-shadow:0 2px 8px #22c55e4d;letter-spacing:.5px;white-space:nowrap}.pricing-card-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;flex:1}.pricing-card-feature{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#555;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pricing-card-button{padding:12px 28px;background:linear-gradient(135deg,#5b7fd8,#4a67b3);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pricing-card-button:hover:not(:disabled){background:linear-gradient(135deg,#4a67b3,#3a5299);box-shadow:0 6px 16px #5b7fd866;transform:translateY(-2px)}.pricing-card-button:active:not(:disabled){transform:translateY(0)}.pricing-card-button.current-plan,.pricing-card-button:disabled{background:#e0e0e0;color:#999}.pricing-card-button.current-plan{cursor:pointer}.pricing-card-button:disabled{cursor:not-allowed}.current-plan-checkmark{font-size:2.5rem;color:#2b802f;font-weight:700;margin-bottom:.5rem}@media(max-width:768px){.pricing-card.featured{transform:scale(1.02)}.pricing-card-name{font-size:20px}.pricing-card-price{font-size:30px}.pricing-card-content{padding:16px 14px}}@media(max-width:480px){.pricing-card{border-radius:12px}.pricing-card-badge{width:100%;margin:0 0 12px;padding:10px 0;border-radius:0;text-align:center}.pricing-card-content{padding:14px 10px}.pricing-card-name{font-size:18px}.pricing-card-price{font-size:24px}.pricing-card-feature{font-size:13px}}.features{list-style:none;padding:0;margin:2rem 0;text-align:center;flex-grow:1}.features li{padding:.8rem 0;color:#333;font-size:.95rem;line-height:1.6;position:relative}.plan-type-1{background:#f0f6fc}.plan-type-2{background:#dce9f2}.plan-type-3{background:#eef2cd}.feature-card{max-width:1000px;margin:0 auto;padding:1.5rem 2rem;border-radius:12px;text-align:left}.feature-card:nth-child(-n+3){background:#f0f6fc}.feature-card:nth-child(n+4):nth-child(-n+6){background:#dce9f2}.feature-card:nth-child(n+7){background:#eef2cd}.feature-card p{margin:0;line-height:1.5;color:#333}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#0a1f2e;letter-spacing:-.3px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:600;font-size:.95rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group label{display:flex;align-items:center;margin:0;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{margin-right:.5rem;cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing h2{font-size:2.2rem}}@media(max-width:768px){.features{padding:3rem 1.5rem}.features h2,.cta-section h2{font-size:1.85rem;margin-bottom:2rem}.pricing h2{font-size:1.85rem;color:#172a3a}.pricing>p{color:#5f6b7a}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem}.pricing{padding:3.2rem 1.5rem}.pricing>p{font-size:1rem;margin-bottom:2.2rem}.pricing-grid{grid-template-columns:1fr;gap:1.8rem}.cta-section{padding:3rem 1.5rem}.form-group{margin-bottom:1.25rem}.form-input,.form-textarea{font-size:16px}.checkbox-group{gap:.5rem}.checkbox-group label{font-size:.9rem}}@media(max-width:480px){.features h2,.pricing h2,.cta-section h2{font-size:1.5rem;color:#172a3a}.feature-card h3{font-size:1.1rem}.feature-card p,.form-group label{font-size:.9rem}.checkbox-group label{font-size:.85rem}}.subscription-page{min-height:100vh;padding:2rem;background-image:linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:40px 40px}.subscription-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.subscription-container>h1{text-align:center;margin-bottom:3rem;font-size:1.5rem;color:#333;font-weight:600}.subscription-page-heading{text-align:center;margin-bottom:2rem;font-size:1.5rem;color:#333;font-weight:600}.pricing-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(320px,350px));gap:2.2rem;animation:fadeInUp .6s ease-out;justify-content:center}.pricing-card-wrapper{position:relative}.pricing-card-wrapper.current-plan{border-radius:12px}.no-plans{text-align:center;padding:3rem;background:#fff;border-radius:8px;color:#666}@media(max-width:768px){.subscription-page{padding:1rem}.pricing-grid{display:block;gap:1.5rem}}.cancel-subscription-page{min-height:100vh;padding:3rem 2rem 2rem;display:flex;justify-content:center;align-items:flex-start;background-image:linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:40px 40px}.pricing-plan-details{background:#fff;border:3px solid #FF6B6B;border-top:5px solid #2b5a80;border-radius:12px;padding:40px 28px;text-align:center;transition:all .3s;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000001a;margin-bottom:1.5rem;overflow:hidden}.pricing-plan-details:hover{box-shadow:0 16px 40px #0003;transform:translateY(-12px)}.pricing-card{max-width:500px;margin:0 auto 2rem;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;border:none;background:#fff5f5}.pricing-card-name{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-align:center}.pricing-card-price-section{display:flex;align-items:baseline;justify-content:center;margin-bottom:16px}.pricing-card-price{font-size:1.5rem;font-weight:700;color:#1a1a1a}.pricing-card-period{font-size:1rem;color:#888;margin-left:8px}.pricing-card-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%}.pricing-card-feature{display:flex;align-items:flex-start;gap:12px;font-size:1rem;color:#555;line-height:1.4}.feature-check-icon{width:20px;height:20px;flex-shrink:0;margin-top:2px}.cancel-subscription-container{width:100%;max-width:500px;margin:0 auto}.cancel-card{background:#fff;border-radius:12px;padding:1.25rem 2rem 2rem;box-shadow:0 4px 16px #0000001a;border:2px solid #f0f0f0}.cancel-success-card{align-items:center;text-align:center;padding:3rem 2rem}.cancel-success-card .success-icon{display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto 1.5rem;width:80px;height:80px}.cancel-success-card h1{color:#333;margin-bottom:.5rem}.cancel-success-card .success-text{color:#666;margin-bottom:2rem;font-size:1rem}.cancel-success-card .form-back-btn{display:block;margin:0 auto}.warning-icon{text-align:center;font-size:2rem;margin-bottom:.25rem}.subscription-summary{background-color:#f9f9f9;border-radius:8px;font-size:1rem;margin-bottom:2rem;border-left:4px solid #5b7cb5}.subscription-summary h2{padding:2.5rem 2rem 2rem;color:#333;margin:0 0 1rem;font-weight:600}.summary-details{display:flex;flex-direction:column;gap:.75rem}.summary-details p{margin:0;color:#555;font-size:.95rem}.summary-details strong{color:#333;font-weight:600}.status{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.status.pending{background-color:#d8f5c0;color:#333761}.confirmation-message{background-color:#ffeaea;border:1px solid #ffb3b3;border-radius:8px;padding:1rem;margin-bottom:1.25rem;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.92rem}.confirmation-message p{margin:0;color:#ffb3b3;font-size:.82rem;font-weight:500;letter-spacing:.3px;text-align:center}.confirmation-message p:first-child{font-weight:700;margin-bottom:.75rem;font-size:.9rem;letter-spacing:.4px;color:#ffb3b3;text-align:center}.warning-text{color:#ffb3b3;font-size:.8rem;margin-top:.75rem!important;font-weight:500;letter-spacing:.3px}.button-group{display:flex;gap:1rem;justify-content:center}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background-color:#e9ecef;color:#333;border:2px solid #dee2e6}.btn-cancel:hover:not(:disabled){background-color:#dee2e6;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.btn-confirm{background-color:#dc3545;color:#fff;border:2px solid #dc3545}.btn-confirm:hover:not(:disabled){background-color:#c82333;border-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-back{background-color:#5b7cb5;color:#fff;border:2px solid #5b7cb5;width:100%}.btn-back:hover:not(:disabled){background-color:#4a6391;border-color:#4a6391;transform:translateY(-2px);box-shadow:0 4px 12px #5b7cb54d}.no-subscription{text-align:center}.no-subscription h1{font-size:1.5rem;color:#333;margin-bottom:1rem}.no-subscription p{color:#666;margin-bottom:2rem}.pricing-plan-details[data-plan-type="2"]~.button-row .submit-btn{background-color:#ff6b6b;color:#fff;font-weight:700}.pricing-plan-details[data-plan-type="2"]~.button-row .submit-btn:hover:not(:disabled){background-color:#e85d5d;color:#fff;box-shadow:0 6px 16px #ff6b6b4d;transform:translateY(-2px)}.pricing-plan-details[data-plan-type="3"]~.button-row .submit-btn{background-color:#ff6b6b;color:#fff;font-weight:700}.pricing-plan-details[data-plan-type="3"]~.button-row .submit-btn:hover:not(:disabled){background-color:#e85d5d;color:#fff;box-shadow:0 6px 16px #ff6b6b4d;transform:translateY(-2px)}@media(max-width:600px){.cancel-card{padding:2rem 1.5rem}.button-group{flex-direction:column}.btn{width:100%}.cancel-card h1{font-size:1.5rem}.subscription-summary h2{font-size:1.1rem}}.subscription-success-page{--success-font-display: "Aptos", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", sans-serif;--success-font-body: "Aptos", "Segoe UI Variable Text", "Segoe UI", "Helvetica Neue", sans-serif;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:var(--success-font-body);background-image:linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:40px 40px}.success-container{background:#fff;border-radius:16px;padding:48px 40px;max-width:520px;width:100%;font-family:var(--success-font-body);text-align:center;box-shadow:0 4px 24px #00000014;border:1px solid #d9d0ff}.success-icon-wrapper{width:80px;height:80px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn .5s cubic-bezier(.4,0,.2,1)}.success-icon-wrapper.error{background:#c33}.success-icon{width:80px;height:80px;object-fit:contain;display:block;margin:0 auto 24px}@keyframes scaleIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-container h1{font-family:var(--success-font-display);font-size:24px;font-weight:750;color:#1f2937;margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.success-message{font-family:var(--success-font-body);font-size:16px;font-weight:500;color:#4b5563;margin:0 0 32px;line-height:1.5}.subscription-details{background:#f9fafb;border:1px solid #d9d0ff;border-radius:12px;padding:20px;margin-bottom:32px;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.detail-row:not(:last-child){border-bottom:1px solid #e5e7eb}.detail-label{font-family:var(--success-font-display);font-size:14px;font-weight:700;color:#234c72;letter-spacing:.08em;text-transform:uppercase}.detail-value{font-family:var(--success-font-body);font-size:16px;font-weight:650;color:#1f2937}.detail-value.subscription-id{font-family:Courier New,Courier,monospace;font-size:13px;color:#4b5563;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.06em}.status-active{background:#d1fae5;color:#065f46}.status-incomplete{background:#fef3c7;color:#92400e}.status-trialing{background:#dbeafe;color:#1e40af}.status-canceled{background:#fee2e2;color:#991b1b}.form-back-btn--dashboard{font-family:var(--success-font-display);background:#2b5a80;color:#ffc107;border:none;font-size:1rem;font-weight:700;letter-spacing:.01em;min-width:250px}.form-back-btn--dashboard:hover:not(:disabled){background:#1a3a50;box-shadow:0 6px 16px #ffc1074d}.form-back-btn--dashboard:active:not(:disabled){transform:translateY(0)}.success-container .submit-btn,.success-container .form-back-btn{display:block;margin:0 auto}@media(max-width:640px){.success-container{padding:32px 24px}.success-container h1{font-size:20px}.success-icon-wrapper{width:64px;height:64px}.success-icon{font-size:32px}.detail-value.subscription-id{max-width:140px}.form-back-btn--dashboard{width:100%}}.update-credit-card-page{min-height:100vh;padding:2rem;background-image:linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:40px 40px}.update-credit-card-container{max-width:500px;margin:0 auto;position:relative}.update-credit-card-header{margin-bottom:2rem;text-align:center}.update-credit-card-header h2{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 .5rem}.update-credit-card-header p{font-size:14px;color:#666;margin:0}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:12px}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.update-credit-card-form{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:600;color:#1a1a2e;letter-spacing:-.1px}.card-input-wrapper{padding:12px 14px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.card-input-wrapper:focus-within{border-color:#636bff;box-shadow:0 0 0 3px #636bff1f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row .form-group{margin-bottom:0}.half-width{width:100%}.card-details-success{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-bottom:20px}.card-details-success h3{font-size:14px;font-weight:600;color:#1e40af;margin:0 0 12px}.card-info{display:flex;flex-direction:column;gap:8px}.card-info p{font-size:13px;color:#1e3a8a;margin:0}.card-info strong{font-weight:600}.card-update-info{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.card-update-info h3{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 16px}.card-update-info ul{list-style:none;padding:0;margin:0 0 16px}.card-update-info li{font-size:14px;color:#666;padding:8px 0 8px 24px;position:relative}.card-update-info li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}.security-note{background:#f3fef9;border:1px solid #d1f2e8;border-radius:6px;padding:12px;font-size:13px;color:#065f46;margin:0}.security-note strong{font-weight:600}@media(max-width:600px){.update-credit-card-page{padding:1rem}.update-credit-card-container{max-width:100%}.update-credit-card-form{padding:16px}.form-row{grid-template-columns:1fr;gap:12px}.btn-cancel,.btn-update{width:100%}.update-credit-card-header h2{font-size:22px}}.confirm-plan-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem 2rem;background-image:linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:40px 40px}.confirm-plan-container{width:100%;max-width:500px}.confirm-plan-page h1{font-size:1.5rem;color:#333;margin-bottom:1.5rem;margin-top:0;text-align:center;font-weight:600}.pricing-card-wrapper{position:relative;margin-bottom:2rem}.pricing-card-content{padding:0 20px 20px;display:flex;flex-direction:column;align-items:center}.confirmation-message{background-color:#f4f5f5;border:1px solid #1a3a50;border-radius:8px;padding:1rem;margin-bottom:1.25rem;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.confirmation-message p{margin:0;color:#1a3a50;font-size:.85rem;font-weight:500;letter-spacing:.3px}.confirmation-message p:first-child{font-weight:700;margin-bottom:.75rem;font-size:.95rem;letter-spacing:.4px;color:#1a3a50}.error-message{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fecaca}.savings-info{padding:12px;border-radius:8px;font-size:13px;margin-bottom:16px;text-align:center}.savings-info p{margin:0;font-weight:600}@media(max-width:768px){.confirm-plan-page{padding:2.5rem 1.5rem 1.5rem}.confirm-plan-page h1{font-size:1.3rem;margin-bottom:1.25rem}}@media(max-width:480px){.confirm-plan-page{padding:1.5rem 1rem 1rem}.confirm-plan-container{max-width:100%}.confirm-plan-page h1{font-size:1.15rem;margin-bottom:1rem}}.view-subscription-page{min-height:100vh;padding:1rem 2rem 2rem;display:flex;justify-content:center;align-items:flex-start;background-image:linear-gradient(rgba(200,200,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(200,200,200,.1) 1px,transparent 1px);background-size:40px 40px}.view-subscription-container{width:100%;max-width:900px;position:relative}.view-subscription-header{margin-bottom:0;text-align:center}.view-subscription-header h1,.view-subscription-header h2{font-size:1.5rem;color:#333;margin-bottom:.5rem;font-weight:600}.view-subscription-header p{font-size:1rem;color:#666;margin:0}.subscription-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014;border:none;margin-bottom:2rem;text-align:center}.subscription-card.loading p{color:#667eea;font-size:1.1rem;margin:0;font-weight:500}.subscription-card.error{border-color:#ff6b6b;background:#fff5f5}.subscription-card.error p.error-message{color:#ff6b6b;font-size:1rem;margin-bottom:1.5rem}.subscription-card.no-subscription{text-align:center;padding:3rem 2rem}.subscription-card.no-subscription h3{font-size:1.5rem;color:#333;margin-bottom:.5rem}.subscription-card.no-subscription p{color:#666;margin-bottom:1.5rem}.plan-header-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 12px #0000000f;margin-bottom:2.5rem;border-left:5px solid #2b5a80}.plan-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.plan-info{text-align:left;flex:1}.plan-name{font-size:1.8rem;color:#333;margin:0 0 .5rem;font-weight:600}.plan-meta{color:#666;font-size:1rem;margin:0;font-weight:500}.plan-badges{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.plan-badge{background:linear-gradient(135deg,#667eea,#2b5a80);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:#e8f5e9;color:#2e7d32}.status-inactive{background:#ffebee;color:#c62828}.subscription-info-section{background:#fff;margin-bottom:2.5rem;border:none}.subscription-info{display:flex;flex-direction:column}.subscription-title{margin:0}.subscription-title h2{margin:0 0 .5rem;font-size:1.8rem;color:#333;font-weight:600}.subscription-customer-details{display:grid;width:100%}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e8edf2}.detail-field{padding:0;display:flex;flex-direction:column;gap:.6rem;border:none;border-radius:0;background:transparent;transition:all .3s ease}.detail-field:hover{border:none;background:transparent;box-shadow:none;transform:none}.detail-field:focus-within{outline:none;border:none;background:transparent;box-shadow:none}.detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.75px;color:#2b5a80;margin:0}.detail-value{font-size:1.15rem;font-weight:500;color:#1a3a50;margin:0;word-break:break-word;line-height:1.5}.subscription-price{margin:0;font-size:1.1rem;color:#1a3a50;font-weight:500;line-height:1.5}.no-invoices{text-align:center;color:#999;padding:2rem;font-size:1rem;background:transparent;border-radius:12px;box-shadow:none}.subscription-header-with-back{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem}.subscription-header-with-back .view-subscription-header h2{margin:0;padding-bottom:0;border-bottom:none}.invoices-section{background:#fff;padding:2.5rem;box-shadow:0 2px 12px #0000000f}.invoices-section h2{font-size:1.75rem;color:#333;margin:1rem 0;font-weight:600;border-bottom:none;padding-bottom:1rem;text-align:center}.invoices-table-wrapper{overflow-x:auto}.invoices-table{width:100%;border-collapse:collapse}.invoices-table thead{background-color:#f0f3f6}.invoices-table thead tr{height:2rem}.invoices-table thead th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#333;border-bottom:1px solid #e8ecf1;font-size:.85rem;text-transform:capitalize;letter-spacing:.3px}.invoices-table thead th:last-child{text-align:right;padding-right:1rem}.invoices-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.invoices-table tbody tr:last-child{border-bottom:none}.invoices-table tbody tr:hover{background-color:#fafbfc}.invoices-table td{padding:.75rem 1rem;text-align:left;font-size:.95rem;color:#333}.invoices-table td[data-label=Amount]{font-weight:600;color:#333}.invoices-table td[data-label=Status]{text-align:left}.invoices-table td.receipt-column{text-align:right;padding-right:1rem}.payment-method{display:flex;align-items:center;gap:.4rem}.receipt-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e8f0ff;color:#667eea;text-decoration:none;font-size:1.1rem;transition:all .2s ease;border:1px solid #d4dce5}.receipt-link:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.05)}.invoice-status{display:inline-block;padding:.35rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px;border:1.5px solid}.invoice-status.success,.invoice-status.paid{background:#fff;color:#31a24c;border-color:#31a24c}.invoice-status.pending{background:#fff;color:#f59e0b;border-color:#f59e0b}.invoice-status.failed,.invoice-status.declined{background:#fff;color:#ef4444;border-color:#ef4444}.invoice-status.refunded{background:#fff;color:#8b5cf6;border-color:#8b5cf6}@media(max-width:768px){.view-subscription-page{padding:5rem 1rem 1rem}.view-subscription-header h1{font-size:1.5rem}.plan-header-section{padding:1.5rem}.plan-name{font-size:1.5rem}.details-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-label{font-size:.7rem}.detail-value{font-size:.95rem}.invoices-section h2{font-size:1.1rem}.invoices-table th,.invoices-table td{padding:.75rem;font-size:.85rem}.invoices-table thead th:last-child{text-align:right}.invoices-table td[data-label=Amount]{font-weight:600}.invoices-table td.receipt-column{text-align:right}.receipt-link{width:28px;height:28px;font-size:.9rem}}.loader{border:4px solid #f0f3f6;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto 1rem}.pricing-card[data-plantype="1"]{background:#fafcfd}.pricing-card[data-plantype="1"]:hover{background:#f5f9fc}.pricing-card[data-plantype="2"]{background:#dce9f2}.pricing-card[data-plantype="2"]:hover{background:#d2e1eb}.pricing-card[data-plantype="3"]{background:#eef2cd}.pricing-card[data-plantype="3"]:hover{background:#e7ebc0}.pricing-card[data-plantype="1"].featured{border:2px solid #dfe6f6;box-shadow:0 0 12px #dfe6f699,0 4px 12px #00000014}.pricing-card[data-plantype="1"].featured:hover{border-color:#b5cce8}.pricing-card[data-plantype="2"].featured{border:2px solid #dce9f2;box-shadow:0 0 12px #dce9f299,0 4px 12px #00000014}.pricing-card[data-plantype="2"].featured:hover{border-color:#b3d5e8}.pricing-card[data-plantype="3"].featured{border:2px solid #eef2cd;box-shadow:0 0 12px #eef2cd99,0 4px 12px #00000014}.pricing-card[data-plantype="3"].featured:hover{border-color:#dce5a8}.pricing-card[data-plantype="1"] .pricing-card-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#d8e3f4 48%,#d8e3f4 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#5a7a9f,#6a8baf,#5a7a9f);color:#fff;padding:12px 24px;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;transform:skew(-20deg);margin-left:-12px;margin-bottom:16px;box-shadow:inset 0 1px #fff3,0 4px 8px #5a7a9f66,-4px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;text-align:left}.pricing-card[data-plantype="2"] .pricing-card-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#d8e8f4 48%,#d8e8f4 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#4a7dab,#5a94c5,#4a7dab);color:#fff;padding:12px 24px;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;transform:skew(-20deg);margin-left:-12px;margin-bottom:16px;box-shadow:inset 0 1px #fff3,0 4px 8px #4a7dab66,-4px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;text-align:left}.pricing-card[data-plantype="3"] .pricing-card-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#ebf0d6 48%,#ebf0d6 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#7a9d3f,#8fad4f,#7a9d3f);color:#fff;padding:12px 24px;font-weight:700;font-size:11px;letter-spacing:1px;text-transform:uppercase;transform:skew(-20deg);margin-left:-12px;margin-bottom:16px;box-shadow:inset 0 1px #fff3,0 4px 8px #7a9d3f66,-4px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;text-align:left}.pricing-card[data-plantype="1"] .pricing-card-name,.pricing-card[data-plantype="1"] .pricing-card-price{color:#4a5f7f;text-shadow:0 2px 4px rgba(223,230,246,.4)}.pricing-card[data-plantype="1"] .pricing-card-period{color:#4a5f7f;text-shadow:0 1px 2px rgba(223,230,246,.3)}.pricing-card[data-plantype="2"] .pricing-card-name,.pricing-card[data-plantype="2"] .pricing-card-price{color:#467ba3;text-shadow:0 2px 4px rgba(220,233,242,.4)}.pricing-card[data-plantype="2"] .pricing-card-period{color:#467ba3;text-shadow:0 1px 2px rgba(220,233,242,.3)}.pricing-card[data-plantype="3"] .pricing-card-name,.pricing-card[data-plantype="3"] .pricing-card-price{color:#6b7d3f;text-shadow:0 2px 4px rgba(238,242,205,.4)}.pricing-card[data-plantype="3"] .pricing-card-period{color:#6b7d3f;text-shadow:0 1px 2px rgba(238,242,205,.3)}.pricing-card[data-plantype="1"]:has(.billing-option:nth-child(1).active) .pricing-card-price{color:#4a5f7f;text-shadow:0 2px 4px rgba(223,230,246,.4)}.pricing-card[data-plantype="1"]:has(.billing-option:nth-child(1).active) .pricing-card-period{color:#4a5f7f;text-shadow:0 1px 2px rgba(223,230,246,.3)}.pricing-card[data-plantype="2"]:has(.billing-option:nth-child(1).active) .pricing-card-price{color:#467ba3;text-shadow:0 2px 4px rgba(220,233,242,.4)}.pricing-card[data-plantype="2"]:has(.billing-option:nth-child(1).active) .pricing-card-period{color:#467ba3;text-shadow:0 1px 2px rgba(220,233,242,.3)}.pricing-card[data-plantype="3"]:has(.billing-option:nth-child(1).active) .pricing-card-price{color:#6b7d3f;text-shadow:0 2px 4px rgba(238,242,205,.4)}.pricing-card[data-plantype="3"]:has(.billing-option:nth-child(1).active) .pricing-card-period{color:#6b7d3f;text-shadow:0 1px 2px rgba(238,242,205,.3)}.pricing-card:has(.billing-option:nth-child(2).active) .pricing-card-price{color:brown;text-shadow:0 2px 4px rgba(165,42,42,.25)}.pricing-card:has(.billing-option:nth-child(2).active) .pricing-card-period{color:brown;text-shadow:0 1px 2px rgba(165,42,42,.15)}.pricing-card[data-plantype="1"] .pricing-card-button{background:#6a8baf;color:#fff;box-shadow:0 2px 8px #6a8baf80;border:2px solid #5a7a9f}.pricing-card[data-plantype="1"] .pricing-card-button:hover:not(:disabled){background:#5a7a9f;color:#fff;box-shadow:0 4px 12px #6a8baf99;transform:translateY(-2px);border-color:#4a6a8f}.pricing-card[data-plantype="2"] .pricing-card-button{background:#5a94c5;color:#fff;box-shadow:0 2px 8px #5a94c580;border:2px solid #4a7dab}.pricing-card[data-plantype="2"] .pricing-card-button:hover:not(:disabled){background:#4a7dab;color:#fff;box-shadow:0 4px 12px #5a94c599;transform:translateY(-2px);border-color:#3a6d9b}.pricing-card[data-plantype="3"] .pricing-card-button{background:#8fad4f;color:#fff;box-shadow:0 2px 8px #8fad4f80;border:2px solid #7a9d3f}.pricing-card[data-plantype="3"] .pricing-card-button:hover:not(:disabled){background:#7a9d3f;color:#fff;box-shadow:0 4px 12px #8fad4f99;transform:translateY(-2px);border-color:#6a8d2f}.pricing-plan-details[data-plan-type="1"]{background:#fafcfd;border-top-color:#ff6b6b}.pricing-plan-details[data-plan-type="1"]:hover{background:#f5f9fc}.pricing-plan-details[data-plan-type="2"]{background:#dce9f2}.pricing-plan-details[data-plan-type="2"]:hover{background:#d2e1eb}.pricing-plan-details[data-plan-type="3"]{background:#eef2cd}.pricing-plan-details[data-plan-type="3"]:hover{background:#e7ebc0}.pricing-plan-details[data-plan-type="1"] h2{color:#4a5f7f}.pricing-plan-details[data-plan-type="2"] h2{color:#4a7fa5}.pricing-plan-details[data-plan-type="3"] h2{color:#6b7a4a}.pricing-plan-details[data-plan-type="1"] .pricing-plan-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#d8e3f4 48%,#d8e3f4 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#5a7a9f,#6a8baf,#5a7a9f);box-shadow:inset 0 1px #fff3,0 4px 8px #5a7a9f66,-4px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.pricing-plan-details[data-plan-type="2"] .pricing-plan-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#d8e8f4 48%,#d8e8f4 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#4a7dab,#5a94c5,#4a7dab);box-shadow:inset 0 1px #fff3,0 4px 8px #4a7dab66,-4px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.pricing-plan-details[data-plan-type="3"] .pricing-plan-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#ebf0d6 48%,#ebf0d6 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#7a9d3f,#8fad4f,#7a9d3f);box-shadow:inset 0 1px #fff3,0 4px 8px #7a9d3f66,-4px 4px #0003;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.pricing-plan-details[data-plan-type="1"] .amount{color:#4a5f7f}.pricing-plan-details[data-plan-type="2"] .amount{color:#4a7fa5}.pricing-plan-details[data-plan-type="3"] .amount{color:#6b7a4a}.pricing-plan-details[data-plan-type="1"] .period{color:#4a5f7f}.pricing-plan-details[data-plan-type="2"] .period{color:#467ba3}.pricing-plan-details[data-plan-type="3"] .period{color:#6b7d3f}.pricing-plan-details[data-interval=year] .amount,.pricing-plan-details[data-interval=yearly] .amount,.pricing-plan-details[data-interval=year] .period,.pricing-plan-details[data-interval=yearly] .period{color:brown}.pricing-plan-details[data-plan-type="1"] .plan-feature-item .feature-check{background:#b8d4c8;color:#5a9f77}.pricing-plan-details[data-plan-type="2"] .plan-feature-item .feature-check{background:#c4d6e1;color:#467ba3}.pricing-plan-details[data-plan-type="3"] .plan-feature-item .feature-check{background:#d8ddc0;color:#8a9d4f}.plan-summary-card[data-plan-type="1"]{background:#f0f5fa;border-color:#f0f5fa}.plan-summary-card[data-plan-type="1"]:hover{background:#ebf1f7;border-color:#ebf1f7}.plan-summary-card[data-plan-type="2"]{background:#dce9f2;border-color:#dce9f2}.plan-summary-card[data-plan-type="2"]:hover{background:#d2e1eb;border-color:#d2e1eb}.plan-summary-card[data-plan-type="3"]{background:#eef2cd;border-color:#eef2cd}.plan-summary-card[data-plan-type="3"]:hover{background:#e7ebc0;border-color:#e7ebc0}.plan-summary-card[data-plan-type="1"] .plan-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#d8e3f4 48%,#d8e3f4 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#5a7a9f,#6a8baf,#5a7a9f);box-shadow:inset 0 1px #fff3,0 4px 8px #5a7a9f66,-4px 4px #0003}.plan-summary-card[data-plan-type="2"] .plan-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#d8e8f4 48%,#d8e8f4 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#4a7dab,#5a94c5,#4a7dab);box-shadow:inset 0 1px #fff3,0 4px 8px #4a7dab66,-4px 4px #0003}.plan-summary-card[data-plan-type="3"] .plan-badge{background:linear-gradient(135deg,transparent 0%,transparent 48%,#ebf0d6 48%,#ebf0d6 52%,transparent 52%,transparent 100%),linear-gradient(90deg,#7a9d3f,#8fad4f,#7a9d3f);box-shadow:inset 0 1px #fff3,0 4px 8px #7a9d3f66,-4px 4px #0003}.plan-summary-card[data-plan-type="1"] .plan-name{color:#4a5f7f}.plan-summary-card[data-plan-type="2"] .plan-name{color:#467ba3}.plan-summary-card[data-plan-type="3"] .plan-name{color:#6b7d3f}.plan-summary-card[data-plan-type="1"] .plan-price-amount{color:#4a5f7f}.plan-summary-card[data-plan-type="2"] .plan-price-amount{color:#467ba3}.plan-summary-card[data-plan-type="3"] .plan-price-amount{color:#6b7d3f}.plan-summary-card[data-plan-type="1"] .plan-price-period{color:#4a5f7f}.plan-summary-card[data-plan-type="2"] .plan-price-period{color:#467ba3}.plan-summary-card[data-plan-type="3"] .plan-price-period{color:#6b7d3f}.plan-summary-card[data-interval=year] .plan-price-amount,.plan-summary-card[data-interval=yearly] .plan-price-amount,.plan-summary-card[data-interval=year] .plan-price-period,.plan-summary-card[data-interval=yearly] .plan-price-period{color:brown}.stripe-payment-form{background:#fff;border-radius:12px;padding:0;margin:0;width:100%;max-width:480px}.stripe-payment-form form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label,.card-label{font-size:14.5px;font-weight:600;color:#1a1a2e;letter-spacing:-.1px}.card-element-group{gap:8px}.card-inputs{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.card-inputs:focus-within{border-color:#636bff;box-shadow:0 0 0 3px #636bff1f}.card-number-field{padding:13px 14px;border-bottom:1px solid #e0e0e0}.card-row-bottom{display:grid;grid-template-columns:1fr 1fr}.card-expiry-field{padding:13px 14px;border-right:1px solid #e0e0e0}.card-cvc-field{padding:13px 14px}.card-field{width:100%}.text-input{width:100%;padding:12px 14px;font-size:15px;font-weight:400;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1a1a2e;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.text-input::placeholder{color:#a0a0a0}.text-input:focus{outline:none;border-color:#636bff;box-shadow:0 0 0 3px #636bff1f}.text-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.country-zip-group{gap:8px}.country-zip-inputs{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.country-zip-inputs:focus-within{border-color:#636bff;box-shadow:0 0 0 3px #636bff1f}.country-select{width:100%;padding:12px 36px 12px 14px;font-size:15px;font-weight:400;background:#fff;border:none;border-bottom:1px solid #e0e0e0;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;cursor:pointer;box-sizing:border-box}.country-select:focus{outline:none}.country-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.zip-input{width:100%;padding:12px 14px;font-size:15px;font-weight:400;background:#fff;border:none;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-sizing:border-box}.zip-input::placeholder{color:#a0a0a0}.zip-input:focus{outline:none}.zip-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.card-error-container{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fee5e5;border:1.5px solid #f87171;border-radius:8px;margin:4px 0;animation:slideIn .3s ease-out}.card-error-icon{font-size:18px;color:#ef4444;flex-shrink:0;margin-top:2px}.card-error{color:#dc2626;font-size:14px;font-weight:500;line-height:1.5}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.security-notice{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#d4f0f0;border:1px solid #a8dfe0;border-radius:8px;margin-top:16px;margin-bottom:14px}.security-notice-icon{font-size:18px;flex-shrink:0;margin-top:2px}.security-notice-text{font-size:13px;color:#2a7f7f;line-height:1.5}.security-notice-text strong{font-weight:700;color:#1a5656}.payment-terms-text{text-align:center;font-size:12.5px;color:#6b7294;margin-top:14px;line-height:1.6}.payment-terms-text a{color:#636bff;text-decoration:none}.payment-terms-text a:hover{text-decoration:underline}.btn-loading{display:inline-flex;align-items:center;gap:8px}.StripeElement{box-sizing:border-box;height:20px;font-size:16px;color:#1a1a2e;font-weight:400}.StripeElement--focus{outline:none}.StripeElement--invalid{color:#ef4444}.card-inputs:has(.StripeElement--invalid){border-color:#ef4444}.pricing-card[data-interval=year] .pricing-card-price{color:brown;text-shadow:0 2px 4px rgba(165,42,42,.25)}.pricing-card[data-interval=year] .pricing-card-period{color:brown;text-shadow:0 1px 2px rgba(165,42,42,.15)}.pricing-card[data-interval=month] .pricing-card-price,.pricing-card[data-interval=month] .pricing-card-period{color:#2563eb}@media(max-width:640px){.stripe-payment-form{padding:0}.card-row-bottom{grid-template-columns:1fr 1fr}}.stripe-payment-page{min-height:calc(100vh - 70px);padding:40px 20px;display:flex;align-items:center;justify-content:center}.payment-container{width:100%;max-width:1000px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;border:1px solid #d9d0ff;padding:40px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-header-section{margin-bottom:32px;position:relative}.payment-header-section .form-back-btn{position:absolute;right:0;top:0}.payment-header-section h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#333;text-align:center;letter-spacing:-.5px}.payment-subtitle{margin:12px 0 0;font-size:15px;color:#666;text-align:center}.payment-main{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-bottom:32px}.plan-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:40px 28px;min-height:600px;position:sticky;top:20px;text-align:center;text-rendering:geometricPrecision;box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.plan-summary-card:hover{transform:translateY(-12px);box-shadow:0 16px 40px #0003}.plan-name{margin:40px 0 16px;font-size:24px;font-weight:700;color:#1a1a1a;text-align:center;width:100%}.plan-summary-card h2{margin-top:40px}.plan-price-display{margin-bottom:28px;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.plan-price-amount{font-size:1.5rem;font-weight:700;color:#1a1a1a}.plan-price-period{font-size:.875rem;font-weight:400;color:#9ca3af;margin-left:4px}.plan-features-list{list-style:none;padding:0;margin:20px 0 0;text-align:left;display:flex;flex-direction:column;gap:28px;flex:1}.plan-feature-item{display:grid;grid-template-columns:24px 1fr;align-items:center;column-gap:.5rem;padding:0;margin:0;line-height:1.35}.plan-feature-item .feature-check{width:24px;height:24px;flex-shrink:0}.plan-feature-item .feature-text{font-size:.875rem;font-weight:500;color:#3f444b;letter-spacing:0}.payment-form-section{display:flex;flex-direction:column}.stripe-payment-form{margin:0!important;max-width:100%!important}.free-plan-message{text-align:center;padding:48px 32px;background:#2b5a800d;border:2px dashed #2b5a80;border-radius:12px}.message-icon{font-size:56px;margin-bottom:16px;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.free-plan-message h3{margin:0 0 12px;font-size:24px;font-weight:700;color:#2b5a80}.free-plan-message p{margin:0;font-size:15px;color:#666}@media(max-width:1024px){.payment-main{grid-template-columns:1fr;gap:24px}.plan-summary-card{position:static}.plan-name{font-size:20px}.plan-price-amount{font-size:26px}}@media(max-width:768px){.payment-container{padding:24px}.payment-header-section h1{font-size:24px;padding-top:40px}.payment-subtitle{font-size:14px}.free-plan-message{padding:32px 20px}.free-plan-message h3{font-size:20px}}@media(max-width:480px){.stripe-payment-page{padding:20px 12px}.payment-container{padding:16px;border-radius:12px}.payment-header-section h1{font-size:20px}.payment-main{gap:16px}.plan-summary-card{padding:16px}.plan-name{font-size:18px}.plan-price-amount{font-size:28px}.plan-feature-item{font-size:13px}}.loading-message{background:#d4f0f0;border:1px solid #a8dfe0;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:16px;position:relative}.loading-spinner{width:40px;height:40px;border:3px solid #a8dfe0;border-top:3px solid #2a7f7f;border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{flex:1;display:flex;flex-direction:column;gap:6px}.loading-title{font-size:14px;font-weight:600;color:#1a5656;margin:0}.loading-warning{font-size:13px;color:#2a7f7f;font-weight:500;margin:0}