.subscription-page{max-width:var(--container-lg);margin:0 auto}.subscription-header h1{color:var(--color-text);margin-bottom:var(--spacing-sm)}.subscription-header p{max-width:600px;margin:0 auto}.current-subscription{background-color:var(--color-surface);border-left:4px solid var(--color-primary)}.subscription-status{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width:640px){.subscription-status{flex-direction:row;justify-content:space-between;align-items:center}}.subscription-info{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.subscription-label{color:var(--color-text-secondary)}.subscription-tier-name{font-weight:600;color:var(--color-text)}.subscription-expires{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.subscription-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.subscription-badge.active{background-color:var(--color-success);color:white}.subscription-badge.expired{background-color:var(--color-error);color:white}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);background-color:#fef2f2;border:1px solid var(--color-error);color:var(--color-error)}:root.dark .error-message{background-color:rgba(220,38,38,.1)}.error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-error);color:white;border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm)}.tier-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media (min-width:640px){.tier-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tier-grid{grid-template-columns:repeat(3,1fr)}}.tier-card{position:relative;display:flex;flex-direction:column;padding:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.tier-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.tier-card.featured{border:2px solid var(--color-primary)}.tier-card.current{background-color:var(--color-surface)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:white;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.tier-header{text-align:center;margin-bottom:var(--spacing-lg);padding-top:var(--spacing-sm)}.tier-name{font-size:var(--font-size-xl)}.tier-name,.tier-price{margin-bottom:var(--spacing-sm)}.price-amount{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text)}.price-period{font-size:var(--font-size-base)}.price-period,.tier-description{color:var(--color-text-secondary)}.tier-description{font-size:var(--font-size-sm);margin-bottom:0}.tier-features{list-style:none;flex:1 1;margin-bottom:var(--spacing-lg)}.tier-feature{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-text)}.feature-check{color:var(--color-success);font-weight:700;flex-shrink:0}.tier-footer{margin-top:auto}.tier-footer .btn{gap:var(--spacing-sm)}.loading-container,.tier-footer .btn{display:flex;align-items:center;justify-content:center}.loading-container{flex-direction:column;min-height:400px;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.payment-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-lg)}.payment-badge{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.badge-icon{font-size:var(--font-size-lg)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:800px;margin:0 auto}.faq-item{padding:0}.faq-question{padding:var(--spacing-md);cursor:pointer;font-weight:500;color:var(--color-text);list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";font-size:var(--font-size-xl);color:var(--color-text-secondary);transition:transform var(--transition-fast)}details[open] .faq-question:after{transform:rotate(45deg)}.faq-answer{padding:0 var(--spacing-md) var(--spacing-md);color:var(--color-text-secondary);margin-bottom:0}.tier-card:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tier-card:hover{transform:none}.loading-spinner,.loading-spinner-small{animation:none}}