.hero-container{border-radius:var(--border-radius,0px 0px 150px 0px);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:calc(100vh - 80px);position:relative;overflow:hidden}.hero-container .video-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-container .video-container:after{content:"";background:rgba(0,0,0,var(--overlay-opacity,.6));border-radius:var(--border-radius,0px 0px 150px 0px);width:100%;height:100%;position:absolute;top:0;left:0}.hero-container .video-container .background-video{object-fit:cover;width:100%;height:100%}.hero-container .video-container .desktop-video{display:block}@media (max-width:768px){.hero-container .video-container .desktop-video{display:none}}.hero-container .video-container .mobile-video{display:none}@media (max-width:768px){.hero-container .video-container .mobile-video{display:block}}.hero-container .video-container .background-image{object-fit:cover;width:100%;height:100%}.hero-container .content-container{z-index:2;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex;position:relative}.hero-container .hero-content{text-align:center;color:#fff;max-width:800px}.hero-container .hero-title{opacity:0;color:#fff;margin-bottom:2rem;font-size:3.5rem;font-weight:700;animation:1s .1s forwards zoomIn}.hero-container .button-group{justify-content:center;align-items:center;gap:1rem;display:flex}.hero-container .hero-button{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.hero-container .hero-button.primary{color:#fff;background-color:#4299e1}.hero-container .hero-button.primary:hover{background-color:#3182ce;transform:translateY(-2px)}.hero-container .hero-button.secondary{color:#fff;background-color:#0000;border:2px solid #fff}.hero-container .hero-button.secondary:hover{color:#2d3748;background-color:#fff;transform:translateY(-2px)}.hero-container .hero-button.secondary:hover .caret-icon{fill:#2d3748}.hero-container .hero-button .caret-icon{fill:currentColor;width:12px;height:12px;transition:fill .3s}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.hero-container{border-radius:0 0 50px;height:calc(100vh - 60px)}.hero-container .hero-title{font-size:2.5rem}.hero-container .button-group{flex-direction:column;gap:1rem}.hero-container .hero-button{justify-content:center;width:100%}.hero-container .video-container{display:block}.hero-container .content-container,.hero-container .hero-content{background:0 0}}