:root{--srv-green:#68ff78;--srv-cyan:#38dfff}
.serveriai-v2-body{background:radial-gradient(circle at 15% 12%,rgba(104,255,120,.1),transparent 26%),radial-gradient(circle at 86% 18%,rgba(56,223,255,.08),transparent 28%),#020908}.serveriai-v2-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(104,255,120,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(104,255,120,.14) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#000,transparent 78%)}
.serveriai-v2-shell{position:relative}.serveriai-v2-hero{position:relative;min-height:0!important;overflow:hidden;border:1px solid rgba(104,255,120,.2);border-radius:24px;background:linear-gradient(110deg,rgba(1,10,8,.98) 0%,rgba(2,11,9,.9) 43%,rgba(3,18,15,.6) 100%);box-shadow:0 24px 65px rgba(0,0,0,.32)}.serveriai-v2-hero:after{content:"";position:absolute;inset:auto 8% -85px 35%;height:150px;border-radius:50%;background:rgba(104,255,120,.12);filter:blur(70px);pointer-events:none}.serveriai-hero-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:42px;min-height:410px;padding:38px 48px}.serveriai-v2-hero h1{max-width:650px;margin:.08em 0;font-size:clamp(3.1rem,5vw,5rem);line-height:.9;letter-spacing:.005em}.serveriai-v2-hero .page-lead{max-width:720px;font-size:1rem;line-height:1.6}.serveriai-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.serveriai-hero-actions .btn{padding:12px 19px;font-size:.76rem}.network-overview{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,470px);justify-self:end;padding:10px;border:1px solid rgba(104,255,120,.2);border-radius:19px;background:linear-gradient(145deg,rgba(4,20,15,.83),rgba(0,7,5,.72));box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.network-overview>div:not(.network-health){padding:16px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.08))}.network-overview small{display:block;color:#769087;font-size:.59rem;font-weight:900;letter-spacing:.12em}.network-overview strong{display:block;margin-top:4px;color:#fff;font:900 2.45rem/1 Rajdhani}.network-overview span{color:#748980;font-size:.66rem}.network-health{grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:9px 12px;color:#91a69e;font-size:.68rem;font-weight:800}.network-health i,.server-v2-status i{width:7px;height:7px;border-radius:50%;background:var(--srv-green);box-shadow:0 0 12px var(--srv-green)}
.serveriai-v2-grid{display:grid;gap:18px}.server-v2-card{overflow:hidden;border:1px solid rgba(104,255,120,.18);border-radius:25px;background:linear-gradient(145deg,rgba(8,25,21,.97),rgba(2,9,8,.98));box-shadow:0 25px 65px rgba(0,0,0,.3)}.server-v2-card.zombie{border-color:rgba(56,223,255,.18)}.server-v2-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px 30px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(110deg,rgba(104,255,120,.07),transparent 55%)}.zombie .server-v2-banner{background:linear-gradient(110deg,rgba(56,223,255,.07),transparent 55%)}.server-v2-icon{display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(104,255,120,.3);border-radius:20px;background:rgba(104,255,120,.08);color:var(--srv-green);font:900 2rem Rajdhani}.zombie .server-v2-icon{border-color:rgba(56,223,255,.3);background:rgba(56,223,255,.08);color:var(--srv-cyan)}.server-v2-banner small{color:#71877e;font-size:.64rem;font-weight:900;letter-spacing:.14em}.server-v2-banner h3{margin:2px 0;font:800 clamp(1.5rem,3vw,2.25rem)/1 Rajdhani}.server-v2-banner p{margin:5px 0 0;color:#81968d;font-size:.78rem}.server-v2-status{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(104,255,120,.22);border-radius:999px;color:var(--srv-green);font-size:.67rem;font-weight:900}.server-v2-status.is-offline{border-color:rgba(255,105,105,.22);color:#ff6969}.server-v2-status.is-offline i{background:#ff6969;box-shadow:0 0 12px #ff6969}.server-v2-status.is-loading{color:#8fa29b;border-color:rgba(255,255,255,.12)}
.server-v2-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 30px}.server-v2-stats>div{padding:8px 20px;border-left:1px solid rgba(255,255,255,.07)}.server-v2-stats>div:first-child{padding-left:0;border-left:0}.server-v2-stats span,.server-address small{display:block;color:#6f847b;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.server-v2-stats strong{display:block;margin-top:5px;overflow:hidden;color:#ecfff0;font:800 1.22rem Rajdhani;white-space:nowrap;text-overflow:ellipsis}.server-v2-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 30px;border-top:1px solid rgba(255,255,255,.07);background:rgba(0,5,4,.35)}.server-address code{display:block;margin-top:5px;color:var(--srv-green);font:800 1.05rem Rajdhani}.zombie .server-address code{color:var(--srv-cyan)}.server-v2-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.server-v2-actions .btn{padding:11px 17px}.server-v2-actions .text-action{padding:8px;color:#9bafa7;font-size:.76rem;font-weight:900;text-decoration:none}.server-v2-actions .text-action:hover{color:#fff}.server-v2-features{display:flex;gap:8px;flex-wrap:wrap;padding:15px 30px 22px}.server-v2-features span{padding:6px 9px;border:1px solid rgba(104,255,120,.13);border-radius:999px;background:rgba(104,255,120,.035);color:#8da198;font-size:.67rem;font-weight:700}.zombie .server-v2-features span{border-color:rgba(56,223,255,.13);background:rgba(56,223,255,.035)}
.server-choice-panel{border:1px solid rgba(104,255,120,.15);border-radius:25px;background:linear-gradient(145deg,rgba(7,22,18,.96),rgba(2,9,8,.98));padding:32px}.server-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.server-choice-grid article{display:flex;gap:16px;padding:21px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(0,5,4,.42)}.server-choice-grid article>span{color:var(--srv-green);font:900 1.25rem Rajdhani}.server-choice-grid h3{margin:0;font:800 1.15rem Rajdhani}.server-choice-grid p{margin:6px 0 0;color:#7d9289;font-size:.73rem;line-height:1.55}
@media(max-width:900px){.serveriai-hero-layout{grid-template-columns:1fr;min-height:0;padding:34px}.network-overview{width:100%;justify-self:stretch}.server-v2-stats{grid-template-columns:repeat(2,1fr);gap:12px}.server-v2-stats>div:nth-child(3){border-left:0;padding-left:0}.server-choice-grid{grid-template-columns:1fr}}
@media(max-width:650px){.serveriai-hero-layout{gap:24px;padding:26px 20px}.network-overview{grid-template-columns:1fr 1fr;padding:8px}.network-overview>div:not(.network-health){padding:12px}.network-overview strong{font-size:2rem}.network-health{grid-column:1/-1;padding:7px 10px}.server-v2-banner{grid-template-columns:auto 1fr;padding:22px}.server-v2-icon{width:52px;height:52px;border-radius:15px}.server-v2-status{grid-column:1/-1;width:max-content}.server-v2-stats{padding:18px 22px}.server-v2-stats>div{padding-left:14px}.server-v2-bottom{align-items:flex-start;flex-direction:column;padding:18px 22px}.server-v2-actions{width:100%}.server-v2-actions .btn{flex:1;text-align:center}.server-v2-features{padding:14px 22px 20px}.server-choice-panel{padding:22px}}
@media(max-width:430px){.server-v2-stats{grid-template-columns:1fr}.server-v2-stats>div{padding:8px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.06)}.server-v2-stats>div:last-child{border-bottom:0}.server-v2-actions .text-action{width:100%;padding-left:0}}


/* 2026-06-27 server page background depth */
.serveriai-v2-body {
  background:
    linear-gradient(180deg, rgba(1, 7, 6, .78), rgba(1, 7, 6, .96)),
    url("../images/backgrounds/fragzone-bg-loop.webp") center top / cover fixed no-repeat,
    #020807;
}

.serveriai-v2-body:before {
  z-index: -2;
  opacity: .4;
  background:
    linear-gradient(90deg, rgba(2,8,7,.94), rgba(2,8,7,.62) 48%, rgba(2,8,7,.9)),
    radial-gradient(circle at 16% 16%, rgba(104,255,120,.2), transparent 32%),
    radial-gradient(circle at 82% 20%, rgba(56,223,255,.13), transparent 30%),
    url("../images/backgrounds/fragzone-hero.png") center top / cover no-repeat;
  mask-image: none;
}

.serveriai-v2-hero,
.server-v2-card,
.server-choice-panel {
  backdrop-filter: blur(14px);
}