.hero-page-container{position:relative;z-index:1}body{background-color:#000!important;color:#f5f5f5}.hero-page-container .bg-\[\#f5f3ff\]{background-color:rgba(30,30,30,.7)!important;backdrop-filter:blur(8px);color:#f5f5f5;border:1px solid rgba(255,107,0,.1)}.hero-gradient-section{background:radial-gradient(ellipse 80% 80% at 80% 120%,rgba(255,107,0,.4),rgba(255,107,0,.1) 40%,transparent)!important;position:relative;height:100vh;min-height:600px;overflow:hidden}.hero-page-container .border-gray-100{border-color:rgba(255,107,0,.2)}.hero-page-container .text-gray-600{color:#d7d7d7}.hero-page-container .bg-gray-200{background-color:rgba(40,40,40,.8)}@keyframes appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes appear-zoom{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-appear{animation:appear .8s ease-out forwards}.animate-appear-zoom{animation:appear-zoom 1s ease-out forwards}.delay-100{animation-delay:.1s}.delay-300{animation-delay:.3s}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-reverse{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.animate-marquee{animation:marquee var(--duration,30s) linear infinite}.animate-marquee-reverse{animation:marquee-reverse var(--duration,30s) linear infinite}