/*!
 * CRITICAL CSS FOR ELEXIVE - GENERATED FILE
 * 
 * ⚠️  WARNING: This file is automatically generated by scripts/extract-critical-css.ts
 * ⚠️  DO NOT EDIT THIS FILE DIRECTLY - Your changes will be overwritten!
 * 
 * To make changes to critical CSS:
 * 1. Edit the generateCriticalFromSource() method in scripts/extract-critical-css.ts
 * 2. Run: npm run critical:generate
 * 3. Or make changes to src/styles/global.css (for source-based extraction)
 * 
 * This file is regenerated during the build process and contains:
 * - Anti-flash optimizations for dark theme
 * - Above-the-fold styles for performance
 * - Logo size constraints to prevent layout shifts
 * - Font loading optimizations
 * 
 * Generated on: 2025-08-12T10:10:34.693Z
 * Generator: scripts/extract-critical-css.ts
 */

/* Critical CSS for Elexive - Dark Theme - Anti-flash optimized */
html {
  font-size: 16px;
  scroll-behavior: smooth;
  background-color: #2e2266 !important;
  min-height: 100%;
}

body {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
  color: #fcfcfc !important;
  margin: 0;
  padding: 0;
  background-color: #2e2266 !important;
  min-height: 100vh;
}

.container-elexive {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 1rem;
}

.btn-primary {
  background: #0055ff;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
  display: inline-block;
}

.hero-section {
  display: flex;
  align-items: center;
  background-color: #2e2266;
}

nav {
  background-color: rgba(46, 34, 102, 0.2) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

h1, h3, h4, h5, h6 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 800 !important;
  line-height: 1.2;
  color: #fcfcfc !important;
  margin: 0 0 1rem 0;
}

h2 {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-weight: 800 !important;
  line-height: 1.2;
  color: #9eadc8 !important;
  margin: 0 0 1rem 0;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }

/* Flag image specific styling */
img[alt*='flag'] {
  width: auto !important;
  height: auto !important;
  max-height: 18px !important;
  object-fit: contain !important;
}

/* Font loading optimization */
.fonts-loading h1,
.fonts-loading h2,
.fonts-loading h3,
.fonts-loading h4,
.fonts-loading h5,
.fonts-loading h6 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}