.subscription-container{max-width:1200px;margin:0 auto;padding:2rem}.plan-card{background:white;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:2rem;transition:all .3s ease;border:2px solid transparent;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.plan-card.popular{border-color:#3b82f6;transform:scale(1.05)}.plan-card.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:#3b82f6;color:white;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-icon{display:flex;justify-content:center;margin-bottom:1rem}.plan-icon-container{padding:.75rem;background:#dbeafe;border-radius:50%;color:#2563eb}.plan-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.plan-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.pricing{text-align:center;margin-bottom:1.5rem}.price{font-size:2.25rem;font-weight:700;color:#111827}.price-interval{color:#6b7280;font-size:1rem}.trial-badge{font-size:.875rem;color:#059669;margin-top:.25rem}.features-list{margin-bottom:2rem}.feature-item{display:flex;align-items:flex-start;margin-bottom:.75rem}.feature-icon{color:#10b981;margin-right:.75rem;margin-top:.125rem;flex-shrink:0}.feature-text{color:#374151;font-size:.875rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.primary-button{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer}.primary-button.blue{background:#2563eb;color:white}.primary-button.blue:hover{background:#1d4ed8}.primary-button.gray{background:#f3f4f6;color:#111827}.primary-button.gray:hover{background:#e5e7eb}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{width:100%;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .2s ease;background:transparent;border:1px solid #2563eb;color:#2563eb;cursor:pointer}.secondary-button:hover{background:#eff6ff}.subscription-management{grid-column:1/-1;margin-top:2rem}.management-card{background:white;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.management-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.management-buttons{display:flex;flex-wrap:wrap;gap:1rem}.cancel-button{background:#dc2626;color:white;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background .2s ease}.cancel-button:hover{background:#b91c1c}.billing-button{background:#6b7280;color:white;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;border:none;cursor:pointer;transition:background .2s ease}.billing-button:hover{background:#4b5563}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid #f3f3f3;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.subscription-container{padding:1rem}.plan-card{padding:1.5rem}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-4px)}.management-buttons{flex-direction:column}}.success-container{max-width:32rem;margin:0 auto;padding:2rem}.success-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);text-align:center}.success-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.success-icon-container{padding:1rem;background:#dcfce7;border-radius:50%;color:#16a34a}.success-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:1rem}.success-description{font-size:1.125rem;color:#6b7280;margin-bottom:2rem}.subscription-details{background:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.details-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.details-grid{display:grid;gap:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-label{color:#6b7280;font-size:.875rem}.detail-value{font-weight:600;color:#111827}.detail-value.status{color:#16a34a}.success-actions{display:flex;flex-direction:column;gap:1rem}.success-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .2s ease}.success-link.primary{background:#2563eb;color:white}.success-link.primary:hover{background:#1d4ed8}.success-link.secondary{background:transparent;border:1px solid #d1d5db;color:#374151}.success-link.secondary:hover{background:#f9fafb}.success-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.footer-text{font-size:.875rem;color:#6b7280}.footer-link{color:#2563eb;text-decoration:none}.footer-link:hover{text-decoration:underline}