.hero-section{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;min-height:80vh;overflow:hidden;padding:12rem 0;position:relative}.hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.hero-bg-desktop{background-position:bottom!important;display:block}.hero-bg-mobile{display:none}.hero-content{max-width:800px}.hero-title{color:#fff;font-size:4rem;font-weight:800;line-height:1.25;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-description{font-size:1.15rem;line-height:1.6;margin-bottom:var(--spacing-md);text-shadow:0 1px 3px rgba(0,0,0,.5)}.hero-btn{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.2);display:inline-block;font-size:1.4rem;font-weight:700;letter-spacing:.5px;padding:.8rem 3rem}.hero-btn:hover{box-shadow:0 6px 12px rgba(0,0,0,.3);transform:translateY(-2px)}.hero-scroll-indicator{animation:bounce 2s infinite;bottom:3rem!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important;z-index:10}.hero-scroll-circle{align-items:center;backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.4);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;transition:background-color .3s ease,border-color .3s ease;width:60px}.hero-scroll-indicator:hover .hero-scroll-circle{background-color:hsla(0,0%,100%,.3);border-color:#fff}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-15px)}60%{transform:translate(-50%,-7px)}}@media (max-width:768px){.hero-section{min-height:80vh;padding:1rem 0 6rem;text-align:left}.hero-container{height:100%;width:100%}.hero-bg-desktop{display:none!important}.hero-bg-mobile{background-position:top,top!important;background-size:cover,cover!important;display:block!important}.hero-content{margin:1rem 0 0}.hero-title{font-size:1.8rem}.hero-description{font-size:1rem;margin-bottom:1rem}.hero-btn{font-size:1.2rem;padding:.6rem 2rem}.hero-scroll-indicator{bottom:2rem!important;display:flex!important}}