@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#050812;--card:#121b2bb8;--border:#a8b9ff29;--border-hot:#915fffb8;--text:#f7f8ff;--muted:#9aa3b8;--purple:#8b5cf6;--blue:#3b82f6;--cyan:#22d3ee;--green:#39d98a;--red:#ff4f5e;--orange:#ffb13d;--radius:26px;--shadow:0 24px 80px #00000073}*{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{background:radial-gradient(circle at 50% 0,#6250ff38,#0000 34%),radial-gradient(circle at 15% 70%,#24c7ff14,#0000 34%),linear-gradient(#050912 0%,#07101c 48%,#040711 100%);border-left:1px solid #ffffff0a;border-right:1px solid #ffffff0a;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{z-index:2;min-height:100dvh;padding:18px 18px 108px;position:relative}.header{grid-template-columns:44px 1fr 44px;align-items:center;height:46px;margin-bottom:16px;display:grid}.header h1{text-align:center;margin:0;font-size:19px;font-weight:800}.icon-btn{width:42px;height:42px;color:var(--text);background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;place-items:center;display:grid}.stars{opacity:.95;pointer-events:none;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle,#ffffff73 0 1px,#0000 2px);background-size:52px 52px,83px 83px;animation:28s linear infinite star-drift;position:absolute;inset:0}.stars-b{opacity:.42;background-size:91px 91px,120px 120px;animation-duration:46s}.gradient-orb{filter:blur(60px);opacity:.18;pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute}.orb-a{background:var(--purple);top:80px;right:-110px}.orb-b{background:var(--blue);bottom:80px;left:-100px}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(120px)}}.glass-card{border:1px solid var(--border);background:linear-gradient(145deg,#ffffff17,#ffffff06),var(--card);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{text-align:center;padding:8px 0 22px}.eyebrow{color:var(--muted);letter-spacing:.12em;margin:18px 0 6px;font-size:12px;font-weight:800}.hero h2,.connected-hero h2{margin:0;font-size:28px;font-weight:900}.muted{color:var(--muted);margin:8px 0 0}.ai-orb{place-items:center;width:220px;height:220px;margin:0 auto;display:grid;position:relative}.ai-orb.compact{width:160px;height:160px}.orb-ring{border:2px solid #845cff6b;border-radius:50%;position:absolute;box-shadow:0 0 32px #7f55ff59,inset 0 0 28px #3b82f633}.ring-one{border-top-color:#7dc4fff2;animation:9s linear infinite rotate;inset:24px}.ring-two{border-left-color:#22d3eef2;animation:7s linear infinite reverse rotate;inset:42px}.orb-core{color:#fff;background:radial-gradient(circle at 30% 20%,#ffffff47,#0000 22%),linear-gradient(135deg,#8b5cf6f5,#3b82f6f5);border-radius:28px;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 0 36px #8b5cf6cc,0 0 70px #3b82f659}.compact .orb-core{border-radius:24px;width:76px;height:76px}.orb-core span{color:#dcd9ff;text-shadow:0 0 18px #8b5cf6cc;margin-top:82px;font-size:20px;font-weight:900;position:absolute}.compact .orb-core span{margin-top:66px;font-size:16px}.orb-particle{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 16px var(--cyan);border-radius:50%;position:absolute}.p1{top:42px;left:70px}.p2{background:var(--purple);box-shadow:0 0 16px var(--purple);bottom:52px;right:58px}.p3{background:var(--blue);box-shadow:0 0 16px var(--blue);top:96px;right:30px}.connected .orb-core{background:linear-gradient(135deg,#14b8a6f5,#3b82f6f5)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;height:58px;margin-top:20px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 0 28px #7155ff70}.secondary-btn{min-height:48px;color:var(--text);background:#ffffff0f;border:1px solid #ffffff29;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-weight:800;display:inline-flex}.quick-grid,.bonus-grid,.speed-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.quick-card,.bonus-card,.speed-card{text-align:center;border-color:#6875ff3d;min-height:146px;padding:24px 18px}.quick-card svg,.bonus-card svg{color:var(--cyan)}.quick-card h3,.bonus-card h3{margin:14px 0 8px;font-size:18px}.quick-card p,.bonus-card p{color:var(--muted);margin:0;font-weight:700}.server-line{justify-content:space-between;align-items:center;margin-top:16px;padding:16px;display:flex}.server-line div{align-items:center;gap:12px;display:flex}.server-line button{color:#82b6ff;background:0 0;font-weight:800}.bottom-nav{z-index:20;width:min(430px,100%);height:86px;padding:10px 8px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#040814e6;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);background:0 0;place-items:center;gap:3px;font-size:11px;font-weight:800;display:grid;position:relative}.nav-item.active{color:#b28cff}.nav-glow{background:linear-gradient(90deg,var(--purple),var(--blue),var(--cyan));opacity:0;border-radius:999px;width:54px;height:4px;position:absolute;top:-10px;box-shadow:0 0 22px #8b5cf6e6}.nav-item.active .nav-glow{opacity:1}.promo-card{text-align:center;background:radial-gradient(circle at 50% 0%,#8b5cf66b,transparent 55%),var(--card);border-color:#8b5cf68c;padding:26px}.promo-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6e6,#3b82f6e6);border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid;box-shadow:0 0 34px #8b5cf699}.promo-card h2{margin:0 0 8px}.promo-card p{color:var(--muted);margin:0}.plans-list,.server-list,.history-list,.method-list,.faq-list{gap:14px;margin-top:16px;display:grid}.plan-card{padding:20px}.plan-card.featured{border-color:var(--border-hot)}.plan-head,.price-row,.plan-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-head h3{margin:0 0 5px;font-size:23px}.plan-head p{color:var(--muted);margin:0}.discount{background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:12px;padding:8px 10px;font-weight:900}.price-row{justify-content:flex-start;margin:18px 0}.price-row strong{font-size:34px}.price-row span{color:var(--muted);text-decoration:line-through}.feature-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:#d8def0;align-items:center;gap:10px;font-weight:700;display:flex}.feature-list svg{color:var(--green)}.plan-actions{margin-top:18px}.plan-actions .primary-btn{height:54px;margin:0}.search-box{height:52px;color:var(--muted);background:#ffffff12;border:1px solid #ffffff17;border-radius:16px;align-items:center;gap:10px;padding:0 16px;display:flex}.search-box input,.chat-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.filter-row{gap:10px;margin:14px 0;display:flex;overflow-x:auto}.chip{white-space:nowrap;color:var(--text);background:#ffffff12;border:1px solid #ffffff14;border-radius:14px;padding:10px 16px;font-weight:800}.chip.active{background:linear-gradient(135deg,var(--purple),var(--blue))}.optimal-card{grid-template-columns:48px 1fr 32px;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:grid}.server-icon,.method-icon{background:#3b82f629;border-radius:16px;place-items:center;width:44px;height:44px;display:grid}.optimal-card h3{margin:0 0 4px}.optimal-card p{color:var(--muted);margin:0}.server-row{color:var(--text);text-align:left;background:0 0;border-bottom:1px solid #ffffff14;grid-template-columns:42px 1fr 60px 28px;align-items:center;padding:14px 2px;display:grid}.flag{font-size:28px}.server-name{gap:3px;display:grid}.server-name small{color:var(--muted)}.latency{color:var(--orange);font-size:12px;font-weight:900}.latency.good{color:var(--green)}.star{color:var(--muted);font-size:22px}.balance-card{background:radial-gradient(circle at 80% 20%,#8b5cf65c,transparent 44%),var(--card);border-color:#8b5cf673;justify-content:space-between;align-items:center;padding:22px;display:flex}.balance-card p,.balance-card span{color:var(--muted);margin:0}.balance-card h2{margin:8px 0;font-size:34px}.cube{color:#b28cff;background:#8b5cf624;border-radius:24px;place-items:center;width:76px;height:76px;font-size:48px;display:grid;box-shadow:0 0 34px #8b5cf657}.ref-hero{text-align:center;margin:28px 0 18px}.ref-hero h2{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#0000;-webkit-background-clip:text;margin:0;font-size:82px;line-height:.9}.ref-hero p{color:#d1d5e5;margin:10px 0 0;font-size:22px;font-weight:900}.bonus-card{border-color:#8b5cf657}.bonus-card strong{background:linear-gradient(135deg,var(--purple),var(--cyan));color:#0000;-webkit-background-clip:text;margin:10px 0;font-size:44px;display:block}.ref-link{color:#a9c9ff;justify-content:space-between;gap:10px;margin-top:16px;padding:15px;display:flex;overflow:hidden}.ref-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invite-btn{margin-top:18px}.centered{margin:14px auto 0;display:flex}.section-title{text-align:center;margin:30px 0 14px;font-size:28px}.payment-card{grid-template-columns:72px 1fr;gap:16px;padding:20px;display:grid}.payment-card.cancelled{border-left:4px solid #ff4f5eb3}.payment-card.success{border-left:4px solid #39d98ab3}.payment-icon{width:58px;height:58px;color:var(--orange);background:#ffb13d1a;border:1px solid #ffb13d38;border-radius:50%;place-items:center;display:grid}.payment-info strong{margin-bottom:8px;font-size:32px;display:block}.status{text-transform:uppercase;border-radius:14px;padding:8px 12px;font-size:12px;font-weight:900;display:inline-flex}.status.success{color:var(--green);background:#39d98a1f}.status.cancelled{color:var(--red);background:#ff4f5e1f}.status.pending{color:var(--orange);background:#ffb13d1f}.payment-info p{color:#d4d8e6;margin:12px 0 6px;font-weight:800}.payment-info small{color:var(--muted)}.session-card{justify-content:space-between;align-items:center;padding:16px;display:flex}.method-row{grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;padding:14px;display:grid}.method-row strong,.method-row small{display:block}.method-row small{color:var(--muted);margin-top:4px}.arrow{color:var(--muted);font-size:28px}.page-desc{margin:6px 0 20px}.secure-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex;position:absolute;bottom:42px;left:18px;right:18px}.assistant-hero{justify-items:center;margin-top:18px;display:grid}.assistant-message{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:18px;width:100%;margin-top:6px;padding:18px}.assistant-message p{margin:0;font-weight:700;line-height:1.45}.faq-chip{width:fit-content;max-width:100%;color:var(--text);text-align:left;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;padding:12px 16px;font-weight:700}.chat-input{z-index:12;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#121b2be0;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:10px;width:min(394px,100% - 36px);height:58px;padding:0 10px 0 18px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.chat-input button{color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.connected-hero{text-align:center}.online{color:#b28cff}.speed-grid{margin:18px 0}.speed-card{text-align:center;min-height:92px;padding:16px}.speed-card span{color:#9bbcff;font-size:24px}.speed-card strong{font-size:26px;display:block}.speed-card small{color:var(--muted)}.signal{color:var(--green);letter-spacing:2px}@media (width<=360px){.screen{padding-left:14px;padding-right:14px}.ai-orb{width:190px;height:190px}.plan-actions{flex-direction:column}.secondary-btn{width:100%}.payment-info strong{font-size:26px}}.wallet-row{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px;padding:14px;display:grid}.wallet-info{min-width:0}.wallet-info strong,.wallet-info small{display:block}.wallet-info small{color:var(--muted);margin-top:4px;line-height:1.35}.wallet-action{justify-content:flex-start;min-width:0;display:flex}.wallet-action tc-root,.wallet-action [data-tc-button]{max-width:100%}.payment-check-btn{width:100%;margin-top:14px}.payment-check-btn:disabled{cursor:default;opacity:.65}.screen>.notice{margin-top:10px;padding:0 4px;font-size:14px;line-height:1.35}@media (width>=380px){.wallet-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wallet-action{justify-content:flex-end}}