.animation-container{position:relative}.hero-section{z-index:1000;background-color:#07022e;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.hero-content{text-align:center;color:#fff}.name-text{opacity:0;margin-bottom:1rem;font-size:4rem;font-weight:700;transition:all .1s ease-out;transform:translateY(30px)}.description-text{opacity:0;font-size:1rem;transition:all .1s ease-out;transform:translateY(20px)}.scroll-indicator{color:#fffc;text-align:center;font-size:14px;transition:opacity .3s ease-out;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.scroll-arrow{background:#fffc;width:2px;height:20px;margin:8px auto 0;animation:2s infinite bounce;position:relative}.scroll-arrow:after{content:"";border-bottom:2px solid #fffc;border-right:2px solid #fffc;width:8px;height:8px;position:absolute;bottom:-4px;left:-3px;transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}html,body{margin:0;padding:0;overflow-x:hidden}