/* MU SNAKE HTML VISUAL COVER
   Camada exclusivamente visual. Não altera módulos, rotas, PHP, JS ou estrutura do Morpheus. */
html, body { background:#020503 !important; }
body { position:relative; isolation:isolate; }
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:url('../images/musnake-html-cover.png');
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.20;
  filter:saturate(1.18) contrast(1.06) brightness(.72);
}
body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 14%, rgba(26,150,58,.14), transparent 34%),
    linear-gradient(90deg, rgba(1,4,2,.90) 0%, rgba(1,5,2,.58) 18%, rgba(1,5,2,.54) 82%, rgba(1,4,2,.90) 100%),
    linear-gradient(180deg, rgba(1,4,2,.40), rgba(1,4,2,.84));
}
.wrapper { background:transparent !important; position:relative; z-index:0; }
.navbar { background:rgba(2,7,3,.91) !important; backdrop-filter:blur(10px); }
main { position:relative; }
main::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(180deg,rgba(1,6,3,.06),rgba(1,6,3,.26));
}
.musnake-native-slider,.musnake-slider-frame,.musnake-panel,.musnake-quickstats,.page {
  box-shadow:0 18px 45px rgba(0,0,0,.48), inset 0 0 30px rgba(18,88,32,.035) !important;
}
.musnake-panel,.page { backdrop-filter:blur(2px); }
.footer { background:rgba(2,5,3,.94) !important; }
@media (max-width: 991.98px) {
  body::before { background-size:auto 100vh; opacity:.14; }
}
@media (prefers-reduced-transparency: reduce) {
  .navbar,.musnake-panel,.page { backdrop-filter:none; }
}