:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#070b14;min-height:100%;margin:0;overflow-x:hidden}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}img{pointer-events:none;will-change:transform}.app{color:#fff;min-height:100vh;padding:0 24px calc(env(safe-area-inset-bottom) + 110px);background:linear-gradient(#2b0d3d 0%,#170722 28%,#0b0f1d 68%,#050811 100%);position:relative;overflow-x:hidden}.bg-glow{filter:blur(20px);pointer-events:none;z-index:0;background:radial-gradient(circle at top,#a855f729 0%,#7c3aed1a 22%,#0000 65%);position:fixed;inset:0}.page{z-index:2;width:100%;padding-top:max(env(safe-area-inset-top), 20px);flex-direction:column;align-items:center;display:flex;position:relative}.top-bar{justify-content:space-between;align-items:center;width:min(100%,430px);margin-top:10px;margin-bottom:20px;display:flex}.page-title{letter-spacing:-1px;font-size:34px;font-weight:700}.top-profile-avatar{object-fit:cover;border:1px solid #c026ff66;border-radius:50%;width:58px;height:58px;box-shadow:0 0 18px #c026ff29}.profile-card{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#140a26f5,#070a16fa);border:1px solid #a855f738;border-radius:30px;width:min(100%,430px);margin-bottom:24px;padding:34px 24px;box-shadow:inset 0 1px #ffffff08,0 10px 35px #00000057,0 0 22px #a855f71a}.display-name{letter-spacing:-1px;margin-bottom:8px;font-size:34px;font-weight:800}.profile-name{color:#ffffff4d;margin-bottom:28px;font-size:18px;font-weight:600}.subscription-status{color:#ffffffd1;background:linear-gradient(#d946ef1a,#a855f70d);border:1px solid #d946ef24;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 18px #a855f714}.status-dot{background:#d946ef;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #d946ef73}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:18px;width:min(100%,430px);display:grid}.dashboard-btn{cursor:pointer;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#120a22f5,#050918fa);border:1px solid #a855f738;border-radius:30px;flex-direction:column;align-items:center;height:235px;padding:26px 18px;transition:all .18s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 10px 30px #00000057,0 0 18px #a855f714}.dashboard-btn:hover{transform:translateY(-2px)}.dashboard-btn:active{transform:scale(.985)}.primary-btn{border:1px solid #d946ef6b;box-shadow:0 0 26px #d946ef29}.menu-icon{stroke-width:1.8px;flex-shrink:0;width:42px;height:42px;margin-top:6px;margin-bottom:18px}.primary-icon{color:#d946ef}.secondary-icon{color:#6f7cff}.dashboard-content{flex-direction:column;align-items:center;gap:10px;display:flex}.dashboard-title{color:#fff;font-size:21px;font-weight:700;line-height:1.1}.dashboard-subtitle{color:#ffffff7a;text-align:center;max-width:140px;min-height:42px;font-size:14px;line-height:1.45}.dashboard-arrow{background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.cards,.pricing-cards{flex-direction:column;gap:22px;width:min(100%,430px);display:flex}.location-card,.client-card,.pricing-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#120a22f0,#050918fa);border:1px solid #a855f738;border-radius:30px;width:100%;padding:28px;position:relative;box-shadow:inset 0 1px #ffffff08,0 10px 35px #00000057,0 0 22px #a855f714}.install-page,.pricing-page,.servers-page{padding-top:calc(env(safe-area-inset-top) + 72px)}.pricing-header{width:min(100%,430px);margin-bottom:24px}.pricing-title,.servers-title{letter-spacing:-2px;margin:0 0 8px;font-size:48px;font-weight:800}.pricing-subtitle{color:#ffffff8c;font-size:18px}.install-header{align-items:center;gap:18px;margin-bottom:12px;display:flex}.install-header-info{flex:1}.client-logo{object-fit:contain;flex-shrink:0;width:82px;height:82px}.client-title{margin-bottom:12px;font-size:27px;font-weight:800}.feature-box{color:#fff;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:8px;padding:11px 14px;font-size:14px;font-weight:600;display:inline-flex}.feature-box svg{color:#d946ef}.client-description{color:#ffffff8f;margin-top:8px;font-size:15px;line-height:1.45}.platforms{flex-wrap:wrap;gap:10px;margin-top:22px;margin-bottom:22px;display:flex}.platform-pill{color:#ffffffd1;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.windows-pill{color:#53b7ff}.android-pill{color:#7dff8d}.download-btn,.pricing-buy-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#9d5cff,#db38ff);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;padding:17px 20px;font-size:17px;font-weight:700;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 0 24px #d42dff2e}.download-btn:hover,.pricing-buy-btn:hover{transform:translateY(-2px)}.download-btn:active,.pricing-buy-btn:active{transform:scale(.985)}.pricing-card{justify-content:space-between;gap:18px;display:flex}.pricing-left{flex:1;gap:18px;display:flex}.pricing-icon{border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.purple-box{color:#cb7cff;background:linear-gradient(#b065ff2e,#d946ef14)}.pink-box{color:#ff56e1;background:linear-gradient(#ff50dc2e,#d946ef14)}.blue-box{background:linear-gradient(#466eff29,#466eff0f)}.plan-title{margin-bottom:5px;font-size:24px;font-weight:800}.plan-accent{margin-bottom:16px;font-size:15px;font-weight:600}.purple-text{color:#cb7cff}.pink-text{color:#ff56e1}.blue-text{color:#76a1ff}.plan-list{color:#ffffffbd;flex-direction:column;gap:10px;margin:0;padding-left:18px;font-size:15px;display:flex}.pricing-right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.plan-price{letter-spacing:-2px;font-size:42px;font-weight:800}.day-price{color:#ffffff80;font-size:14px}.blue-btn{background:linear-gradient(90deg,#4971ff,#8f5bff)}.location-row{border-bottom:1px solid #a855f71f;justify-content:space-between;align-items:center;padding:18px 0;font-size:20px;display:flex}.location-row:last-child{border-bottom:none}.country-info{align-items:center;gap:14px;display:flex}.flag{object-fit:cover;border-radius:50%;width:28px;height:28px}.online{color:#00ff84}.maintenance{color:#ffb300}.back-btn{bottom:calc(env(safe-area-inset-bottom) + 18px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;cursor:pointer;z-index:100;background:#100a20c2;border:1px solid #b45aff29;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-width:250px;padding:17px 32px;font-size:17px;font-weight:700;transition:transform .18s,background .18s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 24px #b45aff1a}.back-btn:hover{transform:translate(-50%)translateY(-2px)}.back-btn:active{transform:translate(-50%)scale(.985)}@media (width<=480px){.app{padding-left:16px;padding-right:16px}.dashboard-grid{gap:16px}.dashboard-btn{height:210px;padding:24px 14px}.menu-icon{width:36px;height:36px;margin-bottom:14px}.dashboard-title{font-size:18px}.dashboard-subtitle{max-width:110px;font-size:13px}.pricing-card{flex-direction:column}.pricing-right{align-items:stretch;gap:14px}.plan-price{font-size:38px}.pricing-title,.servers-title{font-size:42px}}.premium-icon{color:#8b5cf6;filter:drop-shadow(0 0 14px #8b5cf659)}.price-per-month{color:#ffffff6b;text-align:right;margin-top:-8px;margin-bottom:18px;font-size:15px;font-weight:600}.payment-page{padding-top:calc(env(safe-area-inset-top) + 72px)}.payment-header{width:min(100%,430px);margin-bottom:24px}.payment-title{letter-spacing:-2px;margin:0 0 8px;font-size:46px;font-weight:800}.payment-subtitle{color:#ffffff8c;font-size:18px}.payment-plan-card{background:linear-gradient(#120a22f0,#050918fa);border:1px solid #a855f738;border-radius:28px;width:min(100%,430px);margin-bottom:22px;padding:28px}.payment-plan-title{margin-bottom:10px;font-size:20px;font-weight:700}.payment-plan-price{font-size:42px;font-weight:800}.payment-methods{flex-direction:column;gap:18px;width:min(100%,430px);display:flex}.payment-method{color:#fff;cursor:pointer;background:#120a22b8;border:1px solid #a855f729;border-radius:24px;justify-content:space-between;align-items:center;padding:24px;font-size:24px;font-weight:700;display:flex}.stars-method{border:1px solid #ffd70038;box-shadow:0 0 24px #ffd70014}.method-title{margin-bottom:6px;font-size:18px;font-weight:700}.method-subtitle{color:#ffffff85;font-size:14px}.profile-btn{color:#d946ef;cursor:pointer;background:linear-gradient(#1a0e2af5,#0a0a18fa);border:1px solid #d946ef2e;border-radius:24px;justify-content:center;align-items:center;gap:12px;width:100%;height:74px;margin-top:8px;margin-bottom:18px;font-size:19px;font-weight:700;transition:transform .18s,border .18s,box-shadow .18s;display:flex;box-shadow:0 0 24px #d946ef14}.profile-btn:hover{border:1px solid #d946ef57;transform:translateY(-2px)}.profile-btn:active{transform:scale(.985)}.inactive-sub{color:#ffffff6b!important}.active-sub{color:#ffffffeb!important}.inactive-dot{box-shadow:none!important;background:#a855f752!important}.active-dot{box-shadow:0 0 12px #7dff8d8c;background:#7dff8d!important}.profile-page{padding-top:calc(env(safe-area-inset-top) + 72px)}.profile-page-header{width:min(100%,430px);margin-bottom:24px}.profile-page-title{letter-spacing:-2px;margin:0 0 8px;font-size:48px;font-weight:800}.profile-page-subtitle{color:#ffffff8c;font-size:18px}.profile-info-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#120a22f0,#050918fa);border:1px solid #a855f738;border-radius:32px;width:min(100%,430px);padding:28px;box-shadow:inset 0 1px #ffffff08,0 10px 35px #00000057,0 0 22px #a855f714}.profile-section{border-bottom:1px solid #ffffff0f;padding:22px 0}.no-border{border-bottom:none}.profile-section-label{color:#ffffff6b;margin-bottom:10px;font-size:14px;font-weight:600}.profile-section-value{color:#fff;font-size:20px;font-weight:700}.profile-key-box{color:#ffffff9e;word-break:break-all;background:#ffffff08;border:1px solid #ffffff0d;border-radius:18px;width:100%;padding:16px 18px;font-size:14px}.platform-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.platform-btn{color:#fff;cursor:pointer;background:linear-gradient(#120a22f0,#050918fa);border:1px solid #a855f738;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:110px;font-size:16px;font-weight:700;transition:transform .18s,border .18s;display:flex;box-shadow:inset 0 1px #ffffff08,0 8px 24px #00000040}.platform-btn:hover{transform:translateY(-2px)}