.subscription-package-page{--package-brand:var(--brand-green,#1f9d6e);--package-brand-dark:var(--brand-green-dark,#137a53);--package-ink:var(--app-heading,#17233a);--package-text:var(--app-text,#525f7f);--package-muted:#647188;--package-line:#e5e9ee;--package-soft:#f5faf7}
.package-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.package-page-header h1,.package-page-header h2,.package-page-header h3{font-weight:700;color:var(--package-ink);margin-bottom:.3rem}.package-page-header p{margin:0;color:var(--package-muted)}
.package-catalogue{align-items:stretch}.subscription-package-card{position:relative;overflow:hidden;height:100%;border:1px solid #edf0f3;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(23,35,58,.08);display:flex;flex-direction:column;padding:2rem 1.4rem 1.25rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.subscription-package-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(23,35,58,.12);border-color:#dce6df}.subscription-package-card.is-popular{border-color:var(--package-brand);box-shadow:0 12px 34px rgba(31,111,74,.13)}.subscription-package-card.is-current{border-color:var(--package-brand);box-shadow:0 12px 34px rgba(31,111,74,.11)}.subscription-package-card.is-inactive{opacity:.82}.package-popular-ribbon{position:absolute;top:0;right:0;background:#ff785f;color:#fff;font-weight:700;font-size:.82rem;padding:.65rem 1.45rem;border-radius:0 20px 0 18px;box-shadow:0 5px 12px rgba(255,120,95,.25)}.package-icon-ring{width:72px;height:72px;margin:0 auto 1.05rem;border:3px solid var(--package-brand);border-radius:50%;display:grid;place-items:center;color:var(--package-brand);font-size:1.9rem;background:#fff}.package-title{text-align:center;font-weight:700;color:var(--package-ink);margin-bottom:.55rem}.package-description{text-align:center;color:var(--package-muted);line-height:1.45;min-height:3rem;margin:0 auto .9rem;max-width:95%}.package-status-row{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap;min-height:29px;margin-bottom:1rem}.package-status-badge{border-radius:999px;padding:.3rem .85rem;font-size:.72rem;font-weight:700}.package-price{text-align:center;color:var(--package-ink);font-size:2rem;font-weight:800;line-height:1.1;margin-top:.2rem}.package-duration{text-align:center;color:var(--package-muted);margin-top:.45rem;margin-bottom:1.5rem}.package-rule{border:0;border-top:1px solid var(--package-line);opacity:1;margin:0 0 1.1rem}.package-feature-list{list-style:none;margin:0;padding:0;flex:1}.package-feature-list li{display:flex;align-items:flex-start;gap:.7rem;padding:.72rem 0;border-bottom:1px solid #edf0f3;color:#34445c;line-height:1.3}.package-feature-list li:last-child{border-bottom:0}.package-feature-list .bi-check-circle-fill{color:var(--package-brand);font-size:1.05rem;line-height:1.2;flex:0 0 auto}.package-feature-list .feature-muted{color:#718096}.package-subscriber-note{margin-top:1rem;color:#758196;font-size:.8rem;text-align:center}.package-actions{display:grid;gap:.55rem;margin-top:1rem}.package-primary-btn{width:100%;background:var(--package-brand);border-color:var(--package-brand);color:#fff;font-weight:700;min-height:42px}.package-primary-btn:hover,.package-primary-btn:focus{background:var(--package-brand-dark);border-color:var(--package-brand-dark);color:#fff}.package-primary-btn:disabled,.package-primary-btn.disabled{background:#e8ecea;border-color:#dfe5e2;color:#75807a;opacity:1;cursor:not-allowed}.package-primary-btn-auto{width:auto}.package-upgrade-summary{margin-top:1rem;border:1px solid #dce9e2;border-radius:.75rem;background:var(--package-soft);padding:.8rem .9rem;font-size:.82rem;color:#42564b}.package-upgrade-row{display:flex;justify-content:space-between;gap:1rem;padding:.2rem 0}.package-upgrade-row strong{white-space:nowrap;color:#25392f}.package-upgrade-total{margin-top:.4rem;padding-top:.55rem;border-top:1px solid #d6e5dd;font-size:.9rem}.package-upgrade-total strong{color:var(--package-brand-dark)}.package-transition-note{margin-top:.55rem;color:#6b7b72;font-size:.75rem;line-height:1.4}.package-action-reason{margin-top:.55rem;padding:.65rem .75rem;border:1px solid #e3e8e5;border-radius:.6rem;background:#fafbfa;color:#6b7771;font-size:.77rem;line-height:1.35;text-align:center}
.subscription-summary-card{background:#fff;border:1px solid #e2e9e5;border-radius:16px;padding:1rem 1.1rem;box-shadow:0 7px 22px rgba(23,35,58,.05)}.subscription-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.subscription-summary-item{min-width:0;padding:.75rem .8rem;border:1px solid #e7ece9;border-radius:.75rem;background:#fafcfb}.subscription-summary-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em;color:#748078}.subscription-summary-value{margin-top:.18rem;font-size:1rem;font-weight:700;color:var(--package-ink);overflow-wrap:anywhere}.subscription-state-message{margin-top:.8rem;padding:.75rem .85rem;border-radius:.7rem;background:#f5faf7;border:1px solid #dce9e2;color:#496056}.subscription-state-message.is-blocked{background:#fff5f5;border-color:#f0cece;color:#8c3f3f}
.subscription-checkout-shell{max-width:920px;margin:0 auto}.subscription-checkout-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1.2rem;align-items:start}.subscription-checkout-card{background:#fff;border:1px solid #e3e9e6;border-radius:18px;box-shadow:0 10px 30px rgba(23,35,58,.07);padding:1.25rem}.subscription-checkout-card h4{color:var(--package-ink);font-weight:750}.subscription-checkout-package{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.subscription-checkout-package .package-icon-ring{width:56px;height:56px;margin:0;font-size:1.4rem;flex:0 0 56px}.subscription-charge{border-top:1px solid #edf0ee;margin-top:.85rem;padding-top:.85rem}.subscription-charge-row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;color:#53635b}.subscription-charge-row strong{color:#273930;white-space:nowrap}.subscription-charge-row.total{margin-top:.35rem;padding-top:.7rem;border-top:1px solid #dce7e1;font-size:1rem}.subscription-charge-row.total strong{color:var(--package-brand-dark);font-size:1.1rem}.subscription-checkout-form{display:grid;gap:.9rem}.subscription-field{display:grid;gap:.35rem}.subscription-field label{font-weight:700;color:#46574f}.subscription-field input,.subscription-field select{width:100%;min-height:44px;border:1px solid #ccd9d2;border-radius:.65rem;background:#fff;color:#26372f;padding:.62rem .75rem;font:inherit;outline:0}.subscription-field input:focus,.subscription-field select:focus{border-color:var(--package-brand);box-shadow:0 0 0 3px rgba(31,157,110,.10)}.subscription-field-help{font-size:.78rem;color:#718078}.subscription-checkout-errors{border:1px solid #f0cccc;border-radius:.65rem;background:#fff5f5;color:#8b3a3a;padding:.7rem .8rem;font-size:.82rem}.subscription-pay-note{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem .8rem;border:1px solid #dce7e1;border-radius:.7rem;background:#f8fbf9;color:#55675e;font-size:.8rem;line-height:1.4}.subscription-pay-note i{color:var(--package-brand);margin-top:.05rem}.subscription-result{max-width:720px;margin:2rem auto;background:#fff;border:1px solid #e2e8e5;border-radius:20px;box-shadow:0 12px 36px rgba(23,35,58,.08);padding:2rem;text-align:center}.subscription-result-icon{width:78px;height:78px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font-size:2.25rem}.subscription-result.is-success .subscription-result-icon{background:#e8f7ef;color:var(--package-brand-dark)}.subscription-result.is-failed .subscription-result-icon{background:#fff0f0;color:#c74d4d}.subscription-result.is-pending .subscription-result-icon{background:#fff8e5;color:#9a751b}.subscription-result h2{font-weight:750;color:var(--package-ink)}.subscription-result-detail{margin:1rem 0;border:1px solid #e7ece9;border-radius:.75rem;background:#fafcfb;padding:.85rem;text-align:left}.subscription-result-detail div{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0}.subscription-result-detail span{color:#718078}.subscription-result-detail strong{color:#293b32;text-align:right}.subscription-wait-spinner{width:48px;height:48px;margin:0 auto 1rem;border:4px solid #dfe9e4;border-top-color:var(--package-brand);border-radius:50%;animation:subscription-spin .9s linear infinite}@keyframes subscription-spin{to{transform:rotate(360deg)}}
@media(max-width:991.98px){.subscription-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-checkout-grid{grid-template-columns:1fr}}@media(max-width:767.98px){.package-page-header{align-items:stretch;flex-direction:column}.package-page-header .btn{width:100%}.subscription-package-card{padding:1.65rem 1.15rem 1.1rem}.package-description{min-height:0}.subscription-summary-grid{grid-template-columns:1fr}.subscription-result{margin:1rem auto;padding:1.4rem}.subscription-result-detail div{align-items:flex-start;flex-direction:column;gap:.05rem}.subscription-result-detail strong{text-align:left}}