.hero-bg-wrapper{position:relative;overflow:hidden;background:#0f172a}.hero-bg-layer{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out}.hero-bg-active{opacity:1}.hero-bg-overlay{position:absolute;inset:0;background:rgba(15,23,42,.55);z-index:1}.hero-bg-mesh{background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.35) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.3) 0,transparent 45%),radial-gradient(circle at 50% 80%,rgba(14,165,233,.25) 0,transparent 50%),radial-gradient(circle at 10% 90%,rgba(124,58,237,.2) 0,transparent 45%);background-size:200% 200%;animation:hero-bg-mesh-move 16s ease-in-out infinite alternate}@keyframes hero-bg-mesh-move{0%{background-position:0 0}to{background-position:100% 100%}}.hero-bg-grid{background-color:#0f172a;background-image:linear-gradient(rgba(59,130,246,.12) 1px,transparent 0),linear-gradient(90deg,rgba(59,130,246,.12) 1px,transparent 0),radial-gradient(circle,rgba(59,130,246,.35) 1.5px,transparent 2.5px);background-size:60px 60px,60px 60px,60px 60px;animation:hero-bg-grid-drift 20s linear infinite}@keyframes hero-bg-grid-drift{0%{background-position:0 0,0 0,0 0}to{background-position:60px 60px,60px 60px,60px 60px}}.hero-bg-pulse{background:radial-gradient(circle at center,rgba(59,130,246,.25) 0,transparent 40%),radial-gradient(circle at center,rgba(139,92,246,.2) 0,transparent 55%),#0f172a;animation:hero-bg-pulse-breathe 8s ease-in-out infinite}@keyframes hero-bg-pulse-breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}.hero-bg-content{position:relative;z-index:10}