:root{--primary:#1e40af;--primary-dark:#1e3a8a;--secondary:#1d4ed8;--accent:#2563eb;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:#0f1419;--bg-secondary:#1a1f2e;--bg-tertiary:#252a3a;--bg-card:#1e2433;--bg-input:#2a3441;--text-primary:#ffffff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--border:#334155;--border-light:#475569;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--radius:12px;--radius-lg:16px;}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;height:100vh;font-size:16px;line-height:1.5;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}.app-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:auto;}.resize-animation-stopper *{animation-duration:0s !important;animation-delay:0s !important;transition-duration:0s !important;transition-delay:0s !important;}@keyframes logoFloat{0%,100%{transform:translateY(0px) scale(1);}50%{transform:translateY(-10px) scale(1.02);}}@keyframes loadingDots{0%,80%,100%{transform:scale(0.8);opacity:0.5;}40%{transform:scale(1.2);opacity:1;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.7;transform:scale(1.2);}}@keyframes slideDown{from{opacity:0;max-height:0;}to{opacity:1;max-height:100px;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideInUp{from{opacity:0;transform:translateY(50px);}to{opacity:1;transform:translateY(0);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-5px);}60%{transform:translateX(-50%) translateY(-3px);}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.5s ease-out,visibility 0.5s ease-out;}.splash-screen.hidden{opacity:0;visibility:hidden;}.splash-logo{width:120px;height:120px;margin-bottom:24px;animation:logoFloat 2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.3));}.splash-title{font-size:32px;font-weight:700;color:white;margin-bottom:8px;letter-spacing:-0.5px;}.splash-subtitle{font-size:16px;color:rgba(255,255,255,0.8);font-weight:500;}.loading-dots{display:flex;gap:4px;margin-top:32px;}.dot{width:8px;height:8px;background:rgba(255,255,255,0.8);border-radius:50%;animation:loadingDots 1.4s ease-in-out infinite both;}.dot:nth-child(1){animation-delay:-0.32s;}.dot:nth-child(2){animation-delay:-0.16s;}.app{height:100vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.5s ease-in;}.app.visible{opacity:1;}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);will-change:auto;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);opacity:1;visibility:visible;}.header *{transition:none !important;}.header.stable{animation:none !important;transition:none !important;transform:none !important;}.header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));}.header-content{padding:16px 20px 12px;display:flex;align-items:center;justify-content:space-between;}.header-left{display:flex;align-items:center;gap:12px;}.menu-button{padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;font-size:16px;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;}.menu-button:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;transform:translateY(-1px);}.header-brand{display:flex;align-items:center;gap:12px;}.header-logo{width:32px;height:32px;filter:brightness(1.1);}.brand-info h1{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:2px;letter-spacing:-0.3px;}.brand-info p{font-size:12px;color:var(--text-muted);font-weight:500;}.header-right{display:flex;align-items:center;gap:12px;}.server-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(5,150,105,0.1));border:1px solid rgba(16,185,129,0.3);border-radius:20px;font-size:12px;color:var(--success);font-weight:600;}.server-status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite;}.top-nav{display:flex;padding:8px 20px 16px;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(135deg,rgba(30,64,175,0.05) 0%,rgba(29,78,216,0.1) 50%,rgba(147,51,234,0.05) 100%);border-bottom:1px solid var(--border);position:relative;}.top-nav::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--secondary),transparent);}.top-nav::-webkit-scrollbar{display:none;}.nav-chip{flex-shrink:0;padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:25px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;}.nav-chip::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,64,175,0.1),transparent);transition:left 0.5s;}.nav-chip:hover::before{left:100%;}.nav-chip.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,64,175,0.3);}.nav-chip:hover:not(.active){background:linear-gradient(135deg,var(--bg-input),var(--bg-tertiary));color:var(--text-primary);transform:translateY(-1px);border-color:var(--primary);box-shadow:0 4px 12px rgba(30,64,175,0.2);}.nav-chip-icon{font-size:16px;}.side-menu{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);z-index:9999;transition:left 0.3s ease-in-out;overflow-y:auto;}.side-menu.active{left:0;}.side-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;}.side-menu-overlay.active{opacity:1;visibility:visible;}.side-menu-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}.side-menu-title{font-size:20px;font-weight:700;color:var(--text-primary);}.side-menu-close{width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.side-menu-close:hover{background:var(--error);color:white;}.side-menu-content{padding:20px 0;}.side-menu-item{padding:16px 20px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:16px;font-weight:500;}.side-menu-item:hover{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;}.side-menu-item-icon{font-size:20px;width:24px;text-align:center;}.content-area{flex:1;overflow-y:auto;scroll-behavior:smooth;}.tab-content{display:none;opacity:0;transform:translateY(30px) scale(0.95);transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);will-change:opacity,transform;}.tab-content.active{display:block;opacity:1;transform:translateY(0) scale(1);animation:smoothFadeInUp 0.6s cubic-bezier(0.25,0.8,0.25,1) forwards;}@keyframes smoothFadeInUp{0%{opacity:0;transform:translateY(30px) scale(0.95);}60%{opacity:0.8;transform:translateY(-5px) scale(1.02);}100%{opacity:1;transform:translateY(0) scale(1);}}.hero-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);padding:32px 24px 24px;text-align:center;border-bottom:1px solid var(--border);position:relative;min-height:calc(100vh - 160px);display:flex;flex-direction:column;justify-content:center;}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;animation:bounce 2s infinite;}.scroll-indicator svg{width:20px;height:20px;fill:currentColor;}.hero-title{font-size:28px;font-weight:800;color:var(--text-primary);margin-bottom:12px;line-height:1.2;}.hero-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.4;}.hero-actions{display:flex;flex-direction:column;gap:12px;max-width:300px;margin:0 auto 60px auto;}.hero-animated-text{background:linear-gradient(45deg,#06b6d4,#3b82f6,#8b5cf6,#06b6d4);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;font-size:18px;font-weight:700;text-align:center;margin-bottom:20px;letter-spacing:0.5px;}.quick-connect-steps{display:flex;justify-content:space-around;align-items:center;margin-bottom:24px;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);}.step-item{text-align:center;flex:1;position:relative;}.step-item:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:bold;}.step-number{width:30px;height:30px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 auto 8px;}.step-text{font-size:12px;color:var(--text-secondary);font-weight:500;}.btn-hero{padding:16px 24px;border-radius:var(--radius);font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;box-shadow:0 4px 16px rgba(30,64,175,0.4);border:1px solid rgba(30,64,175,0.2);transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);transform:translateZ(0);position:relative;overflow:hidden;}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;}.btn-primary:hover::before{left:100%;}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(30,64,175,0.6);background:linear-gradient(135deg,var(--primary-dark),var(--primary));}.btn-primary:active{transform:translateY(-1px) scale(0.98);transition:all 0.1s ease;}.payment-button{margin:20px auto !important;padding:20px 40px !important;font-size:18px !important;font-weight:700 !important;border-radius:12px !important;min-height:64px !important;box-shadow:0 6px 20px rgba(30,64,175,0.3) !important;background:linear-gradient(135deg,#1e40af,#3b82f6) !important;border:2px solid rgba(255,255,255,0.1) !important;}.payment-button:hover{transform:translateY(-3px) !important;box-shadow:0 10px 30px rgba(30,64,175,0.4) !important;background:linear-gradient(135deg,#1d4ed8,#2563eb) !important;}.price-display-small{text-align:center;margin:16px 0;transform:scale(0.8);}.price-display-small .price-amount{font-size:32px !important;font-weight:700;color:var(--primary);margin-bottom:4px;}.price-display-small .price-period{font-size:12px !important;color:var(--text-secondary);}.btn-secondary{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-light);}.btn{flex:1;padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s ease;text-align:center;}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary);}.btn-outline:hover{background:var(--bg-input);color:var(--text-primary);}.btn-channel{background:rgba(255,255,255,0.2);color:white;border:1px solid rgba(255,255,255,0.3);padding:12px 20px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-block;transition:all 0.2s ease;cursor:pointer;}.btn-channel:hover{background:rgba(255,255,255,0.3);}.features-section{padding:32px 24px;}.features-title{font-size:22px;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:24px;}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px;}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;}.feature-icon{font-size:32px;margin-bottom:12px;display:block;}.feature-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;}.feature-desc{font-size:13px;color:var(--text-muted);line-height:1.4;}.pricing-highlight{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;margin-bottom:24px;}.price-from{font-size:32px;font-weight:800;color:var(--success);margin-bottom:8px;}.price-desc{font-size:14px;color:var(--text-muted);}.channel-promo{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:var(--radius-lg);padding:20px;text-align:center;color:white;margin-bottom:24px;}.channel-title{font-size:18px;font-weight:600;margin-bottom:8px;}.channel-desc{font-size:14px;opacity:0.9;margin-bottom:16px;}.constructor-container,.payment-container,.dashboard-container,.support-container,.ai-services-container,.guides-container{padding:16px;max-width:100%;}.constructor-card,.payment-card,.support-card,.ai-intro{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;max-width:100%;box-sizing:border-box;}.constructor-title,.payment-title,.support-title,.ai-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px;text-align:center;}.constructor-subtitle,.payment-subtitle,.support-desc,.ai-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:20px;text-align:center;line-height:1.4;}.form-section{margin-bottom:28px;}.form-label{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:8px;}.form-icon{width:20px;height:20px;fill:var(--primary);}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text-primary);font-size:16px;margin-bottom:16px;}.form-input:focus{outline:none;border-color:var(--primary);}.form-textarea{min-height:100px;resize:vertical;}.country-selector{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all 0.2s ease;}.country-selector:hover{border-color:var(--primary);}.country-flag{font-size:24px;}.country-info{flex:1;}.country-name{font-size:16px;font-weight:600;color:var(--text-primary);}.country-desc{font-size:13px;color:var(--text-muted);}.slider-section{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.slider-label{font-size:14px;font-weight:500;color:var(--text-secondary);}.slider-value{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;}.slider{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(30,64,175,0.4);transition:all 0.2s ease;}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);}.speed-toggle{display:flex;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:4px;gap:4px;}.speed-option{flex:1;padding:12px;text-align:center;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-weight:500;}.speed-option.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;}.speed-option:not(.active){color:var(--text-muted);}.speed-option:not(.active):hover{color:var(--text-secondary);background:var(--bg-tertiary);}.price-display{background:linear-gradient(135deg,var(--success),#059669);color:white;border-radius:var(--radius-lg);padding:24px;text-align:center;margin:24px 0;box-shadow:var(--shadow-lg);}.price-amount{font-size:36px;font-weight:800;margin-bottom:4px;}.price-period{font-size:14px;opacity:0.9;}.ai-price{font-size:28px;font-weight:800;color:var(--success);margin-bottom:8px;}.ai-price-desc{font-size:14px;color:var(--text-muted);}.payment-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;}.payment-header{padding:20px;border-bottom:1px solid var(--border);text-align:center;position:relative;}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);}.order-summary{padding:20px;}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);}.summary-row:last-child{border-bottom:none;font-weight:600;font-size:16px;}.summary-label{color:var(--text-secondary);}.summary-value{color:var(--text-primary);}.payment-buttons{padding:20px;display:flex;flex-direction:column;gap:12px;}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;}.stat-card{background:var(--bg-input);border-radius:var(--radius);padding:16px;text-align:center;border:1px solid var(--border);}.stat-value{font-size:24px;font-weight:700;color:var(--primary);margin-bottom:4px;}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;}.dashboard-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;margin-bottom:20px;}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.dashboard-section-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);}.section-badge{background:var(--primary);color:white;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;min-width:20px;text-align:center;}.dashboard-items-list{display:flex;flex-direction:column;gap:12px;}.dashboard-item{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all 0.2s ease;}.dashboard-item:hover{border-color:var(--primary);transform:translateY(-1px);}.dashboard-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;}.dashboard-item-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;}.dashboard-item-status{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;}.dashboard-item-status.active{background:rgba(34,197,94,0.1);color:var(--success);}.dashboard-item-status.pending{background:rgba(249,115,22,0.1);color:var(--warning);}.dashboard-item-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}.dashboard-item-info{font-size:14px;color:var(--text-secondary);}.dashboard-item-time{font-size:12px;color:var(--text-muted);font-weight:500;}.dashboard-empty{text-align:center;padding:32px 16px;color:var(--text-muted);}.dashboard-empty-icon{font-size:32px;margin-bottom:8px;opacity:0.6;}.dashboard-empty-text{font-size:14px;line-height:1.5;}.subscription-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:20px;overflow:hidden;position:relative;transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);transform:translateZ(0);cursor:pointer;}.subscription-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 50px rgba(0,0,0,0.15);border-color:var(--primary);}.subscription-card.server-normal{background:linear-gradient(135deg,rgba(34,197,94,0.1) 0%,rgba(34,197,94,0.05) 100%);border-left:4px solid #22c55e;}.subscription-card.server-fast{background:linear-gradient(135deg,rgba(59,130,246,0.1) 0%,rgba(59,130,246,0.05) 100%);border-left:4px solid #3b82f6;}.subscription-card.expired{background:linear-gradient(135deg,rgba(239,68,68,0.1) 0%,rgba(239,68,68,0.05) 100%);border-left:4px solid #ef4444;opacity:0.8;}.expired-text{color:#ef4444 !important;font-weight:600;}.expired-bar{background:linear-gradient(135deg,#ef4444,#dc2626) !important;}.subscription-header{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}.subscription-title{font-size:18px;font-weight:600;color:var(--text-primary);}.subscription-id{font-size:12px;color:var(--text-muted);font-family:monospace;}.subscription-number{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}.subscription-meta{display:flex;flex-direction:column;gap:2px;}.subscription-extra-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;background:rgba(0,0,0,0.03);border-radius:8px;}.subscription-extra-info .info-item{display:flex;flex-direction:column;align-items:center;gap:2px;}.subscription-extra-info .info-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;}.subscription-extra-info .info-value{font-size:12px;font-weight:600;color:var(--text-primary);}.status-badge{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:600;}.status-active{background:var(--success);color:white;}.subscription-content{padding:20px;}.progress-section{margin-bottom:20px;}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.progress-title{font-size:14px;font-weight:500;color:var(--text-secondary);}.progress-value{font-size:14px;font-weight:600;color:var(--text-primary);}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width 0.8s ease;}.progress-fill.traffic-package{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc);box-shadow:0 0 10px rgba(139,92,246,0.3);}.subscription-actions{display:flex;gap:12px;}.subscription-actions-secondary{display:flex;gap:8px;margin-top:12px;}.btn-small{padding:8px 12px;font-size:13px;font-weight:500;}.current-tariff-info{background:linear-gradient(135deg,rgba(0,123,255,0.1),rgba(0,123,255,0.05));border:1px solid var(--primary);border-radius:var(--radius);padding:16px;margin-bottom:24px;}.current-tariff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}.current-tariff-title{font-size:16px;font-weight:600;color:var(--text-primary);}.current-tariff-badge{padding:4px 8px;background:var(--primary);color:white;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;}.current-tariff-details{display:flex;flex-direction:column;gap:8px;}.tariff-detail{display:flex;justify-content:space-between;font-size:14px;}.detail-label{color:var(--text-muted);}.detail-value{color:var(--text-primary);font-weight:500;}.extension-periods{margin-bottom:24px;}.extension-period-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;}.extension-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;}.extension-option{border:2px solid var(--border);border-radius:var(--radius);padding:16px 12px;text-align:center;cursor:pointer;transition:all 0.3s ease;position:relative;background:var(--bg-secondary);}.extension-option:hover{border-color:var(--primary);background:var(--bg-tertiary);}.extension-option.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(0,123,255,0.1),rgba(0,123,255,0.05));box-shadow:0 0 0 1px var(--primary);}.extension-option.popular{border-color:var(--secondary);}.extension-period{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;}.extension-price{font-size:18px;font-weight:700;color:var(--primary);}.extension-popular{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--secondary);color:white;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;}.extension-savings{position:absolute;top:-8px;right:-8px;background:var(--success);color:white;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;}.chart-container{height:200px;margin:20px 0;background:var(--bg-input);border-radius:var(--radius);padding:16px;border:1px solid var(--border);}.platform-selection{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;}.platforms-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.platform-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;cursor:pointer;transition:all 0.2s ease;}.platform-card:hover{border-color:var(--primary);transform:translateY(-2px);}.platform-card.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(30,64,175,0.1),rgba(29,78,216,0.1));}.platform-icon{width:48px;height:48px;margin:0 auto 12px;fill:var(--primary);font-size:48px;}.platform-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.platform-desc{font-size:12px;color:var(--text-muted);}.instruction-steps{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;}.step-indicator{display:flex;justify-content:center;margin-bottom:24px;gap:8px;}.step-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--border);transition:all 0.3s ease;}.step-dot.active{background:var(--primary);border-color:var(--primary);}.step-dot.completed{background:var(--success);border-color:var(--success);}.step-content{min-height:300px;display:flex;flex-direction:column;align-items:center;text-align:center;}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border-radius:50%;font-size:18px;font-weight:700;margin-bottom:16px;}.step-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px;}.step-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;}.step-gif-placeholder{width:200px;height:120px;background:var(--bg-input);border:2px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;margin-bottom:20px;}.step-navigation{display:flex;gap:12px;margin-top:auto;}.btn-step{padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all 0.2s ease;}.btn-step-prev{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border);}.btn-step-prev:hover{background:var(--bg-tertiary);}.btn-step-next{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;}.btn-step-next:hover{transform:translateY(-1px);}.btn-step-download{background:var(--success);color:white;}.btn-step-download:hover{background:#059669;}.ai-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;}.ai-service-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;}.ai-service-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.ai-service-desc{font-size:12px;color:var(--text-muted);}.ai-request-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;}.key-display{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:16px;margin:16px 0;font-family:monospace;word-break:break-all;font-size:12px;color:var(--text-primary);}.btn-copy-key{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:none;padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all 0.2s ease;}.btn-copy-key:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(30,64,175,0.3);}.faq-item{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden;}.faq-question{padding:16px;cursor:pointer;font-weight:500;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;transition:background 0.2s ease;}.faq-question:hover{background:var(--bg-tertiary);}.faq-answer{padding:0 16px 16px;color:var(--text-secondary);font-size:14px;line-height:1.6;display:none;}.faq-answer.active{display:block;animation:slideDown 0.3s ease;}.success-modal,.key-modal,.device-selection-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;}.success-content,.key-modal-content,.device-selection-content{background:var(--bg-card);border-radius:20px;padding:30px;max-width:90%;text-align:center;border:1px solid var(--border);animation:slideInUp 0.3s ease;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:20px;position:relative;}.key-modal-content{width:400px;}.key-modal h3{color:var(--primary);margin-bottom:16px;font-size:20px;}.key-modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap;}.btn-instructions{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all 0.2s ease;}.btn-instructions:hover{background:var(--bg-tertiary);}.btn-close{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all 0.2s ease;}.btn-close:hover{background:var(--error);color:white;}.device-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:24px 0;}.device-option{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all 0.2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;}.device-option:hover{border-color:var(--primary);background:var(--bg-tertiary);}.device-option.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(30,64,175,0.1),rgba(29,78,216,0.1));}.device-icon{font-size:32px;margin-bottom:8px;}.device-name{font-size:14px;font-weight:600;color:var(--text-primary);}.connect-button{background:linear-gradient(135deg,var(--success),#059669);color:white;border:none;padding:16px 32px;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;transition:all 0.2s ease;}.connect-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,0.3);}.connect-button:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none;}.payment-status-checker{position:fixed;bottom:20px;right:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-lg);z-index:1000;display:none;}.payment-status-checker.active{display:block;animation:slideInUp 0.3s ease;}.status-text{font-size:14px;color:var(--text-secondary);margin-bottom:8px;}.status-progress{width:100%;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;}.status-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));width:0%;animation:progressBar 30s linear infinite;}@keyframes progressBar{from{width:0%;}to{width:100%;}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,20,25,0.9);z-index:9998;display:flex;align-items:center;justify-content:center;flex-direction:column;}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.loading-text{color:var(--text-secondary);font-size:14px;}.extend-warning{background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(217,119,6,0.1));border:1px solid rgba(245,158,11,0.3);border-radius:var(--radius);padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;}.extend-warning-icon{font-size:24px;}.extend-warning-text{flex:1;font-size:14px;color:var(--text-secondary);}.extend-info{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:20px;}.extend-info-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;}.extend-info-details{font-size:14px;color:var(--text-secondary);line-height:1.6;}.compression-links{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px;}.compression-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;}.compression-link{display:inline-block;padding:8px 12px;background:var(--bg-tertiary);color:var(--primary);text-decoration:none;border-radius:6px;margin:4px 8px 4px 0;font-size:13px;font-weight:500;transition:all 0.2s ease;}.compression-link:hover{background:var(--primary);color:white;}.coming-soon{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;color:var(--text-muted);font-size:14px;font-style:italic;text-align:center;margin-top:8px;}@media (min-width:768px) and (max-width:1024px){.container{max-width:750px;padding:0 40px;}.hero-section{padding:48px 40px 40px;min-height:calc(100vh - 140px);}.features-grid,.stats-grid,.platforms-grid{grid-template-columns:repeat(2,1fr);gap:24px;}.ai-services-grid{grid-template-columns:repeat(2,1fr);gap:20px;}.subscription-card{margin-bottom:24px;}.key-modal-content{width:500px;max-width:90vw;}.navigation-wrapper{padding:0 20px;}.nav-chips{justify-content:center;flex-wrap:wrap;}}@media (min-width:1024px){.container{max-width:1000px;padding:0 60px;}.hero-section{padding:60px 60px 48px;min-height:calc(100vh - 120px);}.features-grid,.stats-grid,.platforms-grid{grid-template-columns:repeat(3,1fr);gap:32px;}.ai-services-grid{grid-template-columns:repeat(3,1fr);gap:24px;}.device-grid{grid-template-columns:repeat(4,1fr);gap:20px;}.subscription-card{margin-bottom:28px;}.key-modal-content{width:600px;max-width:80vw;}.subscription-card:hover{transform:translateY(-8px) scale(1.03);}.btn-primary:hover{transform:translateY(-4px) scale(1.03);}}@media (min-width:600px) and (max-width:767px){.container{padding:0 30px;}.hero-section{padding:36px 30px 32px;}.features-grid,.stats-grid,.platforms-grid,.ai-services-grid{grid-template-columns:repeat(2,1fr);gap:20px;}.key-modal-content{width:450px;max-width:95vw;}}.change-timing-info{background:var(--bg-tertiary);border:1px solid var(--warning);border-radius:var(--radius);padding:16px;margin:20px 0;display:flex;align-items:center;gap:12px;}.timing-icon{font-size:20px;}.timing-text{color:var(--text);line-height:1.4;}.scheduled-change-info{margin-top:24px;}.scheduled-change-card{background:var(--bg-card);border:1px solid var(--primary);border-radius:var(--radius);padding:16px;}.current-plan-expires{font-size:13px;color:var(--warning);font-weight:500;margin-top:4px;}.tariff-change-section{margin-top:24px;}.change-note{color:var(--text-muted);font-size:14px;margin-bottom:16px;font-style:italic;}.no-tariffs{text-align:center;color:var(--text-muted);font-size:16px;padding:40px 20px;font-style:italic;}@media (max-width:599px){.hero-section{padding:28px 20px 24px;min-height:calc(100vh - 180px);}.features-grid,.stats-grid,.platforms-grid,.ai-services-grid,.device-grid{grid-template-columns:1fr;gap:16px;}.key-modal-buttons{flex-direction:column;gap:12px;}.key-modal-content{width:95vw;margin:10px;padding:24px;}.subscription-card{margin-bottom:16px;}.traffic-boosts-container,.deferred-changes-container{padding:16px;}.section-intro{padding:16px;margin-bottom:20px;}.section-title{font-size:20px;}.current-subscription-info{padding:16px;margin-bottom:20px;}.boost-packages-grid{gap:16px;}.boost-package{padding:16px;}.boost-package-title{font-size:16px;}.boost-package-details{font-size:12px;}.change-form-grid{grid-template-columns:1fr;gap:16px;}.nav-chips{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}.nav-chips::-webkit-scrollbar{display:none;}}@media (max-width:390px){.container{padding:0 16px;}.hero-section{padding:24px 16px;}.key-modal-content{padding:20px;}.nav-chip{min-width:70px;font-size:12px;padding:8px 12px;}.dashboard-section{padding:16px;margin-bottom:16px;}.dashboard-section-header h3{font-size:16px;}.dashboard-item{padding:12px;}.dashboard-item-header{flex-direction:column;align-items:flex-start;gap:8px;}.dashboard-item-title{font-size:14px;}.dashboard-item-details{flex-direction:column;align-items:flex-start;gap:4px;}.dashboard-item-info,.dashboard-item-time{font-size:12px;}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.subscription-card:hover,.btn-primary:hover,.btn-secondary:hover{transform:none;}}@media (prefers-contrast:high){.subscription-card{border-width:2px;}.btn-primary,.btn-secondary{border-width:2px;}}.skeleton-loader{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-input) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:8px;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.tab-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 6px rgba(74,144,226,0.2);}@media (pointer:coarse){.btn-primary,.btn-secondary,.subscription-card,.nav-chip,.boost-package,.dashboard-item,.duration-header,.tariff-option{min-height:48px;}.subscription-card,.boost-package,.dashboard-item{padding:20px;}.boost-package:active,.dashboard-item:active,.duration-header:active,.tariff-option:active{transform:scale(0.98);background-color:var(--bg-tertiary);}.nav-chips,.boost-packages-grid{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}.boost-package,.dashboard-item,.duration-header,.tariff-option{-webkit-tap-highlight-color:rgba(74,144,226,0.2);tap-highlight-color:rgba(74,144,226,0.2);}}.content-area::-webkit-scrollbar{width:4px;}.content-area::-webkit-scrollbar-track{background:var(--bg-secondary);}.content-area::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px;}.content-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted);}.side-menu::-webkit-scrollbar{width:4px;}.side-menu::-webkit-scrollbar-track{background:var(--bg-secondary);}.side-menu::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px;}.server-type-selector{margin-bottom:20px;}.server-type-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;text-align:center;}.server-type-options{display:flex;flex-direction:column;gap:10px;}.server-type-option{border:2px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all 0.2s ease;background:var(--bg-card);box-sizing:border-box;}.server-type-option:hover{border-color:var(--primary);transform:translateY(-1px);}.server-type-option.selected{border-color:var(--primary);background:linear-gradient(135deg,rgba(30,64,175,0.08),rgba(30,64,175,0.04));transform:translateY(-1px);}.server-type-header{display:flex;align-items:center;gap:12px;}.server-type-flag{font-size:20px;flex-shrink:0;}.server-type-info{flex:1;min-width:0;}.server-type-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;}.server-type-desc{font-size:12px;color:var(--text-muted);line-height:1.3;}.server-type-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border);flex-shrink:0;}.server-type-badge.premium{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:1px solid #667eea;}.duration-sections{display:flex;flex-direction:column;gap:12px;margin-top:8px;}.duration-section{border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all 0.2s ease;background:var(--bg-card);}.duration-section.expanded{border-color:var(--primary);transform:translateY(-1px);}.duration-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;cursor:pointer;background:var(--bg-card);transition:background-color 0.2s ease;}.duration-header:hover{background:var(--bg-tertiary);}.duration-info{flex:1;min-width:0;}.duration-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;}.duration-desc{font-size:12px;color:var(--text-muted);line-height:1.3;}.duration-price{font-size:15px;font-weight:600;color:var(--primary);margin-right:8px;flex-shrink:0;}.duration-arrow{transition:transform 0.2s ease;color:var(--text-muted);flex-shrink:0;}.duration-section.expanded .duration-arrow{transform:rotate(180deg);}.duration-content{padding:0 18px 16px;max-height:0;overflow:hidden;transition:max-height 0.2s ease;}.duration-section.expanded .duration-content{max-height:600px;}.tariff-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}.tariff-option{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all 0.2s ease;background:var(--bg-card);position:relative;box-sizing:border-box;overflow:hidden;}.tariff-option:hover{border-color:var(--primary);background:var(--bg-tertiary);transform:translateY(-1px);}.tariff-option.selected{border-color:var(--primary);background:rgba(30,64,175,0.08);transform:translateY(-1px);}.tariff-option.popular{border-color:var(--success);background:rgba(16,185,129,0.06);}.tariff-option.popular:hover{background:rgba(16,185,129,0.12);}.tariff-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;}.tariff-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;}.tariff-details{font-size:12px;color:var(--text-muted);line-height:1.3;display:flex;flex-wrap:wrap;gap:8px;}.detail-item{font-size:12px;color:var(--text-muted);}.popular-badge{position:absolute;top:-6px;right:12px;background:linear-gradient(135deg,var(--success),#059669);color:white;font-size:10px;font-weight:700;padding:4px 8px;border-radius:12px;letter-spacing:0.5px;z-index:10;box-shadow:0 2px 8px rgba(16,185,129,0.3);animation:pulse 2s infinite;}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}.savings{font-size:11px;color:var(--success);font-weight:600;margin-top:4px;padding:2px 6px;background:rgba(16,185,129,0.1);border-radius:6px;display:inline-block;}.tariff-price-container{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;flex-shrink:0;}.tariff-price{font-size:16px;font-weight:700;color:var(--primary);}.price-per-gb{font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 4px;border-radius:3px;}.duration-buy-btn{width:100%;padding:12px 16px;background:var(--primary);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin-top:4px;}.duration-buy-btn:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed;}.duration-buy-btn:not(:disabled):hover{background:#1d4ed8;}.duration-buy-btn:active:not(:disabled){transform:translateY(0);}.selected-plan-indicator{margin-top:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;}.selected-plan-info{flex:1;}.selected-plan-name{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;}.selected-plan-details{font-size:13px;color:var(--text-muted);}.selected-plan-price{font-size:18px;font-weight:700;color:var(--primary);}.requests-container{max-width:100%;margin:0 auto;padding:20px;}.requests-header{text-align:center;margin-bottom:32px;}.requests-title{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;}.requests-subtitle{font-size:15px;color:var(--text-muted);line-height:1.5;}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;}.request-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all 0.2s ease;}.request-card:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(30,64,175,0.2);}.request-card-header{padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}.request-type{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);}.request-date{font-size:12px;color:var(--text-muted);}.request-card-body{padding:16px;}.request-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.request-info-row:last-child{margin-bottom:0;}.request-label{font-size:14px;color:var(--text-muted);}.request-value{font-size:14px;color:var(--text-primary);font-weight:500;}.request-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;}.request-status.active{background:linear-gradient(135deg,var(--success),#0d9488);color:white;}.request-status.expired{background:linear-gradient(135deg,var(--error),#dc2626);color:white;}.request-status.pending{background:linear-gradient(135deg,var(--warning),#d97706);color:white;}.empty-requests{text-align:center;padding:60px 20px;}.empty-requests-icon{font-size:64px;margin-bottom:16px;opacity:0.5;}.empty-requests-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px;}.empty-requests-text{font-size:14px;color:var(--text-muted);line-height:1.5;}@media (max-width:768px){.requests-container{padding:16px;}.requests-grid{grid-template-columns:1fr;gap:16px;}.request-card-header{padding:12px 16px;}.request-card-body{padding:12px 16px;}.request-type{font-size:15px;}.request-date{font-size:11px;}.request-info-row{margin-bottom:6px;}.request-label,.request-value{font-size:13px;}}.traffic-boosts-container{max-width:100%;margin:0 auto;}.section-intro{text-align:center;margin-bottom:32px;}.section-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:8px;}.section-subtitle{font-size:15px;color:var(--text-muted);line-height:1.5;}.current-subscription-info{margin-bottom:24px;}.info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}.info-header{display:flex;align-items:center;gap:8px;padding:16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);}.info-icon{font-size:16px;}.info-title{font-size:16px;font-weight:600;color:var(--text);}.info-content{padding:16px;}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.info-row:last-child{margin-bottom:0;}.info-label{color:var(--text-muted);font-size:14px;}.info-value{color:var(--text);font-weight:500;font-size:14px;}.active-boosts-section{margin-bottom:24px;}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:0 4px;}.section-icon{font-size:16px;}.section-name{font-size:18px;font-weight:600;color:var(--text);}.active-boosts-list{display:flex;flex-direction:column;gap:12px;}.active-boost-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-card);border:1px solid var(--success);border-radius:var(--radius);}.boost-details{flex:1;}.boost-name{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px;}.boost-info{font-size:14px;color:var(--text-muted);}.boost-expiry{font-size:13px;color:var(--warning);font-weight:500;}.available-boosts-section{margin-bottom:24px;}.boost-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;}.boost-package{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all 0.2s ease;position:relative;overflow:hidden;}.boost-package:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.boost-package.popular{border-color:var(--warning);background:linear-gradient(135deg,var(--bg-card),rgba(255,193,7,0.05));}.popular-badge{position:absolute;top:12px;right:12px;background:var(--warning);color:#000;font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;}.package-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.package-title{font-size:18px;font-weight:600;color:var(--text);}.package-price{font-size:20px;font-weight:700;color:var(--primary);}.package-details{display:flex;align-items:center;gap:16px;margin-bottom:12px;}.package-traffic{font-size:24px;font-weight:700;color:var(--success);}.package-duration{font-size:14px;color:var(--text-muted);background:var(--bg-tertiary);padding:4px 8px;border-radius:12px;}.package-description{font-size:14px;color:var(--text-muted);line-height:1.4;margin-bottom:20px;}.package-buy-btn{width:100%;padding:12px 16px;background:var(--primary);color:white;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.package-buy-btn:hover{background:var(--primary-dark);transform:translateY(-1px);}.boost-info-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;}.info-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;}.info-item{display:flex;align-items:center;gap:12px;}.info-bullet{font-size:16px;flex-shrink:0;}.info-text{font-size:14px;color:var(--text-muted);line-height:1.4;}.deferred-changes-container{max-width:100%;margin:0 auto;}.current-tariff-info{margin-bottom:24px;}@media (max-width:480px){.constructor-container{padding:12px;}.constructor-card{padding:16px;}.constructor-title{font-size:16px;}.constructor-subtitle{font-size:13px;}.server-type-option{padding:12px;}.server-type-name{font-size:14px;}.server-type-desc{font-size:11px;}.duration-header{padding:12px 14px;}.duration-title{font-size:14px;}.duration-desc{font-size:11px;}.duration-price{font-size:14px;}.tariff-option{padding:12px 14px;}.tariff-name{font-size:14px;}.tariff-details{font-size:11px;}.tariff-price{font-size:14px;}.price-per-gb{font-size:9px;}.duration-buy-btn{padding:10px 14px;font-size:13px;}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;justify-content:center;align-items:center;z-index:10001;padding:20px;box-sizing:border-box;}.modal.active{display:flex;}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);}.modal-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0;}.modal-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all 0.2s ease;}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary);}.modal-body{color:var(--text-secondary);line-height:1.6;}.current-subscription-info{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;margin-bottom:20px;border:1px solid var(--border);}.current-subscription-info h4{color:var(--text-primary);margin:0 0 12px 0;font-size:16px;}.subscription-details{display:grid;gap:8px;}.subscription-detail{display:flex;justify-content:space-between;color:var(--text-muted);font-size:14px;}.subscription-detail .value{color:var(--text-secondary);font-weight:500;}.tariff-options{display:grid;gap:12px;margin:20px 0;}.tariff-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all 0.2s ease;position:relative;}.tariff-option:hover{border-color:var(--primary);background:var(--bg-tertiary);}.tariff-option.selected{border-color:var(--primary);background:var(--bg-tertiary);}.tariff-option.selected::after{content:'✓';position:absolute;top:12px;right:12px;background:var(--primary);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;}.tariff-name{color:var(--text-primary);font-weight:600;margin-bottom:8px;}.tariff-details{color:var(--text-muted);font-size:14px;display:grid;gap:4px;}.tariff-price{color:var(--primary);font-weight:600;font-size:18px;margin-top:12px;}.modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;}.modal-btn{padding:12px 24px;border-radius:var(--radius);border:none;font-weight:500;cursor:pointer;transition:all 0.2s ease;font-size:14px;}.modal-btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);}.modal-btn-secondary:hover{background:var(--bg-input);}.modal-btn-primary{background:var(--primary);color:white;}.modal-btn-primary:hover{background:var(--primary-dark);}.modal-btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;}.tariff-selector{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;}.period-selector h5{margin:0 0 16px 0;font-size:16px;font-weight:600;color:var(--text-primary);}.period-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:24px;}.period-option{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);cursor:pointer;transition:all 0.2s ease;text-align:center;}.period-option:hover{border-color:var(--primary);background:var(--bg-tertiary);transform:translateY(-1px);}.period-option.active{border-color:var(--primary);background:linear-gradient(135deg,rgba(30,64,175,0.1),rgba(30,64,175,0.05));transform:translateY(-1px);}.period-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.period-desc{font-size:12px;color:var(--text-muted);}.traffic-selector h5{margin:0 0 16px 0;font-size:16px;font-weight:600;color:var(--text-primary);}.traffic-slider-container{position:relative;margin-bottom:24px;}.traffic-slider{width:100%;height:6px;border-radius:3px;background:var(--border-light);outline:none;opacity:0.8;transition:opacity 0.2s;-webkit-appearance:none;appearance:none;margin-bottom:16px;}.traffic-slider:hover{opacity:1;}.traffic-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,0.2);}.traffic-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,0.2);}.traffic-labels{display:flex;justify-content:space-between;align-items:center;margin-top:8px;}.traffic-label{font-size:12px;color:var(--text-muted);padding:4px 8px;border-radius:4px;background:transparent;transition:all 0.2s ease;flex:1;text-align:center;}.traffic-label.active{background:var(--primary);color:white;font-weight:600;transform:scale(1.05);}.selected-tariff-info{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:16px;}.tariff-summary{display:flex;flex-direction:column;gap:12px;}.tariff-summary-item{display:flex;justify-content:space-between;align-items:center;}.summary-label{font-size:14px;color:var(--text-muted);}.summary-value{font-size:14px;font-weight:600;color:var(--text-primary);}#selectedTariffPrice{color:var(--primary);font-size:16px;}@media (max-width:768px){.tariff-selector{padding:16px;}.period-options{grid-template-columns:repeat(2,1fr);gap:8px;}.period-option{padding:12px 8px;}.period-label{font-size:13px;}.period-desc{font-size:11px;}.traffic-slider{height:8px;}.traffic-slider::-webkit-slider-thumb{width:24px;height:24px;}.traffic-slider::-moz-range-thumb{width:24px;height:24px;}.traffic-label{font-size:11px;padding:3px 6px;}}.purchase-interface{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;margin:20px 0;box-shadow:0 4px 12px rgba(0,0,0,0.1);}.period-selector-main h3{margin:0 0 20px 0;font-size:18px;font-weight:600;color:var(--text-primary);}.period-options-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;}.period-option-main{display:flex;flex-direction:column;padding:20px 16px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all 0.3s ease;text-align:center;position:relative;}.period-option-main:hover{border-color:var(--primary);background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}.period-option-main.active{border-color:var(--primary);background:linear-gradient(135deg,rgba(30,64,175,0.1),rgba(30,64,175,0.05));transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,64,175,0.2);}.period-option-main.recommended{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(16,185,129,0.05));}.period-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}.period-label-main{font-size:16px;font-weight:600;color:var(--text-primary);}.period-badge-main{font-size:10px;font-weight:600;text-transform:uppercase;padding:4px 8px;border-radius:12px;background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border);}.recommended-badge{background:#10b981 !important;color:white !important;border-color:#10b981 !important;}.period-desc-main{font-size:13px;color:var(--text-muted);margin-bottom:8px;}.period-from-main{font-size:15px;font-weight:600;color:var(--primary);}.traffic-selector-main h3{margin:0 0 20px 0;font-size:18px;font-weight:600;color:var(--text-primary);}.traffic-slider-container-main{margin-bottom:32px;}.traffic-slider-main{width:100%;height:8px;border-radius:4px;background:var(--border-light);outline:none;opacity:0.8;transition:opacity 0.2s;-webkit-appearance:none;appearance:none;margin-bottom:20px;}.traffic-slider-main:hover{opacity:1;}.traffic-slider-main::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.traffic-slider-main::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 8px rgba(0,0,0,0.2);}.traffic-labels-main{display:flex;justify-content:space-between;align-items:center;}.traffic-label-main{font-size:14px;color:var(--text-muted);padding:8px 12px;border-radius:8px;background:transparent;transition:all 0.3s ease;flex:1;text-align:center;font-weight:500;}.traffic-label-main.active{background:var(--primary);color:white;font-weight:600;transform:scale(1.08);}.selected-plan-details{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;}.plan-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.plan-preview-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);}.savings-badge{background:#10b981;color:white;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;}.plan-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;}.plan-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;}.info-label{font-size:14px;color:var(--text-muted);}.info-value{font-size:14px;font-weight:600;color:var(--text-primary);}.price-value{color:var(--primary);font-size:16px;}.purchase-btn{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;border:none;border-radius:var(--radius-lg);padding:16px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(30,64,175,0.3);}.purchase-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,64,175,0.4);}.purchase-btn:active{transform:translateY(0);}.purchase-icon{font-size:18px;font-weight:bold;}@media (max-width:768px){.purchase-interface{padding:20px;margin:16px 0;}.period-options-main{grid-template-columns:repeat(2,1fr);gap:12px;}.period-option-main{padding:16px 12px;}.period-label-main{font-size:14px;}.period-badge-main{font-size:9px;padding:3px 6px;}.traffic-slider-main{height:10px;}.traffic-slider-main::-webkit-slider-thumb{width:28px;height:28px;}.traffic-slider-main::-moz-range-thumb{width:28px;height:28px;}.traffic-label-main{font-size:12px;padding:6px 8px;}.plan-info{grid-template-columns:1fr;gap:8px;}.purchase-btn{padding:14px 20px;font-size:15px;}}.renewal-options{display:grid;gap:12px;margin:20px 0;}.renewal-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all 0.2s ease;position:relative;}.renewal-option:hover{border-color:var(--primary);background:var(--bg-tertiary);}.renewal-option.selected{border-color:var(--primary);background:var(--bg-tertiary);}.renewal-option.selected::after{content:'✓';position:absolute;top:12px;right:12px;background:var(--primary);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;}.renewal-period{color:var(--text-primary);font-weight:600;margin-bottom:4px;}.renewal-description{color:var(--text-muted);font-size:14px;margin-bottom:8px;}.renewal-price{color:var(--primary);font-weight:600;font-size:16px;}.traffic-options{display:grid;gap:12px;margin:20px 0;}.traffic-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all 0.2s ease;position:relative;}.traffic-option:hover{border-color:var(--primary);background:var(--bg-tertiary);}.traffic-option.selected{border-color:var(--primary);background:var(--bg-tertiary);}.traffic-option.selected::after{content:'✓';position:absolute;top:12px;right:12px;background:var(--primary);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;}.traffic-amount{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;}.traffic-description{font-size:14px;color:var(--text-secondary);margin-bottom:8px;}.traffic-price{font-size:18px;font-weight:600;color:var(--primary);}