/* ===== RaconCodes servers: home ticker, server wall, server cards ===== */
.sv-logo{position:relative;flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--lg-bg);color:var(--lg-fg);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .08),0 6px 16px rgb(0 0 0 / .3)}
.sv-logo svg{width:30px;height:30px;overflow:visible}
.sv-logo-img{background:#fff;padding:6px}.sv-logo-img img{width:100%;height:100%;object-fit:contain}

/* ---- top ticker on the home page ---- */
.sv-topbar{position:absolute;z-index:12;top:0;left:0;right:0;height:34px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#f5b21b,#ffd457 50%,#f5b21b);color:#1d0525;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 4px 18px rgb(0 0 0 / .35)}
.sv-topbar-tag{position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:7px;height:100%;padding:0 14px 0 16px;background:#1d0525;color:#ffd457;font-weight:800;letter-spacing:.6px;font-size:12px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-right:22px}
.sv-topbar-tag i{width:8px;height:8px;border-radius:50%;background:#3ee59a;box-shadow:0 0 0 3px rgb(62 229 154 / .3);animation:sv-blink 1.4s infinite}
.sv-topbar-track{flex:1 1 auto;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center}
.sv-topbar-run{display:flex;flex:none;white-space:nowrap;animation:sv-run 55s linear infinite}
.sv-topbar-run span{display:inline-flex;align-items:center;gap:8px;padding:0 18px}
.sv-topbar-run span::before{content:"";width:6px;height:6px;border-radius:50%;background:#1d0525;opacity:.55}
.sv-topbar-run b{font-weight:800}
.sv-topbar-go{position:relative;z-index:2;flex:none;margin-left:auto;display:flex;align-items:center;gap:6px;height:100%;padding:0 16px 0 24px;background:#1d0525;color:#fff;font-size:12.5px;font-weight:800;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}
.sv-topbar-go svg{width:14px;height:14px}
.sv-topbar:hover .sv-topbar-run{animation-play-state:paused}
body.has-sv-topbar .site-header{top:50px}
@media(max-width:900px){body.has-sv-topbar .site-header{top:44px}}
@media(max-width:620px){.sv-topbar{height:32px;font-size:12px}.sv-topbar-go span{display:none}.sv-topbar-go{padding:0 12px 0 20px}body.has-sv-topbar .site-header{top:42px}body.has-sv-topbar .mobile-nav{top:117px}body.has-sv-topbar .hero-content{top:190px}}

/* ---- server wall on the home page ---- */
.sv-wall{position:relative;padding:72px 0 64px;background:radial-gradient(circle at 50% 0,#410955 0,#17031e 60%);overflow:hidden;border-top:1px solid var(--gold-line,#3a3010);border-bottom:1px solid var(--gold-line,#3a3010)}
.sv-wall-head{width:min(1100px,100%);margin:0 auto 34px;padding:0 20px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px}
.sv-wall-head p.k{margin:0 0 10px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgb(62 229 154 / .12);border:1px solid rgb(62 229 154 / .35);color:#8ff5c5;font-size:12px;font-weight:800;letter-spacing:.8px}
.sv-wall-head p.k i{width:8px;height:8px;border-radius:50%;background:#3ee59a;animation:sv-blink 1.4s infinite}
.sv-wall-head h2{margin:0;font-size:clamp(30px,4.4vw,48px);line-height:1.08;font-weight:800;color:#f8efdb}
.sv-wall-head h2 em{font-style:normal;color:#f5b21b}
.sv-wall-head .sub{margin:10px 0 0;max-width:520px;color:#bdb5a2;font-size:15px;line-height:1.6}
.sv-cta{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#ffdd6b,#f5b21b 55%,#d98f0a);color:#1d0525;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 12px 30px rgb(245 178 27 / .32),inset 0 1px 0 rgb(255 255 255 / .5);transition:transform .25s,box-shadow .25s;animation:sv-nudge 3.2s ease-in-out infinite}
.sv-cta:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgb(245 178 27 / .42)}
.sv-cta svg{width:20px;height:20px}
.sv-cta b{display:grid;place-items:center;min-width:34px;height:26px;padding:0 8px;border-radius:999px;background:#1d0525;color:#ffd457;font-size:13px}
.sv-lanes{display:flex;flex-direction:column;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sv-lane{display:flex;width:max-content;gap:14px;animation:sv-run 70s linear infinite}
.sv-lane.rev{animation-direction:reverse;animation-duration:80s}
.sv-lanes:hover .sv-lane{animation-play-state:paused}
.sv-chip{display:flex;align-items:center;gap:12px;min-width:220px;padding:10px 16px 10px 10px;border-radius:18px;background:#2a0438;border:1px solid var(--chip,#481b5a);color:#f8efdb;text-decoration:none;transition:transform .2s,background .2s}
.sv-chip:hover{transform:translateY(-3px);background:#370849}
.sv-chip .sv-logo{width:44px;height:44px;border-radius:12px}.sv-chip .sv-logo svg{width:27px;height:27px}
.sv-chip strong{display:block;font-size:15px;font-weight:800;white-space:nowrap}
.sv-chip small{display:flex;align-items:center;gap:6px;font-size:12px;color:#9fe9c4;font-weight:600}
.sv-chip small i{width:7px;height:7px;border-radius:50%;background:#3ee59a}
.sv-chip em{margin-left:auto;padding:4px 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:800;background:var(--chip-soft);color:var(--chip-ink)}
.sv-wall-foot{display:flex;justify-content:center;margin-top:30px;padding:0 20px}
@media(max-width:620px){.sv-wall{padding:56px 0 48px}.sv-wall-head{margin-bottom:24px}.sv-chip{min-width:190px}.sv-wall-head .sv-cta{display:none}.sv-cta{width:100%;justify-content:center}}
@media(min-width:621px){.sv-wall-foot{display:none}}

/* ---- category colours ---- */
[data-cat="k8"]{--c-deep:#5a3d00;--c:#ffc93c;--c-soft:rgb(255 201 60 / .14);--c-line:rgb(255 201 60 / .45);--c-bg:#1f1704}
[data-cat="k4"]{--c-deep:#03485a;--c:#38d9f5;--c-soft:rgb(56 217 245 / .13);--c-line:rgb(56 217 245 / .42);--c-bg:#04222a}
[data-cat="ott"]{--c-deep:#76107f;--c:#f89cff;--c-soft:rgb(248 156 255 / .14);--c-line:rgb(248 156 255 / .45);--c-bg:#300833}
[data-cat="live"]{--c-deep:#5e1428;--c:#ff7a93;--c-soft:rgb(255 122 147 / .13);--c-line:rgb(255 122 147 / .42);--c-bg:#2a0d15}
[data-cat="act"]{--c-deep:#064f35;--c:#3ee59a;--c-soft:rgb(62 229 154 / .13);--c-line:rgb(62 229 154 / .42);--c-bg:#04241a}
.sv-chip[data-cat]{--chip:var(--c-line);--chip-soft:var(--c-soft);--chip-ink:var(--c)}

/* ---- server list page ---- */
.sl-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.sl-stats span{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .12);font-size:14px;font-weight:600;color:#f8efdb}
.sl-stats span i{width:8px;height:8px;border-radius:50%;background:#3ee59a;box-shadow:0 0 0 3px rgb(62 229 154 / .25);animation:sv-blink 1.4s infinite}
.sl-stats b{color:#ffd457}
.sv-tools{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.sv-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none}
.sv-filters::-webkit-scrollbar{display:none}
.sv-filter{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid #481b5a;background:#17031e;color:#d9d2bf;font:700 14px Outfit,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.sv-filter i{width:10px;height:10px;border-radius:50%;background:var(--c,#f5b21b)}
.sv-filter small{padding:1px 8px;border-radius:999px;background:rgb(255 255 255 / .08);font-size:12px}
.sv-filter:hover{border-color:var(--c,#f5b21b)}
.sv-filter[aria-pressed="true"]{background:var(--c,#f5b21b);border-color:var(--c,#f5b21b);color:#1d0525}
.sv-filter[aria-pressed="true"] i{background:#1d0525}
.sv-filter[aria-pressed="true"] small{background:rgb(0 0 0 / .15)}
.sv-filter[data-cat="all"]{--c:#f5b21b}
.sv-grid{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
@media(min-width:600px){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(min-width:980px){.sv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.sv-card{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#23052e;border:2px solid var(--c-line);border-left:6px solid var(--c);box-shadow:0 14px 32px rgb(0 0 0 / .5);cursor:pointer;outline:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,opacity .3s,filter .3s}
.sv-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgb(0 0 0 / .55),0 0 0 1px var(--c)}
.sv-card:focus-visible{box-shadow:0 0 0 3px var(--c)}
.sv-head{display:flex;align-items:center;gap:14px;padding:18px 16px 16px;background:linear-gradient(135deg,var(--c-deep) 0%,var(--c-bg) 100%);border-bottom:1px solid var(--c-line)}
.sv-head .sv-logo{width:60px;height:60px;border-radius:16px;background:#17031e;box-shadow:0 0 0 2px var(--c),0 8px 18px rgb(0 0 0 / .4)}.sv-head .sv-logo svg{width:36px;height:36px}
.sv-title{min-width:0;flex:1}
.sv-num{display:inline-block;margin-bottom:4px;padding:3px 9px;border-radius:999px;background:var(--c);color:#1d0525;font-size:11.5px;font-weight:800;letter-spacing:.4px}
.sv-title h3{margin:0;font-size:21px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:.2px;overflow-wrap:anywhere}
.sv-type{display:block;margin-top:3px;font-size:14px;font-weight:600;color:#ece5d3}
.sv-body{display:flex;flex-direction:column;gap:12px;padding:14px 16px 14px}
.sv-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#310841;font-size:14px}
.sv-status span{display:flex;align-items:center;gap:8px;color:#9ff0c2;font-weight:700}
.sv-status span i{width:9px;height:9px;border-radius:50%;background:#3ee59a;box-shadow:0 0 0 3px rgb(62 229 154 / .25);animation:sv-blink 1.6s infinite}
.sv-status small{color:#c9c2b0;font-size:13px}
.sv-more{display:none;padding:12px;border-radius:12px;background:var(--c-soft);border:1px dashed var(--c-line);font-size:15px;line-height:1.5;color:#f3eedf}
.sv-more ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.sv-more li{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:#e8e2d2}
.sv-more li::before{content:"";flex:none;width:17px;height:17px;margin-top:2px;border-radius:50%;background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1020' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.sv-actions{display:flex;gap:8px}
.sv-wa{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border-radius:14px;background:#25d366;color:#04261a!important;font-weight:800;font-size:16px;text-decoration:none;transition:background .2s,transform .2s}
.sv-wa:hover{background:#2ee475;transform:translateY(-1px)}
.sv-wa img{width:20px;height:20px}
.sv-tg{flex:none;width:50px;min-height:50px;border-radius:14px;display:grid;place-items:center;background:rgb(151 0 251 / .14);border:1.5px solid #9700fb;transition:background .2s}
.sv-tg:hover{background:rgb(151 0 251 / .3)}
.sv-tg img{width:22px;height:22px}
.sv-hint{font-size:12.5px;color:#b58ec4;text-align:center}
.sv-close{display:none;position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgb(0 0 0 / .45);color:#fff;font-size:22px;line-height:1;cursor:pointer}
/* focus mode */

.sv-card.is-focus{z-index:3;transform:scale(1.03);box-shadow:0 0 0 3px var(--c),0 26px 60px rgb(0 0 0 / .65),0 0 70px var(--c-soft);cursor:default}
.sv-card.is-focus .sv-more,.sv-card.is-focus .sv-close{display:block}
.sv-card.is-focus .sv-hint{display:none}
.sv-empty{grid-column:1/-1;padding:40px 16px;text-align:center;color:#bdb5a2}
@media(max-width:599px){.sv-card.is-focus{transform:none}}

@keyframes sv-run{to{transform:translateX(-50%)}}
@keyframes sv-blink{50%{opacity:.35}}
@keyframes sv-nudge{0%,86%,100%{transform:none}90%{transform:translateY(-4px)}94%{transform:translateY(0)}97%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.sv-topbar-run,.sv-lane{animation:none}.sv-lanes{overflow-x:auto}.sv-cta,.sv-topbar-tag i,.sv-status span i,.sl-stats span i{animation:none}.sv-card,.sv-grid .sv-card{transition:none}}

/* stop the site's image loading shimmer behind these transparent icons */
.sv-wa img,.sv-tg img,.sv-logo img,.sv-topbar img{background:none!important;animation:none!important}

/* hero button to the server list */
.hero-servers{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:3px;background:#0f3b27;border:1.5px solid #3ee59a;color:#d9ffe9;font-size:13px;font-weight:800;text-decoration:none;transition:background .25s,transform .25s}
.hero-servers:hover{background:#145a3a;transform:translateY(-3px)}
.hero-servers .dot{width:9px;height:9px;border-radius:50%;background:#3ee59a;box-shadow:0 0 0 4px rgb(62 229 154 / .25);animation:sv-blink 1.4s infinite}
.hero-servers svg{width:16px;height:16px}
.hero-actions .hero-servers{grid-column:1/-1}
@media(min-width:621px){.hero-actions{flex-wrap:wrap}}

/* ===== Country landing pages + home country section ===== */
.cp-hero{padding-bottom:90px}
.cp-crumb{margin-bottom:16px;font-size:13px;color:#bdb5a2}.cp-crumb a{color:#ffd457}
.cp-flag{width:28px;height:21px;border-radius:4px;box-shadow:0 0 0 1px rgb(255 255 255 / .2)}
.sl-kicker .cp-flag{margin-right:2px}
.cp-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.cp-big{flex:0 1 auto;min-height:56px;padding:0 26px;border-radius:999px;font-size:16px}
.cp-tg{width:56px;min-height:56px;border-radius:999px}
.cp-main{width:min(1100px,100%);margin:-40px auto 0;padding:0 16px 80px;position:relative;z-index:2;display:flex;flex-direction:column;gap:20px}
.cp-card{padding:24px;border-radius:24px;background:#1f042a;border:1px solid #481b5a;box-shadow:0 18px 44px rgb(0 0 0 / .4)}
.cp-card h2,.cp-other h2{margin:0 0 16px;font-size:clamp(22px,3vw,28px);line-height:1.2;font-weight:800;color:#f8efdb}
.cp-grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:stretch}
@media(max-width:820px){.cp-grid2{grid-template-columns:1fr}}
.cp-photo{margin:0;border-radius:24px;overflow:hidden;min-height:260px;border:1px solid #481b5a}
.cp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cp-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.cp-list li{display:flex;align-items:flex-start;gap:10px;font-size:16px;color:#ece5d3}
.cp-list svg{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:#f5b21b;color:#1d0525}
.cp-note{margin:14px 0 0;font-size:14px;color:#9fe9c4}
.cp-whys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:820px){.cp-whys{grid-template-columns:1fr}}
.cp-why{padding:18px;border-radius:18px;background:#310841;border-top:3px solid #f5b21b}
.cp-why h3{margin:0 0 6px;font-size:18px;color:#ffd457}.cp-why p{margin:0;font-size:15px;line-height:1.55;color:#d9d2bf}
.cp-devs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.cp-devs li{padding:10px 16px;border-radius:999px;background:#310841;border:1px solid #481b5a;font-size:15px;font-weight:600;color:#f3eedf}
.cp-faq{border-top:1px solid #481b5a;padding:4px 0}
.cp-faq:first-of-type{border-top:0}
.cp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:17px;font-weight:700;color:#f8efdb}
.cp-faq summary::after{content:"+";color:#f5b21b;font-size:22px;line-height:1}
.cp-faq[open] summary::after{content:"–"}
.cp-faq summary::-webkit-details-marker{display:none}
.cp-faq p{margin:0 0 14px;font-size:15.5px;line-height:1.6;color:#d9d2bf}
.cp-final{text-align:center;background:linear-gradient(160deg,#0b2a1d,#1f042a 70%);border-color:#1d5c3f}
.cp-final .cp-ctas{margin-top:0}
.cp-other{padding:6px 2px}
.cp-countries{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.cp-country{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px;border-radius:16px;background:#2a0438;border:1.5px solid #481b5a;color:#f8efdb;font-weight:700;font-size:16px;text-decoration:none;transition:border-color .2s,transform .2s}
.cp-country:hover{border-color:#f5b21b;transform:translateY(-2px)}
.cp-country img{width:36px;height:27px;border-radius:5px;flex:none;box-shadow:0 0 0 1px rgb(255 255 255 / .15);background:none!important;animation:none!important}
.cp-country span{display:flex;flex-direction:column;line-height:1.25}
.cp-country small{font-size:13px;font-weight:500;color:#bdb5a2}
.cp-home{padding:70px 20px;background:#17031e}
.cp-home-inner{width:min(1100px,100%);margin:0 auto}
.cp-home h2{margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.12;font-weight:800;color:#f8efdb}
.cp-home-sub{margin:0 0 24px;color:#bdb5a2;font-size:15.5px}
.sl-names{margin-top:22px;padding:20px 22px;border-radius:20px;background:#1f042a;border:1px solid #481b5a}
.sl-names h2{margin:0 0 8px;font-size:18px;color:#f8efdb}.sl-names p{margin:0;font-size:14px;line-height:1.8;color:#bdb5a2}
.footer-countries{display:contents}
.cp-big img,.sv-wa img{background:none!important;animation:none!important}

/* downloader code on server cards */
.sv-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#3a0a3e;border:1px dashed #f05cff}
.sv-code span{display:flex;flex-direction:column;line-height:1.15}
.sv-code small{font-size:11.5px;font-weight:700;color:#f9bcff;letter-spacing:.3px}
.sv-code b{font-size:21px;font-weight:800;letter-spacing:1.5px;color:#fff;font-variant-numeric:tabular-nums}
.sv-copy{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:#f05cff;color:#fff;font:800 14px Outfit,sans-serif;cursor:pointer}
.sv-copy.ok{background:#25d366;color:#04261a}
.sv-logo-img{background:#fff!important;padding:4px!important;overflow:hidden}
.sv-logo-img img{border-radius:10px}

/* all cards glow in their colour; the opened card glows stronger (no dimming) */
.sv-card{box-shadow:0 14px 32px rgb(0 0 0 / .5),0 0 26px var(--c-soft),inset 0 0 0 1px rgb(255 255 255 / .03)!important}
.sv-card:hover{box-shadow:0 22px 44px rgb(0 0 0 / .55),0 0 38px var(--c-soft),0 0 0 1px var(--c)!important}
.sv-card.is-focus{box-shadow:0 0 0 3px var(--c),0 26px 60px rgb(0 0 0 / .6),0 0 80px var(--c-soft),0 0 40px var(--c-soft)!important;animation:sv-pulse 2.4s ease-in-out infinite}
@keyframes sv-pulse{50%{box-shadow:0 0 0 3px var(--c),0 26px 60px rgb(0 0 0 / .6),0 0 110px var(--c-soft),0 0 60px var(--c-soft)}}
.sv-grid.has-focus .sv-card{opacity:1!important;filter:none!important}
.sv-res{flex:none;display:grid;place-items:center;width:84px;min-height:50px;border-radius:14px;background:rgb(245 178 27 / .12);border:1.5px solid #f5b21b;color:#ffd457!important;font-size:12px;font-weight:800;line-height:1.15;text-align:center;text-decoration:none}
.sv-res:hover{background:rgb(245 178 27 / .25)}
/* reseller strip on the servers page */
.rs-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:18px;border-radius:20px;background:linear-gradient(120deg,#2a1d02,#1f042a 70%);border:1.5px solid rgb(245 178 27 / .45);scroll-margin-top:110px}
.rs-strip-t{flex:1 1 320px}
.rs-badge{display:inline-block;padding:3px 10px;border-radius:999px;background:#f5b21b;color:#1d0525;font-size:11px;font-weight:800;letter-spacing:.8px}
.rs-strip h2{margin:8px 0 4px;font-size:22px;font-weight:800;color:#fff}
.rs-strip p{margin:0;color:#d9d2bf;font-size:14.5px;line-height:1.5}
.rs-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.rs-steps li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:rgb(0 0 0 / .3);color:#f3eedf;font-size:13.5px;font-weight:700}
.rs-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f5b21b;color:#1d0525;font-size:12px}
.rs-steps em{font-style:normal;color:#ffd457}
@media(prefers-reduced-motion:reduce){.sv-card.is-focus{animation:none}}
.sv-wa{font-size:15px;white-space:nowrap;gap:7px}.sv-wa img{width:18px;height:18px}
@media(max-width:380px){.sv-wa{font-size:13.5px}.sv-res{width:74px;font-size:11px}}

/* ===== compact server tiles (v8) ===== */
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:620px){.st-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(min-width:900px){.st-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1150px){.st-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.st{position:relative;display:flex;align-items:center;gap:10px;min-height:72px;padding:10px 30px 10px 10px;border-radius:16px;border:1.5px solid var(--c-line);background:linear-gradient(150deg,var(--c-bg),#23052e 75%);color:#fff;text-align:left;font:inherit;cursor:pointer;overflow:hidden;box-shadow:0 8px 20px rgb(0 0 0 / .35),0 0 18px var(--c-soft);transition:transform .2s,border-color .2s,box-shadow .2s}
.st::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--c)}
.st:hover,.st:focus-visible{transform:translateY(-2px);border-color:var(--c);box-shadow:0 12px 26px rgb(0 0 0 / .45),0 0 26px var(--c-soft);outline:none}
.st .sv-logo{width:46px;height:46px;border-radius:12px;flex:none}.st .sv-logo svg{width:28px;height:28px}
.st-t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.st-t b{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-t small{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;font-weight:700;color:var(--c)}
.st-t small i{width:6px;height:6px;border-radius:50%;background:#3ee59a;box-shadow:0 0 0 2px rgb(62 229 154 / .25)}
.st-go{position:absolute;right:8px;top:50%;width:16px;height:16px;margin-top:-8px;color:rgb(255 255 255 / .45)}
.st-grid[hidden]{display:none}

/* ===== details sheet ===== */
.st-sheet{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;background:rgb(10 0 14 / 0);transition:background .25s}
.st-sheet.on{background:rgb(10 0 14 / .7);backdrop-filter:blur(4px)}
body.st-open{overflow:hidden}
.st-panel{position:relative;width:min(520px,100%);max-height:88vh;overflow:auto;padding:14px 18px 22px;border-radius:24px 24px 0 0;background:linear-gradient(170deg,var(--c-bg),#1f042a 55%);border:1.5px solid var(--c-line);border-bottom:0;box-shadow:0 -20px 60px rgb(0 0 0 / .6),0 0 60px var(--c-soft);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);outline:none;color:#f3eedf}
.st-sheet.on .st-panel{transform:none}
@media(min-width:700px){.st-sheet{align-items:center}.st-panel{border-radius:24px;border-bottom:1.5px solid var(--c-line);transform:translateY(30px) scale(.97);opacity:0;transition:transform .3s,opacity .25s}.st-sheet.on .st-panel{opacity:1}.st-grab{display:none}}
.st-grab{width:44px;height:5px;margin:0 auto 10px;border-radius:5px;background:rgb(255 255 255 / .25)}
.st-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgb(0 0 0 / .4);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.st-hero{display:flex;align-items:center;gap:14px;margin:6px 46px 16px 0}
.st-hero .sv-logo{width:72px;height:72px;border-radius:18px;box-shadow:0 0 0 2px var(--c),0 10px 24px rgb(0 0 0 / .4)}.st-hero .sv-logo svg{width:42px;height:42px}
.st-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--c);color:#1d0525;font-size:11.5px;font-weight:800}
.st-hero h2{margin:5px 0 2px;font-size:26px;line-height:1.1;font-weight:800;color:#fff;overflow-wrap:anywhere}
.st-hero p{margin:0;color:#d9d2bf;font-size:14px}
.st-status{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:14px;background:#310841;font-size:14px}
.st-status span{display:flex;align-items:center;gap:8px;color:#9ff0c2;font-weight:700}
.st-status span i{width:9px;height:9px;border-radius:50%;background:#3ee59a;box-shadow:0 0 0 3px rgb(62 229 154 / .25);animation:sv-blink 1.6s infinite}
.st-status small{color:#c9c2b0}
.st-list{margin:14px 0;padding:14px;list-style:none;display:grid;gap:9px;border-radius:14px;background:var(--c-soft);border:1px dashed var(--c-line)}
.st-list li{display:flex;gap:9px;font-size:14.5px;line-height:1.45;color:#ece5d3}
.st-list li::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1020' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
.st-list b{color:#fff}
.st-actions{display:flex;gap:8px}
.st-actions .sv-wa{min-height:52px}
.st-res{flex:none;display:grid;place-items:center;padding:0 12px;min-height:52px;border-radius:14px;background:rgb(245 178 27 / .12);border:1.5px solid #f5b21b;color:#ffd457!important;font-size:13px;font-weight:800;text-decoration:none;text-align:center;line-height:1.15;max-width:96px}
.st-actions .sv-tg{width:52px;min-height:52px}
.st-dl{display:block;margin-top:14px;text-align:center;color:#f89cff!important;font-weight:700;font-size:14px;text-decoration:none}

/* ===== app license activation (looks like a licence ticket) ===== */
.ac-section{margin-top:30px;scroll-margin-top:100px}
.ac-section[hidden]{display:none}
.ac-head{margin-bottom:16px}
.ac-badge{display:inline-block;padding:4px 11px;border-radius:999px;background:#eafff4;color:#065f3b;font-size:11px;font-weight:800;letter-spacing:.8px}
.ac-head h2{margin:8px 0 4px;font-size:26px;font-weight:800;color:#f8efdb}
.ac-head p{margin:0;max-width:640px;color:#c9c2b0;font-size:14.5px;line-height:1.55}
.ac-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:760px){.ac-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lc{position:relative;display:flex;border-radius:18px;background:linear-gradient(135deg,#fffdf6,#f4ecd8);color:#1a1408;box-shadow:0 14px 30px rgb(0 0 0 / .4);overflow:hidden}
.lc-stub{position:relative;flex:none;width:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 8px;background:linear-gradient(170deg,#0f3b27,#06281c);border-right:2px dashed rgb(255 255 255 / .55)}
.lc-stub::before,.lc-stub::after{content:"";position:absolute;right:-11px;width:20px;height:20px;border-radius:50%;background:#1f042a}
.lc-stub::before{top:-10px}.lc-stub::after{bottom:-10px}
.lc-stub .sv-logo{width:54px;height:54px;border-radius:14px;box-shadow:0 0 0 2px #3ee59a}.lc-stub .sv-logo svg{width:32px;height:32px}
.lc-key{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#3ee59a;color:#04261a}.lc-key svg{width:18px;height:18px}
.lc-body{flex:1;min-width:0;padding:14px 14px 14px 16px}
.lc-k{color:#0e8a52;font-size:10.5px;font-weight:800;letter-spacing:1.2px}
.lc-body h3{margin:2px 0 6px;font-size:20px;font-weight:800;color:#1a1408}
.lc-body p{margin:0 0 12px;font-size:13.5px;line-height:1.45;color:#4a4232}
.lc-body p b{color:#1a1408}
.lc-act{display:flex;flex-wrap:wrap;gap:8px}
.lc-btn{flex:1 1 140px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;background:#25d366;color:#04261a!important;font-weight:800;font-size:14.5px;text-decoration:none}
.lc-btn img{width:18px;height:18px;background:none!important;animation:none!important}
.lc-res{flex:0 1 auto;display:grid;place-items:center;min-height:46px;padding:0 14px;border-radius:12px;border:1.5px solid #1a1408;color:#1a1408!important;font-weight:800;font-size:13px;text-decoration:none}
.lc-res:hover{background:#1a1408;color:#fffdf6!important}
.st-sheet[hidden]{display:none!important}
/* vertical mini tiles: logo on top, full name below */
.st{flex-direction:column;align-items:flex-start;gap:8px;min-height:116px;padding:12px 12px 12px 14px}
.st-t b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:15px;line-height:1.15}
.st-t small{margin-top:4px}
.st-go{top:16px;margin-top:0;right:10px}
.st .sv-logo{width:44px;height:44px}
/* tile: whole card opens details, small WhatsApp button goes straight to chat */
.st{cursor:default}
.st-open{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.st-open:focus-visible{outline:2px solid var(--c);outline-offset:-2px}
.st .sv-logo,.st-t{position:relative;pointer-events:none}
.st-wa{position:absolute;z-index:2;top:10px;right:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#25d366;box-shadow:0 4px 12px rgb(37 211 102 / .45);transition:transform .2s}
.st-wa:hover{transform:scale(1.1)}
.st-wa img{width:18px;height:18px;background:none!important;animation:none!important}
.st-go{display:none}
.st.is-off{opacity:.7}.st.is-off .st-t small i{background:#ff7a93;box-shadow:0 0 0 2px rgb(255 122 147 / .3)}
.st-status.is-off span{color:#ffb3bf}.st-status.is-off span i{background:#ff7a93;box-shadow:0 0 0 3px rgb(255 122 147 / .25)}
.st-list li span{display:block}
/* WhatsApp + Telegram quick buttons on every tile */
.st-btns{position:absolute;z-index:2;top:10px;right:10px;display:flex;gap:6px}
.st-btns .st-wa{position:static}
.st-tgb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#9700fb;box-shadow:0 4px 12px rgb(151 0 251 / .45);transition:transform .2s}
.st-tgb:hover{transform:scale(1.1)}
.st-tgb img,.lc-tg img{width:17px;height:17px;background:none!important;animation:none!important}
@media(max-width:380px){.st-btns{gap:4px;top:8px;right:8px}.st-btns .st-wa,.st-tgb{width:30px;height:30px}}
.lc-tg{flex:none;width:46px;min-height:46px;border-radius:12px;display:grid;place-items:center;background:#9700fb}
.lc-tg:hover{background:#8300db}
/* v11 tile: info + WhatsApp on top, Telegram bar along the bottom */
.st{padding-bottom:0;min-height:0;gap:8px}
.st-t{margin-bottom:2px}
.st-info{position:relative;z-index:3;width:34px;height:34px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .35);background:rgb(255 255 255 / .1);color:#fff;font:italic 800 17px Georgia,serif;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.st-info:hover,.st-info:focus-visible{background:var(--c);border-color:var(--c);color:#1d0525;outline:none}
.st-tgbar{position:relative;z-index:2;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:7px;margin:4px -12px 0 -14px;min-height:38px;background:rgb(151 0 251 / .16);border-top:1px solid rgb(151 0 251 / .45);color:#ebcaff!important;font-size:13px;font-weight:800;text-decoration:none;transition:background .2s}
.st-tgbar:hover{background:#9700fb;color:#fff!important}
.st-tgbar img{width:15px;height:15px;background:none!important;animation:none!important}
.st-tgb{display:none}
@media(max-width:380px){.st-info{width:30px;height:30px;font-size:15px}}
/* v12 tile (Option A): big logo, clear name + info icon, WhatsApp top-right, Telegram bottom-right */
.st.st2{display:block;min-height:156px;padding:12px 52px 12px 14px}
.st2 .sv-logo{width:64px;height:64px;border-radius:14px}.st2 .sv-logo svg{width:38px;height:38px}
.st2 .sv-logo-img{padding:5px!important}
.st2 .st-t{display:block;margin-top:10px}
.st2 .st-t b{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:800;letter-spacing:.2px;color:#fff;line-height:1.15;overflow-wrap:anywhere}
.st-i{flex:none;width:22px;height:22px;border-radius:50%;background:var(--c);color:#1d0525;display:grid;place-items:center;font:italic 900 14px Georgia,serif;box-shadow:0 0 0 3px var(--c-soft)}
.st2 .st-t small{margin-top:6px;font-size:12.5px}
.st2 .st-c1,.st2 .st-c2{position:absolute;z-index:2;right:10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;transition:transform .2s}
.st2 .st-c1{top:10px;background:#25d366;box-shadow:0 4px 12px rgb(37 211 102 / .45)}
.st2 .st-c2{bottom:10px;background:#9700fb;box-shadow:0 4px 12px rgb(151 0 251 / .45)}
.st2 .st-c1:hover,.st2 .st-c2:hover{transform:scale(1.1)}
.st2 .st-c1 img,.st2 .st-c2 img{width:18px;height:18px;background:none!important;animation:none!important}
.st2 .st-btns,.st2 .st-tgbar,.st2 .st-go{display:none}
@media(max-width:380px){.st.st2{padding-right:46px}.st2 .st-t b{font-size:15.5px}.st2 .st-c1,.st2 .st-c2{width:32px;height:32px}}
.st.st2{padding-right:12px}
.st2 .st-t b{overflow-wrap:normal;word-break:normal;font-size:16px;flex-wrap:wrap}
.st2 .st-t small{padding-right:42px}
@media(max-width:380px){.st.st2{padding-right:10px}.st2 .st-t b{font-size:14.5px}}
/* v13 Option A polish: clear logo, one-line highlighted name, clearer icons */
.st.st2{min-height:170px;padding:12px 12px 12px 14px}
.st2 .sv-logo{width:74px;height:74px;border-radius:16px;box-shadow:0 0 0 2px var(--c),0 8px 18px rgb(0 0 0 / .45)}
.st2 .sv-logo-img{background:#fff!important;padding:4px!important}
.st2 .sv-logo-img img{image-rendering:auto}
.st2 .sv-logo svg{width:44px;height:44px}
.st2 .st-t{margin-top:12px}
.st2 .st-t b{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;font-size:17px;font-weight:900;letter-spacing:.3px;color:#fff;text-shadow:0 0 14px var(--c-soft),0 1px 0 rgb(0 0 0 / .6)}
.st2 .st-n{display:inline-block;padding:3px 8px;border-radius:8px;background:rgb(255 255 255 / .07);border:1px solid var(--c-line);white-space:nowrap;line-height:1.2}
.st2 .st-i{width:22px;height:22px;font-size:14px}
.st2 .st-t small{padding-right:46px;margin-top:8px}
.st2 .st-c1,.st2 .st-c2{width:42px;height:42px;right:9px;border:2px solid rgb(255 255 255 / .9)}
.st2 .st-c1{top:9px}.st2 .st-c2{bottom:9px}
.st2 .st-c1 img{width:22px;height:22px}.st2 .st-c2 img{width:21px;height:21px;margin-left:-1px}
@media(max-width:380px){.st2 .sv-logo{width:64px;height:64px}.st2 .st-c1,.st2 .st-c2{width:38px;height:38px}}
.st2 .st-t b{min-height:30px}
.st2 .st-t b{max-width:calc(100% - 46px)}
/* v13b: rows — [logo | WhatsApp] [name full width] [status | Telegram] */
.st2 .st-t b{max-width:none;overflow:visible}
.st2 .st-t small{display:flex;align-items:center;min-height:42px;margin-top:6px;padding-right:50px}
.st.st2{padding-bottom:9px;min-height:0}
.st2 .st-t small{white-space:nowrap;padding-right:48px;font-size:12px}@media(max-width:380px){.st2 .st-t small{font-size:11px}.st.st2{padding-left:12px}}