Unlock the Power of Your Mind Enhance focus, clarity, and performance with cutting-edge brain optimization techniques. Learn More .hero-viewport{ position: relative; min-height: 100svh; display: flex; align-items: center; justify-content: center; overflow: hidden; background:#000; } .video-bg{ position: absolute; inset: 0; z-index: 0; overflow: hidden; } .video-bg iframe{ position:absolute; top:50%; left:50%; width: 177.78vh; height: 100%; transform: translate(-50%, -50%); pointer-events: none; } @media (min-aspect-ratio: 16/9){ .video-bg iframe{ width: 100%; height: 56.25vw; } } .video-scrim{ position:absolute; inset:0; background: radial-gradient(120% 120% at 50% 50%, rgba(0,0,0,.25) 0%, rgba(0,0,0,.55) 100%); } .hero-content{ position: relative; z-index: 2; padding: 0 1.25rem; } @media (max-width: 768px){ .video-bg{ display:none; } .hero-viewport{ background: linear-gradient(135deg, #0052a5, #00264d); } } @media (prefers-reduced-motion: reduce){ .video-bg{ display:none; } .hero-viewport{ background: linear-gradient(135deg, #0052a5, #00264d); } } .btn-primary{ background-color:#0052a5; border-color:#0052a5; } .btn-primary:hover{ filter: brightness(1.08); }
