.hero-container{position:relative;width:100%;overflow:hidden}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;background-position:50%;background-size:cover;background-repeat:no-repeat;min-height:500px;width:100%}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.5));z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;width:80%;text-align:center;padding:2rem;border-radius:12px;background-color:rgba(0,0,0,.4);backdrop-filter:blur(5px)}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2}.hero-description{font-size:1.25rem;margin-bottom:2rem;color:#fff;line-height:1.6}.hero-description p{margin-bottom:0}.hero-button{display:inline-block;padding:.875rem 2.5rem;font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,var(--bs-bg-primary,#ec8004) 0,#f9a03f 100%);border:none;border-radius:var(--bs-btn-border-radius,.25rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(236,128,4,.4);position:relative;overflow:hidden}.hero-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(236,128,4,.5)}.hero-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3));transform:rotate(45deg);opacity:0;transition:opacity .6s}.hero-button:hover:after{animation:shine 1.5s ease-in-out}@keyframes shine{0%{opacity:0;transform:rotate(45deg) translate(-100%,-100%)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(100%,100%)}}.desktop-hero{display:none}.mobile-hero{display:flex}@media (min-width:768px){.desktop-hero{display:flex}.mobile-hero{display:none}.hero-content{width:70%}}@media (max-width:767px){.hero-section{min-height:400px}.hero-content{width:90%;padding:1.5rem}.hero-title{font-size:2.25rem;margin-bottom:1rem}.hero-description{font-size:1rem;margin-bottom:1.5rem}.hero-button{padding:.75rem 2rem;font-size:1rem}}@media (max-width:480px){.hero-section{min-height:300px}.hero-content{padding:1rem}.hero-title{font-size:1.75rem}.hero-button{padding:.625rem 1.5rem;font-size:.875rem}}