@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";.nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:#ffffff14;backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:4px 6px;box-shadow:0 4px 24px #00000040,inset 0 .5px #ffffff14}.nav-inner{display:flex;align-items:center;gap:0}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 14px;min-width:56px;min-height:44px;border-radius:var(--radius-full);color:#ffffff59;transition:color .2s var(--ease-standard),background .2s var(--ease-standard);-webkit-tap-highlight-color:transparent;position:relative}.nav-tab--active{color:var(--text-primary);background:#ffffff1f}.nav-tab:not(.nav-tab--active):hover{color:#fff9}.nav-tab-label{font-size:10px;font-weight:500;letter-spacing:.01em}@media(min-width:768px){.nav{bottom:24px}.nav-tab{padding:8px 18px}.nav-tab-label{font-size:11px}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;transition:all .3s var(--ease-standard)}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff1f,#ffffff05);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-card[onClick]:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d;cursor:pointer}.glass-card--glow{animation:pulseGlow 3s ease-in-out infinite}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border-radius:var(--radius-md);font-weight:500;letter-spacing:-.01em;transition:all .3s var(--ease-standard);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn--md{padding:12px 24px;font-size:15px}.btn--sm{padding:8px 16px;font-size:13px}.btn--lg{padding:16px 32px;font-size:17px}.btn--full{width:100%}.btn--primary{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--text-primary)}.btn--primary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.btn--accent{background:#ffffffe6;color:#0a0a0a;font-weight:600;border:1px solid transparent}.btn--accent:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 24px #ffffff26}.btn--danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn--danger:hover:not(:disabled){background:#ef444440}.btn--ghost{background:transparent;border:1px solid transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);width:0;height:0;transform:translate(-50%,-50%);animation:rippleExpand .6s var(--ease-decelerate) forwards;pointer-events:none}@keyframes rippleExpand{to{width:300px;height:300px;opacity:0}}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--text-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-wrap{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:-.01em}.input-field{display:flex;align-items:center;gap:var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 16px;transition:all .3s var(--ease-standard)}.input-wrap--focused .input-field{border-color:#ffffff4d;background:var(--glass-bg-hover);box-shadow:0 0 0 3px #ffffff0d}.input-wrap--error .input-field{border-color:#ef444480}.input-icon{color:var(--text-tertiary);flex-shrink:0}.input-el{flex:1;min-width:0;font-size:15px;color:var(--text-primary);background:transparent!important}.input-el::placeholder{color:var(--text-tertiary)}.input-el:-webkit-autofill,.input-el:-webkit-autofill:hover,.input-el:-webkit-autofill:focus,.input-el:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.05) inset!important;background-color:transparent!important;border:none!important;transition:background-color 5000s ease-in-out 0s;caret-color:var(--text-primary)}.input-error{font-size:12px;color:var(--accent-red)}.home-tg-link{display:block;text-decoration:none;color:inherit}.form-hint{font-size:13px;opacity:.65;margin:0 0 12px}.form-error{color:#ff6b6b;font-size:13px;margin-top:8px}.home-tg-card{display:flex;align-items:center;gap:12px;padding:12px 16px!important}.home-tg-info{flex:1;display:flex;flex-direction:column}.home-tg-title{font-weight:600;font-size:15px}.home-tg-desc{font-size:13px;opacity:.7}.home{padding:var(--space-md) var(--space-lg);padding-bottom:100px;display:flex;flex-direction:column;gap:var(--space-md);width:100%;box-sizing:border-box}.home--dash{gap:var(--space-sm);padding-top:0;justify-content:flex-start;padding-bottom:80px}.home-hero{text-align:center;padding:var(--space-sm) 0 var(--space-sm)}.home-logo{width:80px;height:80px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--text-primary)}.home-title{font-size:32px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.home-subtitle{font-size:15px;color:var(--text-secondary)}.form-title{font-size:16px;font-weight:600;margin-bottom:var(--space-md);letter-spacing:-.02em}.form-fields{display:flex;flex-direction:column;gap:var(--space-md)}.home-divider{display:flex;align-items:center;gap:var(--space-md)}.divider-line{flex:1;height:1px;background:var(--glass-border)}.divider-text{font-size:13px;color:var(--text-tertiary);font-weight:500}.dash-status-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-lg);border:1px solid var(--glass-border)}.dash-status-bar--active{background:#22c55e14;border-color:#22c55e33}.dash-status-bar--inactive{background:#ef444414;border-color:#ef444433}.dash-status-left{display:flex;align-items:center;gap:var(--space-sm)}.dash-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-red)}.dash-status-dot--on{background:var(--accent-green);box-shadow:0 0 8px #22c55e80}.dash-status-text{font-size:15px;font-weight:600}.dash-status-bar--active .dash-status-text{color:var(--accent-green)}.dash-status-bar--inactive .dash-status-text{color:var(--accent-red)}.dash-status-days{font-size:13px;color:var(--text-secondary);font-weight:500}.dash-status-days--red{color:var(--accent-red)}.dash-token-card{padding:var(--space-md)!important}.dash-token-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.dash-token-value{font-size:15px;font-weight:600;letter-spacing:.01em}.connect-link-label{display:block;font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;font-weight:500;margin-bottom:var(--space-sm)}.connect-link-row{display:flex;align-items:center;gap:var(--space-sm);background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;color:var(--text-tertiary)}.connect-link-url{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Sans,monospace}.connect-link-copy{flex-shrink:0;padding:4px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:color .2s;cursor:pointer}.connect-link-copy:hover{color:var(--text-primary)}.connect-link-hint{font-size:12px;color:var(--text-tertiary);margin-top:var(--space-sm)}.dash-mini-label{display:block;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.dash-card{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.dash-card-info{flex:1}.dash-card-title{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}.dash-card-desc{display:block;font-size:13px;color:var(--text-secondary)}.dash-card--accent{background:#ffffff14!important;border-color:#fff3!important}.page{padding:var(--space-md) var(--space-lg);padding-bottom:100px}.page-title{font-size:26px;font-weight:700;letter-spacing:-.03em;margin:0 0 4px}.page-desc{font-size:14px;color:var(--text-secondary);margin:0 0 var(--space-md)}.servers-list{display:flex;flex-direction:column;gap:var(--space-md)}.server-card{padding:var(--space-md) var(--space-lg)}.server-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.server-flag{font-size:28px}.server-info{flex:1}.server-name{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}.server-location{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary)}.server-status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--radius-full)}.server-status--online{background:#22c55e1f;color:var(--accent-green)}.server-status--offline{background:#ef44441f;color:var(--accent-red)}.server-stats{display:flex;gap:var(--space-lg)}.server-stat-label{display:block;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.server-stat-value{font-size:14px;font-weight:500}.server-bar{height:3px;background:#ffffff0f;border-radius:2px;margin-top:var(--space-md);overflow:hidden}.server-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-yellow));border-radius:2px;transition:width .5s var(--ease-standard)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.skeleton-card{height:120px;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.servers-loading{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.devices-bar{display:flex;gap:6px;margin-bottom:var(--space-lg)}.devices-bar-dot{flex:1;height:4px;border-radius:2px;background:#ffffff14;transition:background .3s var(--ease-standard)}.devices-bar-dot--active{background:var(--accent-green)}.devices-list{display:flex;flex-direction:column;gap:var(--space-md)}.device-card{padding:var(--space-md) var(--space-lg)}.device-row{display:flex;align-items:center;gap:var(--space-md)}.device-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:var(--radius-md);color:var(--text-secondary)}.device-info{flex:1}.device-name{display:block;font-size:14px;font-weight:500}.device-meta{font-size:12px;color:var(--text-tertiary)}.plans-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.plan-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)!important;cursor:pointer;transition:all .25s var(--ease-standard)}.plan-card--selected{border-color:#ffffff4d!important;background:#ffffff14!important}.plan-header{flex:1;display:flex;align-items:center;gap:var(--space-sm)}.plan-label{font-size:15px;font-weight:500}.plan-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:#22c55e26;color:var(--accent-green)}.plan-popular{font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:#ffffff1a;color:var(--text-secondary)}.plan-price{font-size:16px;font-weight:600;letter-spacing:-.02em}.plan-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.15);transition:all .2s var(--ease-standard)}.plan-card--selected .plan-check,.method-card--selected .plan-check{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.section-title{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-md)}.methods-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.method-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)!important;cursor:pointer}.method-card--selected{border-color:#ffffff4d!important;background:#ffffff14!important}.method-icon-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:var(--radius-md)}.method-info{flex:1}.method-label{display:block;font-size:14px;font-weight:500}.method-desc{display:block;font-size:12px;color:var(--text-tertiary)}.payment-action{margin-bottom:var(--space-lg)}.payment-unavailable{margin:12px 0 0;text-align:center;font-size:14px;color:#ff9d6b;font-weight:500}.payment-features{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.payment-feature{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary)}.payment-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl) 0;gap:var(--space-md)}.success-icon{width:80px;height:80px;border-radius:50%;background:#22c55e26;color:var(--accent-green);display:flex;align-items:center;justify-content:center}.sub-link-card{margin-bottom:var(--space-lg)}.sub-link-label{display:block;font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}.sub-link-row{display:flex;align-items:center;gap:var(--space-sm)}.sub-link-value{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Sans,monospace}.guides-list{display:flex;flex-direction:column;gap:var(--space-md)}.guide-header{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.guide-info{flex:1}.guide-title{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}.guide-apps{display:block;font-size:12px;color:var(--text-tertiary)}.guide-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s var(--ease-standard),opacity .4s var(--ease-standard)}.guide-content--open{grid-template-rows:1fr;opacity:1}.guide-content-inner{overflow:hidden;min-height:0}.guide-steps{list-style:none;padding-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.guide-step{display:flex;align-items:flex-start;gap:var(--space-md);font-size:14px;color:var(--text-secondary);line-height:1.5}.guide-step-num{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--glass-bg-hover);border-radius:50%;color:var(--text-primary)}.ban-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.ban-content{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-lg)}.ban-icon{text-align:center;color:var(--accent-red);margin-bottom:var(--space-sm)}.ban-title{text-align:center;font-size:24px;font-weight:700;letter-spacing:-.03em}.ban-details{display:flex;flex-direction:column;gap:var(--space-md)}.ban-field{display:flex;align-items:flex-start;gap:var(--space-md);color:var(--text-tertiary)}.ban-field-label{display:block;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.ban-field-value{display:block;font-size:14px;color:var(--text-primary);word-break:break-all}.ban-field--reason .ban-field-value{color:var(--accent-red)}.appeal-title{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-weight:600;margin-bottom:var(--space-md)}.appeal-form{display:flex;flex-direction:column;gap:var(--space-md)}.appeal-textarea{width:100%;resize:none;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-size:14px;line-height:1.5;transition:border-color .3s var(--ease-standard)}.appeal-textarea:focus{border-color:#ffffff4d;outline:none}.appeal-textarea::placeholder{color:var(--text-tertiary)}.ticket-sent{text-align:center;padding:var(--space-lg);color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.ticket-sent p{font-size:16px;font-weight:600;color:var(--text-primary)}.ticket-sent span{font-size:13px;color:var(--text-tertiary)}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-elevated: #222222;--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-bg-active: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .2);--accent-glow: rgba(255, 255, 255, .15);--accent-glow-strong: rgba(255, 255, 255, .3);--accent-green: #22c55e;--accent-red: #ef4444;--accent-yellow: #eab308;--accent-blue: #3b82f6;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:IBM Plex Sans,sans-serif;background:var(--tg-theme-bg-color, var(--bg-primary));color:var(--tg-theme-text-color, var(--text-primary));line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;min-height:100dvh}body{background:var(--tg-theme-bg-color, #0a0a0a)}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-tertiary) inset!important;transition:background-color 5000s ease-in-out 0s}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffffff0d}50%{box-shadow:0 0 30px #ffffff1f}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeSlideIn .35s var(--ease-decelerate) forwards;will-change:opacity,transform}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}.stagger-4{animation-delay:.2s;opacity:0}.stagger-5{animation-delay:.25s;opacity:0}.stagger-6{animation-delay:.3s;opacity:0}.app-brand{width:100%;display:flex;justify-content:center;padding:4px 16px 0;margin-bottom:-12px;pointer-events:none}.app-brand-logo{width:min(38%,200px);height:auto;display:block;transform:scaleX(1.08);transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}.app-main{width:100%;overflow-x:hidden}@media(min-width:768px){.app-main{max-width:640px;margin:0 auto;min-height:100vh}body{background:#050505}}