.herovideo{position:relative;background-image:url(/backend-images/videohero.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}.herovideo: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}.herovideo:hover:after{backdrop-filter:blur(15px)}.herovideo:hover{border-color:#fef74b;transform:translateY(-8px);z-index:2}.herovideo-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)}.herovideo h1{font-size:3rem;margin-bottom:15px;color:#333}.herovideo p{font-size:1.2rem;color:#666;margin-top:0}@media (max-width:768px){.herovideo{background-position:0;align-items:flex-start;padding-top:20px}.herovideo-content{margin-top:20px;padding:0 16px}.herovideo-content h1{font-size:1.8rem;margin-top:50px}.herovideo-content p{font-size:1rem;margin-bottom:50px}}@media (min-width:1024px){.herovideo-content{position:absolute;right:20px;top:50%;transform:translateY(-50%);text-align:right}}