.background-container{background-image:url(/images/hero-background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:800px;position:relative;overflow:hidden}.background-image{z-index:0;object-fit:cover;opacity:.3;width:100%;height:100%;animation:20s ease-in-out infinite alternate backgroundZoom;position:absolute;top:0;left:0}@keyframes backgroundZoom{0%{transform:scale(1)}to{transform:scale(1.05)}}.background-overlay{z-index:1;background-color:rgba(0,0,0,.4);width:100%;height:100%;animation:1s ease-out fadeIn;position:absolute;top:0;left:0}.text-overlay{color:#fff;text-align:center;z-index:2;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title,.hero-description,.hero-button{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.text-overlay.animate-in .hero-title.animate-title{opacity:1;animation:.8s ease-out .2s both slideInUp;transform:translateY(0)}.text-overlay.animate-in .hero-description.animate-description{opacity:1;animation:.8s ease-out .5s both slideInUp;transform:translateY(0)}.text-overlay.animate-in .hero-button.animate-button{opacity:1;animation:.8s ease-out .8s both slideInUp,2s ease-in-out 2s pulse;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-button button{position:relative;overflow:hidden}.hero-button button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.hero-button button:hover:before{left:100%}@media (max-width:768px){.background-container{height:500px}.text-overlay{text-align:left;z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;width:calc(100% - 32px);height:calc(100% - 32px);padding:0 16px;display:flex;position:absolute;top:0;left:0;transform:none}.text-overlay.animate-in .hero-title.animate-title{animation:.6s ease-out .1s both slideInUp}.text-overlay.animate-in .hero-description.animate-description{animation:.6s ease-out .3s both slideInUp}.text-overlay.animate-in .hero-button.animate-button{animation:.6s ease-out .5s both slideInUp,2s ease-in-out 1.5s pulse}}@media (max-width:1536px){.background-container{height:650px}}.background-container:after{content:"";z-index:1;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.1),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.1),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.1),transparent);background-repeat:repeat;background-size:150px 100px;width:100%;height:100%;animation:15s linear infinite sparkle;position:absolute;top:0;left:0}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}