.subscription-comparison-modal{width:100%;max-width:100%}.subscription-comparison-modal__table-wrapper{width:100%;max-width:100%;max-height:calc(90vh - 120px);overflow:auto}.subscription-comparison-modal__table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:600px}.subscription-comparison-modal__th-feature,.subscription-comparison-modal__td-feature{color:var(--color-text-primary);text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px;font-weight:600}.subscription-comparison-modal__th-feature{z-index:10;background:var(--color-secondary);width:50%;box-shadow:0 2px 4px var(--color-secondary);position:sticky;top:0}.subscription-comparison-modal__th-plan{z-index:10;background:var(--color-secondary);width:25%;color:var(--color-text-primary);text-align:left;border-bottom:1px solid var(--color-border);box-shadow:0 2px 4px var(--color-secondary);padding:12px 16px;font-weight:600;position:sticky;top:0}.subscription-comparison-modal__th-plan--premium{background:var(--color-secondary);color:var(--color-primary)}.subscription-comparison-modal__td-plan{border-bottom:1px solid var(--color-border);width:25%;padding:12px 16px}.subscription-comparison-modal__category-row{background:var(--color-secondary)}.subscription-comparison-modal__category-cell{color:var(--color-text-primary);border-bottom:2px solid var(--color-border);padding:16px;font-size:16px;font-weight:700}.subscription-comparison-modal__feature-row:hover{background:var(--color-secondary)}.subscription-comparison-modal__check-icon{width:24px;height:24px}.subscription-comparison-modal__check-icon--enabled{color:var(--color-primary)}.subscription-comparison-modal__text-value{color:var(--color-text-primary);font-size:14px}@media (max-width:767px){.subscription-comparison-modal__th-feature,.subscription-comparison-modal__td-feature,.subscription-comparison-modal__th-plan,.subscription-comparison-modal__td-plan{padding:8px 12px;font-size:14px}}
.subscription-payment{background:var(--color-surface);border:1px solid var(--color-gray-9);background:var(--color-surface);border-radius:8px;padding:24px}.subscription-payment__title{margin-bottom:20px;font-size:18px}.subscription-payment__hint{color:var(--color-text-secondary);margin-top:-12px;margin-bottom:20px;font-size:14px;line-height:1.5}.subscription-payment__auto-renew-hint{color:var(--color-text-secondary);margin:-4px 0 0;padding-left:32px;font-size:13px;line-height:1.45}.subscription-payment__periods{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}@media (max-width:1199px){.subscription-payment__periods{grid-template-columns:1fr}}.subscription-payment__period{background:var(--color-surface);border:1px solid var(--color-gray-9);border:2px solid var(--color-border);text-align:center;cursor:pointer;border-radius:8px;padding:16px;transition:all .2s;position:relative}.subscription-payment__period:hover{border-color:var(--color-primary);transform:translateY(-2px)}.subscription-payment__period--active{background:var(--color-secondary);border:2px solid var(--color-primary)}.subscription-payment__period-badge{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:-8px;right:-8px}.subscription-payment__period-badge svg{width:14px;height:14px}.subscription-payment__period-name{color:var(--color-text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.subscription-payment__period-price{color:var(--color-text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.subscription-payment__period-discount{color:var(--color-primary);margin-left:6px;font-size:14px;font-weight:600}.subscription-payment__period-per-month{color:var(--color-text-secondary);font-size:13px}.subscription-payment__total{background:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-gray-9);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px;display:flex}.subscription-payment__total-label{color:var(--color-text-primary);font-size:16px;font-weight:600}.subscription-payment__total-price{color:var(--color-primary);font-size:24px;font-weight:700}.subscription-payment__checkboxes{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.subscription-payment__terms{align-items:flex-start;gap:12px;display:flex}.subscription-payment__terms-label{color:var(--color-text-primary);cursor:pointer;flex:1;font-size:14px;line-height:1.5}.subscription-payment__link{color:var(--color-primary);text-decoration:underline}.subscription-payment__link:hover{text-decoration:none}.subscription-payment__button{background:var(--color-primary);width:100%;color:var(--color-white);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.subscription-payment__button:hover:not(:disabled){background:var(--color-primary-hover)}
.subscription-plan-card{background:var(--color-surface);border:1px solid var(--color-gray-9);border:2px solid var(--color-border);border-radius:8px;flex-direction:column;padding:24px;transition:all .3s;display:flex;position:relative}.subscription-plan-card--type-premium{background:linear-gradient(195deg, var(--color-white) 0%, var(--color-secondary) 80%)}:root[data-theme=dark] .subscription-plan-card--type-premium{background:linear-gradient(195deg, color-mix(in srgb, var(--color-gold) 14%, var(--color-surface)) 0%, var(--color-surface) 42%, color-mix(in srgb, var(--color-primary) 22%, var(--color-gray-10)) 100%)}.subscription-plan-card--current{border:2px solid var(--color-primary)}.subscription-plan-card:hover{box-shadow:0 8px 24px var(--color-secondary);transform:translateY(-4px)}:root[data-theme=dark] .subscription-plan-card:hover{box-shadow:0 10px 28px rgb(var(--color-black-rgb)/45%)}.subscription-plan-card__badge{z-index:3;background:var(--color-surface);border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.subscription-plan-card__badge--current{border:2px solid var(--color-primary)}.subscription-plan-card__badge--recommended{border:2px solid var(--color-100-goals);overflow:hidden}.subscription-plan-card__badge--recommended:before{content:"";background:linear-gradient(90deg, transparent 0%, rgb(var(--color-gold-rgb)/20%) 90%, transparent 100%);width:100%;height:100%;animation:3s infinite gold-shine;position:absolute;top:0;left:0;transform:translate(-100%)skew(-15deg)}.subscription-plan-card__badge-icon{width:20px;height:20px}.subscription-plan-card__header{z-index:2;text-align:center;flex-direction:column;align-items:center;margin-bottom:20px;display:flex;position:relative}.subscription-plan-card__icon-wrapper{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.subscription-plan-card__icon-wrapper--premium{border:2px solid var(--color-primary);box-shadow:0 0 10px 0 rgb(var(--color-primary-rgb))}.subscription-plan-card__icon{width:36px;height:36px}.subscription-plan-card__title{margin-bottom:6px;font-size:20px}.subscription-plan-card__subtitle{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.subscription-plan-card__features{z-index:2;flex-direction:column;flex:1;gap:6px;display:flex;position:relative}.subscription-plan-card__feature{color:var(--color-text-primary);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.subscription-plan-card__feature-icon{width:20px;height:20px;color:var(--color-success);flex-shrink:0;margin-top:2px}@keyframes gold-shine{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(100%)skew(-15deg)}}