/* Common + safety (prevents "blank page" when JS fails) */
html, body { margin:0; padding:0; }
html:not(.js) header,
html:not(.js) .status-section,
html:not(.js) .info-section,
html:not(.js) .tabs-container,
html:not(.js) .transition-bg,
html:not(.js) #loader { 
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
html:not(.js) #loader { display: none !important; }

/* Shared footer animation helpers */
.footer-server-logo.visible { opacity: 1 !important; transform: scale(1) !important; }
.copyright-text.visible { opacity: 1 !important; }

/* Performance tweaks */
@media (max-width: 900px) {
  body, .main-bg { background-attachment: scroll !important; }
}
/* Reduce expensive blur a touch (override) */
nav { backdrop-filter: blur(6px) !important; }

/* Page transitions */
body.page-transition{
  opacity: 0;
  transition: opacity .18s ease;
}
body.page-transition.page-ready{
  opacity: 1;
}
body.page-transition.page-leave{
  opacity: 0;
}