.hero[data-v-fe8758a4]{text-align:center;padding:100px 0 80px}.badge[data-v-fe8758a4]{color:var(--accent);letter-spacing:.5px;background:#5b7cf61f;border:1px solid #5b7cf64d;border-radius:20px;margin-bottom:24px;padding:4px 14px;font-size:12px;font-weight:500;display:inline-block}h1[data-v-fe8758a4]{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.15}.accent[data-v-fe8758a4]{color:var(--accent)}.subtitle[data-v-fe8758a4]{color:var(--text2);margin-bottom:36px;font-size:18px;line-height:1.7}.hero-actions[data-v-fe8758a4]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.features[data-v-fe8758a4]{padding:60px 0}.feature-grid[data-v-fe8758a4]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.feature-card[data-v-fe8758a4]{flex-direction:column;gap:10px;display:flex}.feature-icon[data-v-fe8758a4]{font-size:28px}.feature-card h3[data-v-fe8758a4]{font-size:16px;font-weight:600}.feature-card p[data-v-fe8758a4]{color:var(--text2);font-size:14px}.section-title[data-v-fe8758a4]{margin-bottom:8px;font-size:28px;font-weight:700}.section-sub[data-v-fe8758a4]{color:var(--text2);margin-bottom:36px;font-size:15px}.roadmap[data-v-fe8758a4]{padding:60px 0}.roadmap-list[data-v-fe8758a4]{border-left:2px solid var(--border);flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.roadmap-item[data-v-fe8758a4]{gap:20px;padding:0 0 28px 24px;display:flex;position:relative}.roadmap-dot[data-v-fe8758a4]{background:var(--border);border:2px solid var(--bg-dark);border-radius:50%;flex-shrink:0;width:14px;height:14px;position:absolute;top:4px;left:-8px}.roadmap-item.done .roadmap-dot[data-v-fe8758a4]{background:var(--accent)}.roadmap-item.active .roadmap-dot[data-v-fe8758a4]{background:var(--green);box-shadow:0 0 8px var(--green)}.roadmap-body[data-v-fe8758a4]{flex-direction:column;gap:4px;display:flex}.roadmap-header[data-v-fe8758a4]{align-items:center;gap:10px;margin-bottom:2px;display:flex}.roadmap-num[data-v-fe8758a4]{color:var(--text3);font-size:12px}.roadmap-badge[data-v-fe8758a4]{background:var(--bg-hover);color:var(--text2);border-radius:10px;padding:2px 8px;font-size:11px}.roadmap-item.done .roadmap-badge[data-v-fe8758a4]{color:var(--accent);background:#5b7cf626}.roadmap-item.active .roadmap-badge[data-v-fe8758a4]{color:var(--green);background:#43b58126}.roadmap-title[data-v-fe8758a4]{font-size:15px;font-weight:600}.roadmap-desc[data-v-fe8758a4]{color:var(--text2);font-size:13px;line-height:1.5}.deploy[data-v-fe8758a4]{padding:60px 0}.deploy-steps[data-v-fe8758a4]{flex-direction:column;gap:24px;display:flex}.deploy-step[data-v-fe8758a4]{align-items:flex-start;gap:20px;display:flex}.step-num[data-v-fe8758a4]{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:14px;font-weight:700;display:flex}.step-body[data-v-fe8758a4]{flex-direction:column;flex:1;gap:8px;display:flex}.step-title[data-v-fe8758a4]{font-size:15px;font-weight:600}.step-desc[data-v-fe8758a4]{color:var(--text2);margin:0;font-size:14px}.code-block[data-v-fe8758a4]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--green);white-space:pre;margin:0;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.faq[data-v-fe8758a4]{padding:60px 0}.faq-list[data-v-fe8758a4]{flex-direction:column;gap:8px;display:flex}.faq-item[data-v-fe8758a4]{cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px 20px}.faq-q[data-v-fe8758a4]{justify-content:space-between;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.faq-arrow[data-v-fe8758a4]{color:var(--text3);flex-shrink:0;transition:transform .2s}.faq-arrow.open[data-v-fe8758a4]{transform:rotate(180deg)}.faq-a[data-v-fe8758a4]{color:var(--text2);margin-top:12px;font-size:14px;line-height:1.6}.cta[data-v-fe8758a4]{padding:40px 0 80px}.cta-card[data-v-fe8758a4]{text-align:center;padding:48px}.cta-card h2[data-v-fe8758a4]{margin-bottom:10px;font-size:28px;font-weight:700}.cta-card p[data-v-fe8758a4]{color:var(--text2);margin-bottom:28px}.cta-actions[data-v-fe8758a4]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.page-header[data-v-c3a3538a]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}h1[data-v-c3a3538a]{font-size:28px;font-weight:700}.subtitle[data-v-c3a3538a]{color:var(--text2);margin-top:4px;font-size:14px}.search-input[data-v-c3a3538a]{max-width:320px}.server-grid[data-v-c3a3538a]{flex-direction:column;gap:12px;display:flex}.server-card[data-v-c3a3538a]{align-items:center;gap:16px;padding:16px 20px;display:flex}.server-icon[data-v-c3a3538a]{flex-shrink:0}.server-icon img[data-v-c3a3538a],.icon-placeholder[data-v-c3a3538a]{object-fit:cover;border-radius:12px;width:52px;height:52px}.icon-placeholder[data-v-c3a3538a]{background:var(--bg3);border:1px solid var(--border);color:var(--accent);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.server-info[data-v-c3a3538a]{flex:1;min-width:0}.server-name[data-v-c3a3538a]{align-items:center;gap:8px;margin-bottom:4px;font-weight:600;display:flex}.server-desc[data-v-c3a3538a]{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:13px;overflow:hidden}.server-meta[data-v-c3a3538a]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.online-count[data-v-c3a3538a]{color:var(--green);font-size:12px;font-weight:500}.connect-btn[data-v-c3a3538a]{flex-shrink:0}.state-msg[data-v-c3a3538a]{color:var(--text2);text-align:center;padding:60px 0}.auth-page[data-v-c967ca06]{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:24px;display:flex}.auth-box[data-v-c967ca06]{width:100%;max-width:400px;padding:36px}.auth-logo[data-v-c967ca06]{color:var(--accent);margin-bottom:20px;font-size:22px;font-weight:700;display:block}h2[data-v-c967ca06]{margin-bottom:28px;font-size:22px;font-weight:700}form[data-v-c967ca06]{flex-direction:column;gap:16px;display:flex}.field[data-v-c967ca06]{flex-direction:column;gap:6px;display:flex}.field label[data-v-c967ca06]{color:var(--text2);font-size:13px}.submit-btn[data-v-c967ca06]{justify-content:center;width:100%;padding:12px}.submit-btn[data-v-c967ca06]:disabled{opacity:.6;cursor:not-allowed}.switch-link[data-v-c967ca06]{text-align:center;color:var(--text2);margin-top:20px;font-size:13px}.verify-banner[data-v-5eafb6a5]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);font-size:13px;font-weight:600;box-shadow:0 4px 12px #00000026}.verify-banner-inner[data-v-5eafb6a5]{justify-content:space-between;align-items:center;height:40px;display:flex}.verify-banner-text[data-v-5eafb6a5]{align-items:center;gap:8px;display:flex}.verify-banner-close[data-v-5eafb6a5]{color:#ffffffd9;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .1s;display:flex}.verify-banner-close[data-v-5eafb6a5]:hover{color:#fff;background:#ffffff26}.nav[data-v-5eafb6a5]{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0e0f13d9;position:sticky;top:0}.nav-inner[data-v-5eafb6a5]{justify-content:space-between;align-items:center;height:60px;display:flex}.logo[data-v-5eafb6a5]{color:var(--accent);letter-spacing:-.5px;font-size:20px;font-weight:700}.nav-links[data-v-5eafb6a5]{align-items:center;gap:16px;display:flex}.nav-links a[data-v-5eafb6a5]{color:var(--text2);font-size:14px}.nav-links a[data-v-5eafb6a5]:hover{color:var(--text)}.nav-user[data-v-5eafb6a5]{color:var(--text2);font-size:14px}.footer[data-v-5eafb6a5]{border-top:1px solid var(--border);margin-top:40px;padding:20px 0}.footer-inner[data-v-5eafb6a5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-left[data-v-5eafb6a5]{align-items:center;gap:14px;display:flex}.footer-logo[data-v-5eafb6a5]{color:var(--accent);font-size:16px;font-weight:700}.footer-copy[data-v-5eafb6a5]{color:var(--text3);font-size:12px}.footer-copy a[data-v-5eafb6a5]{color:var(--text2)}.footer-copy a[data-v-5eafb6a5]:hover{color:var(--text)}.footer-links[data-v-5eafb6a5]{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-link[data-v-5eafb6a5]{color:var(--text2);align-items:center;gap:5px;font-size:13px;display:flex}.footer-link[data-v-5eafb6a5]:hover{color:var(--text)}.footer-status[data-v-5eafb6a5]{color:var(--text2);align-items:center;gap:6px;font-size:13px;display:flex}.status-dot[data-v-5eafb6a5]{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.online[data-v-5eafb6a5]{background:var(--green);box-shadow:0 0 6px var(--green)}.status-dot.offline[data-v-5eafb6a5]{background:#f04747}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0f13;--bg2:#16181f;--bg3:#1e2029;--border:#2a2d3a;--accent:#5b7cf6;--accent-hover:#7b96ff;--text:#e8eaf0;--text2:#8b8fa8;--green:#3ecf8e;--radius:10px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button,.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}input,select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s}input:focus{border-color:var(--accent)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.tag{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:20px;padding:2px 10px;font-size:12px;display:inline-block}.dot-green{background:var(--green);width:8px;height:8px;box-shadow:0 0 6px var(--green);border-radius:50%;display:inline-block}.error-msg{color:#ff6b6b;margin-top:6px;font-size:13px}