/* HERO VIDEO BACKGROUND FIX */
.video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}


/* Premium Typography & Glassmorphism Styles */
:root {
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.1);
    --cinematic-blue: #3b82f6;
    --deep-charcoal: #0a0a0a;
}
/* Glassmorphism utility */
.glass-panel {
    background: var(--glass-bg);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid var(--glass-border);
}

    .glass-panel:hover {
        border-color: rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.05);
    }
.glass-header {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}



/* Unified Typography - Replace everything after your glassmorphism styles with this */

body,
h1,
h2,
h3,
p,
label,
input,
button,
.font-display {
    font-family: Tahoma, Verdana, Segoe UI, sans-serif !important;
}

/* Ensure the body background and color remain consistent */
body {
    background-color: var(--deep-charcoal);
    color: #ffffff;
}
/* Add to style.css to force solid header background */
header.fixed {
    background-color: #000000 !important; /* Pure black */
    backdrop-filter: none !important; /* Removes the blur to ensure it stays solid */
    opacity: 1 !important;
}