/* Anti-flicker CSS to prevent white page flashes during fast scrolling */

/* Ensure consistent background colors */
html {
  /* Using gradient background instead of solid color */
  background: linear-gradient(to bottom right, #0f172a, #581c87, #0f172a) !important;
  scroll-behavior: smooth;
}

body {
  /* Using gradient background instead of solid color */
  background: linear-gradient(to bottom right, #0f172a, #581c87, #0f172a) !important;
  color: white !important;
  min-height: 100vh;
  transition: none !important;
}

/* Prevent layout shifts */
* {
  box-sizing: border-box;
}

/* Ensure main content areas have backgrounds */
main,
.container,
.content {
  /* Using transparent background to show gradient */
  background-color: transparent;
  min-height: 100vh;
}

/* Smooth transitions for content loading */
.page-content {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

/* Prevent white flashes on navigation */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Using gradient background for the fixed layer */
  background: linear-gradient(to bottom right, #0f172a, #581c87, #0f172a);
  z-index: -1;
  pointer-events: none;
}

/* Fast scroll optimization */
body {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}