/* GoSharky network visual refresh — shared design language, game-specific accent. */
:root {
  --network-accent:#f09ac2; --network-hot:#ff73b7; --network-soft:#ffd4e8; --network-glow:rgba(240,154,194,.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:1240px;
}
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; }
}

.brand {
  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,.80); box-shadow:0 18px 55px rgba(0,0,0,.24);
  backdrop-filter:blur(20px) saturate(120%); -webkit-backdrop-filter:blur(20px) saturate(120%);
}
.brand__logo { width:46px; height:46px; animation:none; }
.brand__name { color:var(--network-text); }
.brand__sub { color:var(--network-dim); }
.hero { padding-top:72px; max-width:850px; }
.hero__title { font-size:clamp(46px,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 { max-width:610px; color:var(--network-muted); line-height:1.7; }
.marquees { max-width:var(--network-content); gap:12px; }
.band,.band:nth-child(1),.band:nth-child(2),.band:nth-child(3) {
  height:150px; transform:none; border:1px solid var(--network-border); border-radius:22px;
  background:rgba(12,13,19,.68); box-shadow:inset 0 1px rgba(255,255,255,.025); transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .25s ease;
}
.band:hover { transform:translateY(-4px); box-shadow:0 24px 64px rgba(0,0,0,.26); }
.band__info { border-radius:13px; background:rgba(7,8,12,.92); }
.community { width:min(calc(100% - 48px),var(--network-content)); margin:20px auto 0; padding:28px; border:1px solid var(--network-border); border-radius:22px; background:rgba(12,13,19,.64); }
.discord-cta { border-radius:14px; }
.footer { width:min(calc(100% - 48px),var(--network-content)); margin:42px auto 0; padding:28px 0 36px; border-top:1px solid var(--network-border); }
@media(max-width:680px){ .brand{top:8px;width:calc(100% - 16px);margin-top:8px}.hero{padding-top:48px}.band,.band:nth-child(n){height:125px}.community{width:calc(100% - 28px);padding:20px}.footer{width:calc(100% - 28px)} }