.subscription-wrapper{max-width:1100px;margin:40px auto;padding:0 var(--spacing-lg);}.subscription-header{text-align:center;margin-bottom:var(--spacing-2xl);}.subscription-header h1{font-size:2.25rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-0.025em;margin-bottom:var(--spacing-sm);}.subscription-header p{font-size:1.1rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;}.sub-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);transition:transform 0.2s ease,box-shadow 0.2s ease;}.sub-card:hover{box-shadow:var(--shadow-lg);}.plan-status-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--spacing-md);}.plan-status-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-sm);}.plan-badge{font-size:0.85rem;font-weight:600;padding:6px 14px;border-radius:50px;text-transform:uppercase;letter-spacing:0.05em;}.badge-trial{background-color:rgba(66,153,225,0.15);color:var(--color-accent-action);border:1px solid rgba(66,153,225,0.3);}.badge-pro{background-color:rgba(72,187,120,0.15);color:var(--color-semantic-positive);border:1px solid rgba(72,187,120,0.3);}.badge-expired{background-color:rgba(245,101,101,0.15);color:var(--color-semantic-negative);border:1px solid rgba(245,101,101,0.3);}.badge-free{background-color:rgba(160,174,192,0.15);color:var(--color-text-secondary);border:1px solid rgba(160,174,192,0.3);}.plan-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);}.detail-item{display:flex;flex-direction:column;}.detail-label{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);}.detail-value{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);}.detail-value.active{color:var(--color-semantic-positive);}.detail-value.inactive{color:var(--color-semantic-negative);}.pricing-section-title{text-align:center;font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:var(--spacing-2xl) 0 var(--spacing-xl);}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);}@media (max-width:900px){.pricing-grid{grid-template-columns:1fr;}}.pricing-card{background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:var(--shadow-md);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease,border-color 0.3s ease;}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}.pricing-card.featured{border-color:var(--color-accent-action);background:radial-gradient(circle at top right,rgba(66,153,225,0.05),var(--color-surface-primary) 70%);}.card-ribbon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-accent-action);color:var(--color-text-on-accent);font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:0.05em;}.pricing-card-header{margin-bottom:var(--spacing-lg);}.plan-name{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);}.plan-desc{font-size:0.9rem;color:var(--color-text-secondary);min-height:48px;}.price-container{margin:var(--spacing-lg) 0;display:flex;align-items:baseline;}.price-amount{font-size:2.5rem;font-weight:800;color:var(--color-text-primary);line-height:1;}.price-period{font-size:1rem;color:var(--color-text-secondary);margin-left:var(--spacing-xs);}.features-list{list-style:none;padding:0;margin:0 0 var(--spacing-xl);border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-lg);}.features-list li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:0.9rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);}.features-list li i{color:var(--color-semantic-positive);font-size:0.85rem;flex-shrink:0;}.btn-block{width:100%;text-align:center;}.btn-secondary-plan{background-color:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-primary);}.btn-secondary-plan:hover{background-color:var(--color-surface-secondary);border-color:var(--color-text-secondary);}.card-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-top:var(--spacing-lg);border-top:1px solid var(--color-border-primary);padding-top:var(--spacing-lg);}.card-actions .btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);}.whop-billing-note{margin-top:var(--spacing-md);padding:12px 14px;border-radius:6px;background:rgba(59,130,246,0.06);border:1px solid rgba(59,130,246,0.2);font-size:0.875rem;line-height:1.5;color:var(--color-text-secondary);}.whop-billing-note strong{color:var(--color-text-primary);font-weight:600;}