.heroapps{position:relative;background-image:url(/backend-images/appshero.svg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;height:70vh;border:10px solid #504081;border-radius:16px;overflow:hidden}.heroapps:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(5px);background:hsla(0,0%,100%,.1);transition:backdrop-filter .3s ease;z-index:0}.heroapps:hover:after{backdrop-filter:blur(15px)}.heroapps:hover{border-color:#fef74b;transform:translateY(-8px);z-index:2}.heroapps-content{background-color:hsla(0,0%,100%,.8);padding:30px 50px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:2;max-width:80%;backdrop-filter:blur(5px)}.heroapps h1{font-size:3rem;margin-bottom:15px;color:#333}.heroapps p{font-size:1.2rem;color:#666;margin-top:0}@media (max-width:768px){.heroapps{background-position:0;align-items:flex-start;padding-top:20px}.heroapps-content{margin-top:20px;padding:0 16px}.heroapps-content h1{font-size:1.8rem;margin-top:50px}.heroapps-content p{font-size:1rem;margin-bottom:50px}}@media (min-width:1024px){.heroapps-content{position:absolute;right:20px;top:50%;transform:translateY(-50%);text-align:right}}