:root {
  /* Color Palette */
  --iv-bg: #050516;
  --iv-primary: #6B7DED;
  --iv-accent: #9C56E3;
  --iv-white: #FFFFFF;
  --iv-text-muted: #C6C7D5;
  --iv-border: rgba(255, 255, 255, 0.08);
  --iv-border-hover: rgba(255, 255, 255, 0.15);
  --iv-glass-bg: rgba(255, 255, 255, 0.02);
  --iv-glass-blur: 12px;

  /* Gradient Definition */
  --iv-gradient: linear-gradient(135deg, #6B7DED 0%, #9C56E3 100%);
  --iv-text-gradient: linear-gradient(135deg, #FFFFFF 30%, #C6C7D5 100%);

  /* Max Content Width */
  --iv-max-width: 1240px;

  /* Responsive Fluid Typography Clamps (Prefers clamp for high-end editorial) */
  --iv-fs-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --iv-fs-h2: clamp(2rem, 3.5vw + 0.8rem, 3.25rem);
  --iv-fs-h3: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  --iv-fs-body: clamp(0.95rem, 0.5vw + 0.8rem, 1.1rem);
  --iv-fs-meta: clamp(0.8rem, 0.3vw + 0.7rem, 0.9rem);
}

/* Premium Reset & Root Background Override */
body {
  background-color: var(--iv-bg) !important;
  color: var(--iv-text-muted);
  font-family: 'Inter Tight', sans-serif;
  overflow-x: hidden;
}

/* Reusable Editorial Typography Classes */
.iv-editorial-h1 {
  font-family: 'Red Hat Display', sans-serif;
  font-size: var(--iv-fs-h1);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--iv-white);
  margin-bottom: 1.5rem;
}

.iv-editorial-h2 {
  font-family: 'Red Hat Display', sans-serif;
  font-size: var(--iv-fs-h2);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--iv-white);
  margin-bottom: 1.25rem;
}

.iv-editorial-h3 {
  font-family: 'Red Hat Display', sans-serif;
  font-size: var(--iv-fs-h3);
  font-weight: 600;
  line-height: 1.3;
  color: var(--iv-white);
  margin-bottom: 1rem;
}

.iv-body-lead {
  font-size: clamp(1.1rem, 0.8vw + 0.9rem, 1.25rem);
  line-height: 1.6;
  color: var(--iv-text-muted);
}

/* Dark Luxury Glassmorphism & Micro-animations */
.iv-glass-card {
  background: var(--iv-glass-bg);
  backdrop-filter: blur(var(--iv-glass-blur));
  -webkit-backdrop-filter: blur(var(--iv-glass-blur));
  border: 1px solid var(--iv-border);
  padding: 2.5rem;
  border-radius: 12px;
  transition: border-color 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.iv-glass-card:hover {
  border-color: var(--iv-border-hover);
  transform: translateY(-4px);
}

/* Cinematic Soft Glows */
.iv-glow-subtle {
  position: relative;
}
.iv-glow-subtle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  background: radial-gradient(circle, rgba(107, 125, 237, 0.08) 0%, rgba(156, 86, 227, 0) 70%);
  pointer-events: none;
  z-index: 0;
}

/* High-End Cinematic Buttons */
.iv-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.25rem;
  font-family: 'Inter Tight', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--iv-white) !important;
  background: var(--iv-gradient);
  border-radius: 100px;
  border: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 20px rgba(107, 125, 237, 0.15);
}

.iv-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 30px rgba(107, 125, 237, 0.25);
}

.iv-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2.25rem;
  font-family: 'Inter Tight', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--iv-white) !important;
  background: transparent;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.iv-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

/* Accessibility: Respect Prevers Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  *, .iv-glass-card, .iv-btn-primary, .iv-btn-secondary {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
    transform: none !important;
  }
}