.landing-nav{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(10,11,13,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:1000}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.landing-nav ul{display:flex;gap:30px;list-style:none}.landing-nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:500;transition:color 0.2s}.landing-nav a:hover{color:#fff}.nav-right{display:flex;align-items:center;gap:20px}.nav-discord{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;transition:opacity 0.2s}.nav-discord:hover{opacity:0.8}.nav-discord-label{color:#fff;font-weight:700;font-size:13px;letter-spacing:1px;position:relative;top:1px}.nav-panel-btn{padding:0 30px;font-size:12px;margin:0;width:auto;height:42px}.hero-section{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;min-height:100vh;padding:120px 20px 60px;max-width:1200px;margin:0 auto;position:relative}.hero-tag{display:inline-block;padding:4px 12px;border:1px solid var(--border);border-radius:20px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:20px;background:rgba(255,255,255,0.02)}.hero-title{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:20px;color:#fff;letter-spacing:-1px}.hero-title span{background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{color:var(--muted);font-size:16px;margin-bottom:40px;line-height:1.8;max-width:500px}.hero-btns-wrapper{display:flex;gap:15px}.hero-btns-wrapper .btn-primary,.hero-btns-wrapper .btn-ghost{text-decoration:none;justify-content:center;padding:0 40px}.hero-stats{display:flex;gap:40px;margin-top:40px;border-top:1px solid var(--border);padding-top:30px}.hs-num{font-size:24px;font-weight:700;color:#fff;font-family:'JetBrains Mono',monospace}.hs-lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.auth-card{background:var(--bg1);border:1px solid var(--border);border-radius:16px;padding:30px;position:relative;box-shadow:0 30px 60px rgba(0,0,0,0.6)}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent);border-radius:16px 16px 0 0}.auth-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:25px}.auth-tab{flex:1;text-align:center;padding:12px;cursor:pointer;color:var(--muted);border:none;background:none;border-bottom:2px solid transparent;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;text-transform:uppercase;transition:all 0.2s}.auth-tab[aria-selected="true"]{color:#fff;border-color:var(--cyan)}.auth-form{display:none}.auth-form.active{display:block}.auth-forgot-link{color:var(--cyan);font-size:11px;text-decoration:none;font-family:'Inter',sans-serif;transition:opacity 0.2s;background:none;border:none;cursor:pointer;padding:0}.auth-forgot-link:hover{opacity:0.8}.auth-forgot-row{text-align:right;margin-bottom:25px}.auth-or{text-align:center;font-size:10px;color:var(--muted);margin:20px 0;font-family:'JetBrains Mono',monospace;text-transform:uppercase}.auth-msg{min-height:15px}.auth-forgot-back{text-align:center;margin-top:20px}.auth-forgot-back .btn-ghost{padding:10px 20px;font-size:11px}.auth-forgot-intro{margin-bottom:20px}.auth-forgot-intro h3{color:#fff;font-size:18px;margin-bottom:10px}.auth-forgot-intro p{color:var(--muted);font-size:12px;line-height:1.5}section.module{padding:100px 20px;max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,0.02)}.sec-tag{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cyan);margin-bottom:15px;display:inline-block;letter-spacing:1px}.sec-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:15px;letter-spacing:-0.5px}.sec-title span{color:var(--cyan)}.sec-desc{color:var(--muted);font-size:15px;margin-bottom:50px;max-width:600px;line-height:1.7}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feat-card{background:var(--bg0);border:1px solid var(--border);border-radius:12px;padding:30px;transition:transform 0.2s,border-color 0.2s;position:relative}.feat-card:hover{transform:translateY(-4px);border-color:rgba(36,102,217,0.3)}.feat-card.purple:hover{border-color:rgba(167,139,250,0.3)}.feat-icon{font-size:28px;margin-bottom:20px;display:inline-block;background:var(--bg1);width:50px;height:50px;text-align:center;line-height:50px;border-radius:10px;border:1px solid var(--border)}.feat-name{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.feat-name span.c{color:var(--cyan)}.feat-name span.p{color:var(--purple)}.feat-desc{color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:20px}.feat-tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10px;padding:4px 10px;border-radius:6px;text-transform:uppercase}.tag-c{background:rgba(36,102,217,0.1);color:var(--cyan);border:1px solid rgba(36,102,217,0.2)}.tag-p{background:rgba(167,139,250,0.1);color:var(--purple);border:1px solid rgba(167,139,250,0.2)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-card{background:var(--bg1);border:1px solid var(--border);border-radius:12px;padding:30px;text-align:left}.step-n{font-family:'JetBrains Mono',monospace;font-size:40px;font-weight:800;color:var(--cyan);text-shadow:0 0 15px rgba(36,102,217,0.4);margin-bottom:20px;line-height:1}.step-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:12px}.step-desc{color:var(--muted);font-size:13px;line-height:1.6}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.price-card{background:var(--bg0);border:1px solid var(--border);border-radius:12px;padding:35px 30px;position:relative;display:flex;flex-direction:column;transition:transform 0.2s}.price-card:hover{transform:translateY(-4px);border-color:rgba(167,139,250,0.3)}.price-card.featured{border-color:var(--cyan);background:linear-gradient(180deg,rgba(36,102,217,0.05),transparent)}.popular-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--cyan);color:#0a0b0d;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:1px}.p-days{font-size:18px;color:var(--text);font-weight:600;margin-bottom:8px}.p-amount{font-size:42px;font-weight:700;color:#fff;font-family:'JetBrains Mono',monospace;line-height:1;margin-bottom:8px}.p-amount span{font-size:16px;color:var(--muted)}.p-desc{color:var(--muted);font-size:13px;margin-bottom:8px}.p-vat{font-size:11px;color:var(--muted);margin-bottom:24px;opacity:0.7}.price-features{list-style:none;margin-bottom:30px;flex-grow:1;padding:0}.price-features li{color:var(--text);font-size:13px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.03);display:flex;align-items:center;gap:10px}.price-features li::before{content:'✓';color:var(--cyan);font-weight:bold}.landing-page .srv-window{background:var(--bg1);box-shadow:0 20px 40px rgba(0,0,0,0.4)}.landing-page .srv-list{padding:20px 24px;display:block}.landing-page .srv-titlebar{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;letter-spacing:1px;color:#fff}.landing-page .srv-titlebar-icon{margin-right:8px;font-style:normal;color:var(--cyan)}.landing-page .srv-row{background:var(--bg0);margin-bottom:8px;cursor:pointer;transition:all 0.2s}.landing-page .srv-row:hover{border-color:rgba(255,255,255,0.15)}.landing-page .srv-row:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.landing-page .srv-row.disabled{cursor:default}.landing-page .srv-search{max-width:260px}.landing-page .srv-search:focus{border-color:var(--cyan)}.srv-badge{padding:4px 10px;border-radius:6px;font-size:11px;display:flex;align-items:center;gap:6px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%}.srv-badge.online .status-dot{background:var(--green);box-shadow:0 0 8px var(--green)}footer{border-top:1px solid var(--border);padding:80px 40px 30px;background:#07080a;margin-top:60px}.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.foot-logo{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;color:#fff;letter-spacing:1px;display:block;margin-bottom:15px;text-decoration:none}.foot-logo span{color:var(--cyan)}.foot-tag{color:var(--muted);font-size:13px;line-height:1.6;max-width:300px}.foot-col-t{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.foot-links{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0}.foot-links a{color:var(--muted);text-decoration:none;font-size:13px;transition:color 0.2s}.foot-links a:hover{color:var(--cyan)}.foot-bottom{border-top:1px solid rgba(255,255,255,0.03);padding-top:25px;margin-top:50px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;max-width:1200px;margin-left:auto;margin-right:auto}.legal-container{max-width:900px;margin:120px auto 60px auto;padding:0 20px}.legal-content h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-0.5px}.legal-content .last-updated{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--cyan);margin-bottom:40px;display:block}.legal-content.purple-stamp .last-updated{color:var(--purple)}.legal-content h2{font-size:18px;font-weight:600;color:#fff;margin-top:40px;margin-bottom:15px;border-bottom:1px solid var(--border);padding-bottom:8px}.legal-content p,.legal-content ul{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:15px}.legal-content ul{padding-left:20px}.legal-content li{margin-bottom:8px}.legal-content strong{color:#e2e8f0}.nav-back-btn{padding:8px 20px;font-size:11px;height:auto;text-decoration:none}.faq-list{display:flex;flex-direction:column;gap:12px;max-width:800px}.faq-item{background:var(--bg0);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color 0.2s}.faq-item[open]{border-color:rgba(36,102,217,0.3)}.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 20px;color:var(--text);font-weight:500;font-family:'Inter',sans-serif;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;list-style:none}.faq-q::-webkit-details-marker{display:none}.faq-arr{color:var(--cyan);font-weight:bold;font-size:22px;transition:transform 0.3s;font-family:'JetBrains Mono',monospace;line-height:1}.faq-item[open] .faq-arr{transform:rotate(45deg);color:var(--purple)}.faq-ans-inner{padding:0 20px 20px 20px;color:var(--muted);font-size:13px;line-height:1.7}.faq-ans-inner strong{color:#fff}@media (max-width:900px){.landing-nav{padding:0 15px}.nav-right{gap:10px}.hero-section{grid-template-columns:1fr;padding-top:120px;text-align:center;overflow-x:hidden}.hero-title{font-size:36px}.hero-desc{margin-left:auto;margin-right:auto;font-size:14px;padding:0 10px}.hero-btns-wrapper{flex-direction:column;align-items:center;width:100%;padding:0 20px}.hero-btns-wrapper a{width:100%;max-width:320px}.hero-stats{justify-content:center;flex-wrap:wrap;gap:20px}.landing-nav ul{display:none}.steps-grid,.foot-grid{grid-template-columns:1fr}.foot-grid{text-align:center}.foot-tag{margin:0 auto 30px auto}.foot-bottom{flex-direction:column;align-items:center;gap:10px}}

/* ── LSBOT REDESIGN - start ── */
/* Shared SVG defaults */
  .lsi { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; display: block; }
  .lsi .dot { fill: currentColor; stroke: none; }

  /* ── Funkcje cards: SVG icon box ── */
  .feat-icon {
    width: 52px; height: 52px;
    border-radius: 12px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(36,102,217,0.18), rgba(36,102,217,0.04)) !important;
    border: 1px solid rgba(36,102,217,0.28) !important;
    color: var(--cyan);
    margin-bottom: 22px;
    position: relative;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  .feat-icon::before {
    content:''; position:absolute; inset:0;
    background: radial-gradient(circle at 30% 20%, rgba(36,102,217,0.4), transparent 60%);
    opacity: 0.75; pointer-events: none;
  }
  .feat-icon .lsi { width: 24px; height: 24px; position: relative; z-index: 1; }
  .feat-card.purple .feat-icon {
    background: linear-gradient(135deg, rgba(167,139,250,0.18), rgba(167,139,250,0.04)) !important;
    border-color: rgba(167,139,250,0.28) !important;
    color: var(--purple);
  }
  .feat-card.purple .feat-icon::before {
    background: radial-gradient(circle at 30% 20%, rgba(167,139,250,0.4), transparent 60%);
  }
  .feat-card:hover .feat-icon {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 8px 24px -8px rgba(36,102,217,0.45);
  }
  .feat-card.purple:hover .feat-icon {
    box-shadow: 0 8px 24px -8px rgba(167,139,250,0.45);
  }

  /* ── Server list window: bigger + branded gradient chrome ── */
  .landing-page #servers .srv-window { padding: 0; max-width: 1080px; background: var(--bg1); border: 1px solid var(--border); border-radius: 16px; box-shadow: 0 30px 60px rgba(0,0,0,0.6); position: relative; overflow: visible; }
  /* Signature cyan→purple accent bar on top (same DNA as .card::before) */
  .landing-page #servers .srv-window::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--cyan), var(--purple), transparent); border-radius: 16px 16px 0 0; z-index: 5; }
  .landing-page #servers .srv-titlebar,
  .landing-page #servers .filter-bar { display: none !important; }

  /* Compact header inside the window (mono caption + count badge) */
  .vb-header {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 28px 0;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    letter-spacing: 1.5px;
    color: var(--muted);
    text-transform: uppercase;
  }
  .vb-header__title { color: #fff; font-weight: 700; display: inline-flex; align-items: center; gap: 10px; }
  .vb-header__title::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--cyan);
    box-shadow: 0 0 10px var(--cyan);
  }
  .vb-header__meta { color: var(--muted); }
  .vb-header__meta strong { color: var(--cyan); font-weight: 700; }

  .vb-toolbar { position: relative; z-index: 20; padding: 18px 28px 20px; }
  .vb-toolbar::after {
    content: '';
    position: absolute;
    left: 28px; right: 28px; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
  }
  .vb-bar { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; }
  .vb-search-wrap { position: relative; flex: 1; min-width: 240px; }
  /* Gradient border ring around search (same trick as .user-trigger in main.css) */
  .vb-search-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    padding: 1px;
    background: linear-gradient(90deg, rgba(36,102,217,0.55), rgba(167,139,250,0.55));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0.55;
    pointer-events: none;
    transition: opacity .2s;
    z-index: 1;
  }
  .vb-search-wrap:hover::before,
  .vb-search-wrap:focus-within::before { opacity: 1; }
  .vb-search-icon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--muted); pointer-events: none; z-index: 2; transition: color .2s; }
  .vb-search-wrap:focus-within .vb-search-icon { color: var(--cyan); }
  .vb-search { width: 100%; background: var(--bg0); border: 1px solid transparent; border-radius: 12px; padding: 0 18px 0 48px; height: 52px; font-size: 14px; color: var(--text); font-family: 'Inter', sans-serif; outline: none; transition: background .2s, box-shadow .2s; position: relative; z-index: 0; }
  .vb-search::placeholder { color: var(--muted); }
  .vb-search:focus { background: rgba(36,102,217,0.04); box-shadow: 0 0 0 4px rgba(36,102,217,0.10), 0 8px 24px -10px rgba(36,102,217,0.5); }
  .vb-dd { position: relative; flex-shrink: 0; }
  .vb-dd-btn { background: var(--bg0); border: 1px solid var(--border); color: var(--text); padding: 0 16px; height: 52px; border-radius: 12px; font-size: 14px; font-family: 'Inter', sans-serif; display: inline-flex; align-items: center; gap: 9px; cursor: pointer; transition: all .15s; }
  .vb-dd-btn:hover { border-color: var(--border-hover); }
  .vb-dd-btn.has-active { border-color: rgba(36,102,217,0.5); }
  .vb-dd-btn.is-open { border-color: var(--cyan); }
  .vb-dd-btn .vb-chev { transition: transform .2s; }
  .vb-dd-btn.is-open .vb-chev { transform: rotate(180deg); }
  .vb-count { background: var(--cyan); color: #0a0b0d; font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 11px; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
  .vb-count[hidden] { display: none; }
  .vb-panel { position: absolute; right: 0; top: calc(100% + 8px); width: 320px; background: #0a0b0d; border: 1px solid rgba(36,102,217,0.25); border-radius: 12px; padding: 6px; box-shadow: 0 20px 50px rgba(0,0,0,0.7), 0 0 0 1px rgba(36,102,217,0.15), 0 0 30px -10px rgba(36,102,217,0.4); z-index: 100; }
  .vb-panel-head { display: flex; justify-content: space-between; padding: 10px 12px 12px; border-bottom: 1px solid var(--border); margin-bottom: 4px; font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--muted); letter-spacing: 0.8px; }
  .vb-panel-head .vb-panel-title { color: #fff; font-weight: 700; text-transform: uppercase; }
  .vb-panel-head .vb-panel-mode { color: var(--cyan); }
  .vb-opt { width: 100%; background: transparent; border: none; color: var(--text); padding: 10px 12px; border-radius: 6px; display: flex; align-items: flex-start; gap: 10px; cursor: pointer; text-align: left; transition: background .12s; font-family: 'Inter', sans-serif; }
  .vb-opt:hover { background: var(--bg2); }
  .vb-opt.is-on { background: rgba(36,102,217,0.08); }
  .vb-cb { width: 16px; height: 16px; border-radius: 4px; border: 1.5px solid var(--border-hover); flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-top: 2px; transition: all .15s; color: transparent; }
  .vb-opt.is-on .vb-cb { background: var(--cyan); border-color: var(--cyan); color: #0a0b0d; }
  .vb-opt-icon { color: var(--muted); margin-top: 1px; flex-shrink: 0; transition: color .15s; }
  .vb-opt.is-on .vb-opt-icon { color: var(--cyan); }
  .vb-opt-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
  .vb-opt-name { font-size: 13px; font-weight: 600; color: #fff; }
  .vb-opt-desc { font-size: 11px; color: var(--muted); line-height: 1.35; }
  .vb-clear { width: 100%; background: transparent; border: none; border-top: 1px solid var(--border); margin-top: 4px; padding: 11px; color: var(--muted); font-size: 11px; cursor: pointer; font-family: 'JetBrains Mono', monospace; letter-spacing: 0.5px; text-transform: uppercase; }
  .vb-clear:hover { color: #ef4444; }
  .vb-active { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 14px; }
  .vb-active-label { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--muted); letter-spacing: 1px; text-transform: uppercase; margin-right: 2px; }
  .vb-tag { background: rgba(36,102,217,0.14); border: 1px solid rgba(36,102,217,0.4); color: #fff; padding: 5px 9px 5px 10px; border-radius: 14px; font-size: 12px; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-family: 'Inter', sans-serif; transition: all .15s; }
  .vb-tag .vb-tag-icon { color: var(--cyan); }
  .vb-tag .vb-tag-x { color: var(--muted); }
  .vb-tag:hover { background: rgba(239,68,68,0.14); border-color: rgba(239,68,68,0.4); }
  .vb-tag:hover .vb-tag-x { color: #ef4444; }

  /* ── Server rows: icon strip with highlighting + tooltips ── */
  .landing-page #servers .srv-list { position: relative; z-index: 1; padding: 18px 28px 24px; gap: 10px; }
  .landing-page .srv-row { gap: 14px; padding: 16px 20px; background: rgba(15,17,21,0.6); border: 1px solid rgba(255,255,255,0.05); border-radius: 12px; transition: all .2s ease; position: relative; }
  .landing-page .srv-row:hover { background: rgba(20,24,32,0.8); border-color: rgba(36,102,217,0.3); transform: translateY(-1px); box-shadow: 0 8px 24px -8px rgba(36,102,217,0.25); }
  .landing-page .srv-icon-box { width: 42px; height: 42px; background: linear-gradient(135deg, var(--bg3), var(--bg2)); border: 1px solid var(--border); border-radius: 10px; color: var(--text); font-size: 16px; font-weight: 800; box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); }
  .srv-row__main { flex: 1; min-width: 0; }
  .srv-row__name { color: #fff; font-weight: 600; font-size: 14px; }
  .srv-row__region { color: var(--muted); font-size: 12px; margin-top: 2px; }
  .srv-features { display: flex; gap: 4px; align-items: center; flex-shrink: 0; }
  .srv-fchip { position: relative; width: 26px; height: 26px; border-radius: 6px; display: flex; align-items: center; justify-content: center; border: 1px solid transparent; color: var(--muted); background: rgba(255,255,255,0.03); transition: all .2s; cursor: help; }
  .srv-fchip.is-has { border-color: var(--border); }
  .srv-fchip.is-matched { color: var(--cyan); background: rgba(36,102,217,0.16); border-color: rgba(36,102,217,0.45); box-shadow: 0 0 0 1px rgba(36,102,217,0.25), 0 0 12px -2px rgba(36,102,217,0.55); }
  .srv-fchip.is-missing { color: rgba(255,255,255,0.08); background: transparent; border-color: rgba(255,255,255,0.04); cursor: default; }
  .srv-fchip .lsi { width: 14px; height: 14px; }
  /* Custom branded tooltip via data-tip - appears instantly above the chip */
  .srv-fchip[data-tip]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: #000;
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s, transform .15s;
    z-index: 20;
    border: 1px solid var(--border-hover);
    box-shadow: 0 8px 20px rgba(0,0,0,0.5);
  }
  .srv-fchip[data-tip]::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 3px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    border: 5px solid transparent;
    border-top-color: #000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s, transform .15s;
    z-index: 20;
  }
  .srv-fchip[data-tip]:hover::after,
  .srv-fchip[data-tip]:hover::before { opacity: 1; transform: translateX(-50%) translateY(0); }
  .srv-fchip.is-missing[data-tip]::after { content: attr(data-tip) ' - niedostępne'; color: var(--muted); }
  .srv-fchip.is-matched[data-tip]::after { border-color: rgba(36,102,217,0.5); color: var(--cyan); }
  .srv-empty { padding: 50px 20px; text-align: center; color: var(--muted); font-size: 13px; }
  .srv-empty strong { color: #fff; display: block; margin-bottom: 6px; font-size: 14px; }

  @media (max-width: 600px) {
    /* Węższy, kompaktowy pasek wyszukiwania: pole + "Funkcje" w jednym rzędzie,
       przycisk huguje treść zamiast rozciągać się na całą szerokość. */
    .vb-toolbar { padding-left: 16px; padding-right: 16px; }
    .vb-bar { flex-direction: row; flex-wrap: nowrap; gap: 8px; }
    .vb-search-wrap { min-width: 0; }
    .vb-dd, .vb-dd-btn { width: auto; }
    .vb-dd-btn { padding: 0 14px; }
    .vb-panel { left: 0; right: 0; width: auto; }
    /* Zwężenie całej karty - boczne marginesy tworzą strefę do przewijania strony palcem */
    .landing-page #servers .srv-window { margin-left: 22px; margin-right: 22px; }
    /* Server rows stack on mobile - icons sit on their own row */
    .landing-page .srv-row { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 16px; }
    .landing-page .srv-row .srv-row__main { width: 100%; }
    .srv-features { display: flex; flex-wrap: wrap; }
    .srv-fchip { width: 28px; height: 28px; }
    .srv-fchip .lsi { width: 16px; height: 16px; }
  }

  /* ── Logged-in state: hide auth card, recenter hero ── */
  .is-authed .auth-card { display: none !important; }
  .is-authed #auth.hero-section {
    grid-template-columns: 1fr;
    max-width: 920px;
    text-align: center;
    gap: 30px;
  }
  .is-authed #auth.hero-section .hero-desc { margin-left: auto; margin-right: auto; }
  .is-authed #auth.hero-section .hero-btns-wrapper { justify-content: center; }
  .is-authed #auth.hero-section .hero-stats { justify-content: center; border-top: 1px solid var(--border); padding-top: 30px; }

  .is-authed #auth.hero-section .hero-btns-wrapper { gap: 16px; }
  .is-authed #auth.hero-section .hero-btns-wrapper .btn-primary,
  .is-authed #auth.hero-section .hero-btns-wrapper .btn-ghost {
    width: auto;
    flex: 0 0 auto;
    min-width: 200px;
    padding: 0 36px;
  }
/* ── LSBOT REDESIGN - end ── */
 /* ── Nav centering: place menu ul absolutely centered in viewport ── */ .landing-nav{position: fixed;}.landing-nav ul{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);margin: 0;}@media (max-width: 900px){.landing-nav ul{position: static;transform: none;}}/* ── /Nav centering ── */