/* Nitro PvP — reforço visual compartilhado ("nitro boost") pras páginas que
   não usam site.css diretamente (suporte, minha conta). Mesma paleta de
   gradiente de marca do site principal, só as peças que não dependem do
   layout específico de cada página (botões, marca, foco, scrollbar). */
:root{
  --accent3:#8b5cf6;--accent4:#ff5fa8;
  --brand-gradient:linear-gradient(100deg,#3b5bdb 0%,#6d3fd6 55%,#b4246e 100%);
}
::selection{background:#5865dd;color:#fff}
:focus-visible{outline:2px solid var(--accent2,#89a6ff);outline-offset:3px;border-radius:4px}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--bg,#08090b)}
::-webkit-scrollbar-thumb{background:#242a38;border-radius:20px;border:2px solid var(--bg,#08090b)}
::-webkit-scrollbar-thumb:hover{background:#343d55}

.brand-mark{background:var(--brand-gradient)!important;box-shadow:0 0 22px #7d6cff66}

.btn:not(.ghost){color:#fff!important;background:var(--brand-gradient)!important;background-size:160% 160%;background-position:0% 50%;
  box-shadow:0 8px 24px -8px #6c5cf099;transition:background-position .5s ease,box-shadow .22s ease,transform .18s ease}
.btn:not(.ghost):hover{background-position:100% 50%;box-shadow:0 10px 32px -6px #8b5cf099;transform:translateY(-2px)}
.btn.ghost{transition:.22s}
.btn.ghost:hover{border-color:#8b5cf6!important;box-shadow:0 0 0 1px #8b5cf644 inset}

.footer{position:relative}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:var(--brand-gradient);opacity:.55}

@media(prefers-reduced-motion:reduce){.btn:not(.ghost){transition:none}}