/* Final responsive and performance pass. */
.language-menu.is-open { display:flex; }
.language-current:focus-visible,.language-menu button:focus-visible,.menu-toggle:focus-visible { outline:2px solid #ffe0a0; outline-offset:3px; }
img { max-width:100%; }
@media (max-width:780px) {
  html { scroll-padding-top:64px; }
  .topbar { padding-inline:16px; }
  .menu-toggle { min-width:44px; min-height:44px; }
  .nav.open { max-height:calc(100vh - 62px); overflow-y:auto; }
  .nav.open a { min-height:46px; }
  .hero { height:auto; min-height:680px; background-position:64% top; }
  .hero-content { padding-top:136px; padding-bottom:180px; }
  .hero h1 { font-size:clamp(38px,11vw,48px); }
  .hero-buttons { flex-wrap:wrap; }
  .button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; }
  .server-card { align-items:flex-start; min-height:72px; }
  .server-card .server-stats { display:none; }
  .server-card > div:first-of-type { min-width:0; }
  .server-card strong { white-space:nowrap; }
  .introduction { overflow:hidden; }
  .heading-row { align-items:center; }
  .heading-row .text-link { margin-top:0; }
  .hero-class-stage { min-height:710px; padding-bottom:320px; }
  .class-tabs button { min-width:0; }
  .class-tabs button img { width:38px; height:38px; object-fit:contain; }
  .class-actions { flex-wrap:wrap; gap:13px; }
  .stat-list { bottom:30px; }
  .news-grid article { min-height:220px; }
  .callout .shell { align-items:center; }
  footer p { margin:0; line-height:1.65; }
}
@media (max-width:380px) {
  .shell { width:calc(100% - 28px); }
  .hero h1 { font-size:37px; }
  .server-card { width:calc(100% - 28px); }
  .race-tabs button { padding:8px; }
  .hero-class-stage { padding-inline:14px; }
  .stat-list { left:132px; width:calc(100% - 144px); }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
}

#classes { display:none!important; }
.introduction { display:none!important; }

.socials { background:#020711; border-top-color:#1d5a7c; }
.socials h2 { color:#d8f6ff; }
.social-link { border-color:#278eb8; background:linear-gradient(145deg,#07507b,#04162b); color:#a9edff; box-shadow:inset 0 1px #6edcff33; }
.social-link:hover { transform:translateY(-3px); background:linear-gradient(145deg,#16a9df,#07507b); border-color:#8aeaff; color:#fff; box-shadow:0 0 16px #31bdf266; }
.social-note { color:#89b5ce; }

/* Botões na paleta da marca PW Universal: azul, ouro e prata. */
.account,.button.primary,.button.secondary,.social-link {
  position:relative;
  isolation:isolate;
  border:1px solid #d9a83e!important;
  color:#f8f4e8!important;
  text-shadow:0 1px 2px #000;
  transition:transform .22s ease,filter .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease!important;
}
.account,.button.secondary,.social-link {
  background:linear-gradient(135deg,#071a31 0%,#103b5d 52%,#07101f 100%)!important;
  box-shadow:inset 0 1px 0 #eaf7ff38,inset 0 0 0 1px #ffffff0d,0 3px 10px #0008!important;
}
.button.primary {
  color:#07101b!important;
  text-shadow:none;
  border-color:#ffe5a0!important;
  background:linear-gradient(135deg,#f8dda0 0%,#c9932e 42%,#70d9f5 105%)!important;
  box-shadow:inset 0 1px 0 #fff8dc,inset 0 -2px 0 #805213,0 4px 0 #56350f,0 9px 20px #0008!important;
}
.account:hover,.button.secondary:hover,.social-link:hover {
  transform:translateY(-3px)!important;
  border-color:#fff1b8!important;
  color:#fff!important;
  background:linear-gradient(135deg,#0d3656 0%,#126e9c 48%,#d39b32 150%)!important;
  box-shadow:inset 0 1px 0 #ffffff70,0 0 0 1px #53d7ff33,0 0 20px #3fcfff66,0 8px 19px #000a!important;
}
.button.primary:hover {
  transform:translateY(-3px)!important;
  filter:brightness(1.12) saturate(1.08)!important;
  border-color:#fff!important;
  background:linear-gradient(135deg,#fff0bd 0%,#e0ae48 40%,#53d7ff 115%)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #875513,0 5px 0 #56350f,0 0 24px #e1ac4666,0 9px 22px #000a!important;
}

/* Acabamento limpo: sem gradientes chamativos. */
.account,.button.secondary,.social-link {
  background:#071b2d!important;
  border-color:#8db8ce!important;
  color:#eaf6fb!important;
  box-shadow:inset 0 1px 0 #ffffff18,0 3px 9px #0008!important;
}
.button.primary {
  background:#0c81b9!important;
  border-color:#e0b14e!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 #b9edff66,0 3px 0 #07547c,0 7px 16px #0007!important;
}
.account:hover,.button.secondary:hover,.social-link:hover {
  background:#0e5d86!important;
  border-color:#e0b14e!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 #ffffff33,0 0 14px #35bfe744,0 6px 14px #0009!important;
}
.button.primary:hover {
  background:#d49a31!important;
  border-color:#ffe0a0!important;
  color:#09131c!important;
  box-shadow:inset 0 1px 0 #fff5cf,0 3px 0 #855510,0 0 15px #d49a3155,0 7px 16px #0009!important;
}