.hero-section{align-items:center;color:#fff;display:flex;min-height:85vh;position:relative}.hero-background{inset:0;position:absolute;z-index:0}.overlay{border-image:linear-gradient(90deg,#000,rgba(0,0,0,.9),rgba(0,0,0,.7)) fill 1}.hero-content{display:flex;flex-direction:column;gap:1rem;margin-left:12rem;max-width:48rem;position:relative}.hero-content h1{animation:fadeIn .5s ease-in-out;color:#fff;font-size:60px;line-height:1}.hero-content p{animation:fadeIn 1s ease-in-out;font-size:24px}.hero-stars-wrapper{display:flex}.hero-star{animation:twinkle 1.5s ease-in-out infinite alternate;margin:0 .4rem 0 0}.hero-star:nth-child(2){animation-delay:.2s}.hero-star:nth-child(3){animation-delay:.4s}.hero-star:nth-child(4){animation-delay:.6s}@keyframes fadeIn{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes leftToRight{0%{opacity:0;transform:scale(.1)}50%{opacity:.7;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes twinkle{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}@media(max-width:1024px){.hero-content{margin:24px}}@media(max-width:768px){.hero-content{align-items:center;display:flex;text-align:center}}