.subscription-page{min-height:100vh;background:#1e1e1e;padding-bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;overflow-y:auto}.subscription-content{padding:20px 16px 0;max-width:600px;margin:0 auto}.subscription-content-spacer{height:130px;width:100%;flex-shrink:0}.subscription-slogan{text-align:center;margin-bottom:32px}.slogan-main{font-size:28px;font-weight:700;background:linear-gradient(90deg,#b89af9,#5b8def);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;line-height:1.2}.slogan-subtitle{font-size:16px;color:#e0e0e0;margin:0;line-height:1.5}.subscription-features-block{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:20px 16px;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;box-sizing:border-box}.features-title{font-size:24px;font-weight:700;margin:0 0 20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.features-title-text{background:linear-gradient(90deg,#5b8def,#b89af9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-title-crown{font-size:20px;line-height:1}.features-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:16px}.feature-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#fff;line-height:1.5}.feature-icon{font-size:20px;flex-shrink:0;width:24px;text-align:center}.feature-text{flex:1}.features-slogan{text-align:center;font-size:15px;color:#fff;line-height:1.5;margin:0}.features-slogan-highlight{color:#b89af9;font-weight:600}.reviews-section{margin-bottom:32px;width:100%;box-sizing:border-box}.reviews-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 20px;text-align:center}.reviews-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:8px;margin:0}.reviews-container::-webkit-scrollbar{display:none}.reviews-scroll{display:flex;gap:16px;padding:0 0 8px;min-width:min-content}.review-card{background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:20px;min-width:280px;max-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.review-topic{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.4}.review-user-rating{display:flex;align-items:center;margin-bottom:12px;gap:12px}.review-user{display:flex;align-items:center;gap:10px;flex:1}.review-rating{display:flex;gap:2px;flex-shrink:0}.review-star{font-size:14px;line-height:1;color:gold}.review-avatar{width:32px;height:32px;border-radius:50%;background:#b89af926;border:1px solid rgba(184,154,249,.25);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.review-name{font-size:14px;font-weight:500;color:#fff}.review-comment{font-size:14px;color:#e0e0e0;line-height:1.5}.subscription-footer{position:fixed;bottom:0;left:0;right:0;background:#1e1e1e;border-top:1px solid rgba(255,255,255,.1);padding:16px;z-index:100;min-height:80px;display:flex;align-items:center}.subscription-plans-button{width:100%;max-width:600px;margin:0 auto;display:block;background:linear-gradient(90deg,#5b8def,#b89af9);border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.subscription-plans-button:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #5b8def4d}.subscription-plans-button:active{transform:scale(.98);opacity:.85}@media (max-width: 480px){.slogan-main{font-size:24px}.slogan-subtitle{font-size:14px}.review-card{min-width:260px;max-width:260px}.subscription-content{padding:16px 12px 0}.subscription-features-block{padding:16px 12px}.features-title{font-size:20px}.feature-item{font-size:14px}}.plans-page{min-height:100vh;background:#1e1e1e;padding-bottom:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.plans-header{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.plans-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#a89bb8;font-size:15px;font-weight:500;cursor:pointer;padding:6px 0;transition:all .15s ease;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plans-back-button:hover{color:#fff}.plans-back-button:active{transform:scale(.98)}.plans-back-arrow{font-size:20px;line-height:1}.plans-content{padding:20px 16px;max-width:600px;margin:0 auto}.plans-title-section{text-align:center;margin-bottom:32px}.plans-main-title{font-size:28px;font-weight:700;background:linear-gradient(90deg,#b89af9,#5b8def);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;line-height:1.2}.plans-subtitle{font-size:16px;color:#e0e0e0;margin:0;line-height:1.5}.plans-list{display:flex;flex-direction:column;gap:16px}.plan-card{background:#29263bcc;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:20px 16px;cursor:pointer;transition:all .15s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible}.plan-card-recommended{border:2px solid transparent;background-image:linear-gradient(#29263bcc,#29263bcc),linear-gradient(90deg,#5b8def,#b89af9);background-origin:border-box;background-clip:padding-box,border-box}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#5b8def1a,#b89af91a);opacity:0;transition:opacity .15s ease;pointer-events:none;border-radius:16px;z-index:0}.plan-card-recommended:before{opacity:.3}.plan-card:hover{background:#29263bf2;border-color:#b89af966;transform:translateY(-2px);box-shadow:0 4px 16px #b89af933}.plan-card-recommended:hover{background-image:linear-gradient(#29263bf2,#29263bf2),linear-gradient(90deg,#5b8def,#b89af9)}.plan-card:hover:before{opacity:1}.plan-card:active{transform:translateY(0)}.plan-card-disabled{opacity:.5;cursor:not-allowed;background:#1e1e1e99;border-color:#ffffff0d}.plan-card-disabled:hover{background:#1e1e1e99;border-color:#ffffff0d;transform:none;box-shadow:none}.plan-card-disabled:before{opacity:0}.plan-card-disabled .plan-name{color:#666}.plan-card-disabled .plan-description{color:#555}.plan-card-current{border-color:#5b8def66}.plan-current-badge{position:absolute;top:-8px;right:12px;background:#5b8defe6;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:10px;z-index:10;box-shadow:0 2px 8px #5b8def4d;white-space:nowrap;letter-spacing:.2px}.plan-card-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.plan-recommended-badge{position:absolute;top:-14px;left:12px;background:linear-gradient(90deg,#5b8def,#b89af9);color:#fff;font-size:13px;font-weight:600;padding:5px 14px;border-radius:12px;z-index:10;box-shadow:0 2px 8px #5b8def66;white-space:nowrap;letter-spacing:.3px}.plan-card-left{flex:1}.plan-name{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.plan-description{font-size:14px;color:#e0e0e0;line-height:1.5}.plan-card-arrow{font-size:24px;color:#a0a0a0;font-weight:300;margin-left:16px;flex-shrink:0}.plans-loading,.plans-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:20px}.plans-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#b89af9;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.plans-error h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 12px}.plans-error p{font-size:16px;color:#ff6b6b;margin:0 0 20px}.plans-retry-button{background:#b89af940;border:1px solid rgba(184,154,249,.35);border-radius:12px;padding:12px 24px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;font-family:inherit}.plans-retry-button:hover{background:#b89af959}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:200;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{position:fixed;bottom:0;left:0;right:0;background:#1e1e1e;border-top-left-radius:20px;border-top-right-radius:20px;border-top:1px solid rgba(255,255,255,.1);z-index:201;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:0 -4px 24px #00000080}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sidebar-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center}.sidebar-close-button{background:transparent;border:none;color:#a89bb8;font-size:16px;font-weight:500;cursor:pointer;padding:8px 0;transition:all .15s ease;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-close-button:hover{color:#fff}.sidebar-close-button:active{transform:scale(.98)}.sidebar-content{flex:1;overflow-y:auto;padding:20px 16px;scrollbar-width:thin;scrollbar-color:rgba(184,154,249,.3) transparent}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:#b89af94d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#b89af980}.sidebar-loading,.sidebar-empty{text-align:center;color:#a0a0a0;padding:40px 20px;font-size:16px}.sidebar-periods{display:flex;flex-direction:column;gap:12px}.tariff-group{display:flex;flex-direction:column;gap:8px}.period-option{display:flex;flex-direction:column;padding:16px;background:#29263bcc;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .15s ease;position:relative;box-sizing:border-box;width:100%;overflow:hidden}.period-option:hover{background:#29263bf2;border-color:#b89af94d}.period-option-selected{background:#29263bf2;border:2px solid transparent;background-image:linear-gradient(#29263bf2,#29263bf2),linear-gradient(90deg,#5b8def,#b89af9);background-origin:border-box;background-clip:padding-box,border-box}.period-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.period-option-content{flex:1;display:flex;align-items:center;gap:8px;width:100%;position:relative;padding-left:32px;min-width:0;box-sizing:border-box}.period-option-content:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid rgba(184,154,249,.5);border-radius:50%;background:transparent;transition:all .15s ease;flex-shrink:0;box-sizing:border-box}.period-option-selected .period-option-content:before{border-color:#b89af9;background:#b89af9;box-shadow:0 0 0 4px #b89af933}.period-option-selected .period-option-content:after{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#fff;flex-shrink:0;box-sizing:border-box}.period-option-text{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;gap:16px;min-width:0;max-width:100%;box-sizing:border-box}.period-label{font-size:16px;font-weight:600;color:#fff;line-height:1.4;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.period-prices{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.period-price-old{position:relative;display:inline-block;font-size:15px;font-weight:500;color:#a89bb899;line-height:1.2;white-space:nowrap;font-family:inherit}.period-price-old:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.5px;background:#a89bb899;transform:translateY(-50%) rotate(-12deg);transform-origin:center}.period-price{font-size:20px;font-weight:700;color:#5b8def;line-height:1.2;white-space:nowrap;flex-shrink:0}.period-option-wrapper{display:flex;flex-direction:column;gap:0}.period-arrow{color:#5b8def;font-size:20px;font-weight:600;transition:transform .2s ease;flex-shrink:0;display:inline-block;transform:rotate(0);line-height:1;width:20px;text-align:center}.period-arrow-down{transform:rotate(90deg)}.period-upgrade-info{margin-top:12px;padding:12px 16px;background:#29263b99;border-radius:8px;border:1px solid rgba(91,141,239,.2);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.period-option-expanded{padding-bottom:16px}.period-upgrade-details{display:flex;flex-direction:column;gap:8px}.period-upgrade-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#e0e0e0;line-height:1.4;gap:8px;min-width:0}.period-upgrade-row>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.period-upgrade-row.period-upgrade-total{font-weight:600;color:#fff;margin-top:4px}.period-upgrade-value{display:flex;align-items:center;gap:10px;color:#5b8def;font-weight:600;white-space:nowrap;flex-shrink:0;margin-left:8px}.period-upgrade-value-old{position:relative;display:inline-block;font-size:13px;font-weight:500;color:#a89bb899;line-height:1.2;font-family:inherit}.period-upgrade-value-old:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1.5px;background:#a89bb899;transform:translateY(-50%) rotate(-12deg);transform-origin:center}.period-upgrade-total .period-upgrade-value{color:#b89af9;font-size:15px}.period-upgrade-divider{height:1px;background:#ffffff1a;margin:4px 0}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);background:#1e1e1e}.sidebar-payment-button{width:100%;background:linear-gradient(90deg,#5b8def,#b89af9);border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-payment-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #5b8def4d}.sidebar-payment-button:active:not(:disabled){transform:scale(.98);opacity:.85}.sidebar-payment-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.plans-main-title{font-size:24px}.plans-subtitle{font-size:14px}.plan-card{padding:16px 12px}.plan-name{font-size:20px}.plan-description{font-size:13px}.sidebar{max-height:85vh}}.app{min-height:100vh;background:#1e1e1e}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Source Sans Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:SF Mono,Monaco,Consolas,Courier New,monospace}