/*
Theme Name: H2Origin ACF Theme
Theme URI: https://example.com/h2origin
Author: Codex
Description: WordPress + ACF conversion scaffold for the H2Origin HTML/Figma pages.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.1
Text Domain: h2origin
*/

body {
  margin: 0;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  display: inline-block;
  vertical-align: middle;
}

.glass-panel {
  background: rgba(16, 19, 27, 0.7);
  backdrop-filter: blur(24px);
}

.hero-gradient {
  background: linear-gradient(to bottom, transparent, #0b0e15);
}

.text-glow {
  text-shadow: 0 0 20px rgba(105, 218, 255, 0.4);
}

.text-glow-primary {
  text-shadow: 0 0 15px rgba(105, 218, 255, 0.5);
}

.bg-noise {
  opacity: 0.05;
  pointer-events: none;
}

.scrolling-line {
  width: 1px;
  background: linear-gradient(to bottom, transparent, #00c0ea, transparent);
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

.glass-card {
  background: rgba(22, 25, 34, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(105, 218, 255, 0.1);
}

.bg-blur-glass {
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.glow-border:focus-within {
  box-shadow: 0 0 15px rgba(105, 218, 255, 0.3);
}

.aetheric-blur {
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
}

.grain-texture {
  opacity: 0.03;
  pointer-events: none;
}

.glow-green  { box-shadow: 0 0 20px -5px rgba(143, 245, 255, 0.3); }
.glow-blue   { box-shadow: 0 0 20px -5px rgba(105, 218, 255, 0.3); }
.glow-purple { box-shadow: 0 0 20px -5px rgba(161, 142, 255, 0.3); }