/* GoSharky network visual refresh — shared design language, game-specific accent. */
:root {
  --network-accent:#78adff; --network-hot:#4d8fff; --network-soft:#c7dcff; --network-glow:rgba(111,168,255,.30);
  --network-surface:rgba(13,17,24,.78); --network-border:rgba(255,255,255,.105);
  --network-text:#f6f7fb; --network-muted:#a8afbd; --network-dim:#687181;
  --network-radius:20px; --network-content:1180px;
}
html { scroll-behavior:smooth; background:#06070a; }
body {
  color:var(--network-text);
  background:radial-gradient(circle at 12% -10%, color-mix(in srgb,var(--network-accent) 18%,transparent), transparent 34rem),
             radial-gradient(circle at 92% 12%, color-mix(in srgb,var(--network-hot) 10%,transparent), transparent 30rem),
             linear-gradient(180deg,#090a0f 0%,#06070a 60%,#050609 100%);
}
::selection { color:#08090c; background:var(--network-soft); }
:focus-visible { outline:2px solid var(--network-accent); outline-offset:3px; }
.bg-grid { opacity:.24; background-size:72px 72px; }
.noise { opacity:.025; }
.orb { filter:blur(120px); opacity:.12 !important; }
.hero__line--accent { filter:none; }
.btn { border-radius:13px; min-height:48px; font-weight:700; box-shadow:none; }
.btn--primary { background:var(--network-accent); color:#08090c; border-color:var(--network-accent); }
.btn--primary:hover { background:var(--network-soft); border-color:var(--network-soft); transform:translateY(-2px); box-shadow:0 16px 34px -17px var(--network-glow); }
.btn--ghost { background:rgba(255,255,255,.035); border-color:var(--network-border); color:var(--network-text); }
.btn--ghost:hover { color:var(--network-soft); border-color:color-mix(in srgb,var(--network-accent) 42%,transparent); background:color-mix(in srgb,var(--network-accent) 8%,transparent); }
.server-card,.community__card,.discord-section__inner,.crossnav__card {
  border:1px solid var(--network-border); border-radius:var(--network-radius);
  background:linear-gradient(145deg,rgba(255,255,255,.032),transparent 48%),var(--network-surface);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 60px rgba(0,0,0,.18);
}
.server-card { transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease; }
.server-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--network-accent) 42%,transparent); box-shadow:0 24px 65px rgba(0,0,0,.26); }
.section-header__tag,.hero__badge { border-radius:999px; border-color:color-mix(in srgb,var(--network-accent) 25%,transparent); background:color-mix(in srgb,var(--network-accent) 7%,transparent); }
.footer { color:var(--network-dim); border-color:var(--network-border); }
.footer__brand,.footer__link { color:var(--network-accent); }
@media (max-width:768px) {
  .server-card:hover { transform:none; }
  .bg-grid { background-size:48px 48px; }
}

.header { position:sticky; top:14px; z-index:70; width:min(calc(100% - 28px),var(--network-content)); margin:14px auto 0; padding:10px 14px; border:1px solid var(--network-border); border-radius:18px; background:rgba(8,9,14,.82); box-shadow:0 18px 55px rgba(0,0,0,.24); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.brand__logo { width:45px; height:45px; animation:none; }
.brand__name { color:var(--network-text); }
.nav-link { border-radius:11px; padding:9px 14px; }
.nav-link:hover { background:color-mix(in srgb,var(--network-accent) 8%,transparent); border-color:var(--network-border); }
.hero { max-width:900px; padding-top:84px; }
.hero__title { font-size:clamp(48px,7vw,88px); line-height:.94; letter-spacing:-.055em; }
.hero__line--accent { background:linear-gradient(115deg,var(--network-soft),var(--network-accent) 55%,var(--network-hot)); -webkit-background-clip:text; background-clip:text; }
.hero__lead { color:var(--network-muted); line-height:1.7; }
.servers,.community,.crossnav,.footer { width:min(calc(100% - 40px),var(--network-content)); max-width:none; margin-left:auto; margin-right:auto; }
.server-grid { gap:12px; }
.server-card { padding:24px; }
.community__card { max-width:900px; margin-left:auto; margin-right:auto; }
.crossnav { border:1px solid var(--network-border); border-radius:18px; background:rgba(12,13,19,.58); }
.crossnav__link { border-radius:10px; }
.crossnav__link--active { background:color-mix(in srgb,var(--network-accent) 10%,transparent); color:var(--network-soft); }
@media(max-width:768px){.header{top:8px;width:calc(100% - 16px);margin-top:8px}.hero{padding-top:54px}.servers,.community,.crossnav,.footer{width:calc(100% - 28px)}.server-grid{grid-template-columns:1fr}}