/* Critical above-the-fold styles */
body { 
  margin: 0; 
  font-family: 'Montserrat', sans-serif; 
}

.hero-container { 
  position: relative; 
  min-height: 100vh; 
  overflow: hidden; 
}

.hero-bg { 
  position: absolute; 
  inset: 0; 
  background-size: cover; 
  background-position: center; 
}

.hero-content { 
  position: relative; 
  z-index: 10; 
}

/* Prevent layout shift */
#root { 
  min-height: 100vh; 
}

/* Security indicator for dev mode */
.security-indicator { 
  position: fixed; 
  top: 10px; 
  right: 10px; 
  background: green; 
  color: white; 
  padding: 2px 6px; 
  font-size: 10px; 
  border-radius: 3px; 
  z-index: 9999; 
  display: none; 
}

.security-indicator.active { 
  display: block; 
}

/* Performance optimizations */
.lazy-loading {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.lazy-loaded {
  opacity: 1;
}