@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-section .hero-carousel{z-index:0;position:absolute;inset:0}.hero-section .hero-carousel .hero-slide{opacity:0;transition:opacity .8s ease-in-out;position:absolute;inset:0}.hero-section .hero-carousel .hero-slide.active{opacity:1}.hero-section .hero-carousel .hero-slide .hero-video-bg,.hero-section .hero-carousel .hero-slide .hero-image-bg{object-fit:cover;width:100%;height:100%;display:block}.hero-section .hero-carousel .hero-slide .hero-slide-overlay{background:#0003;position:absolute;inset:0}.hero-section .hero-carousel-progress{z-index:5;gap:8px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.hero-section .hero-carousel-progress .progress-item{cursor:pointer;background:#ffffff4d;border-radius:2px;width:60px;height:3px;overflow:hidden}.hero-section .hero-carousel-progress .progress-item .progress-bar-video{background:#ffffffe6;border-radius:2px;width:0;height:100%;transition:width .15s linear}.hero-section .hero-carousel-progress .progress-item .progress-bar-image{background:#ffffffe6;border-radius:2px;width:0;height:100%}.hero-section .hero-carousel-progress .progress-item .progress-bar-image.animating{animation:6s linear forwards heroProgressFill}.hero-section .hero-content{z-index:10;text-align:center;color:#fff;opacity:0;pointer-events:none;max-width:1536px;margin:0 auto;padding:0 16px;transition:opacity .8s ease-in-out;position:relative}.hero-section .hero-content.visible{opacity:1;pointer-events:auto}@media (min-width:576px){.hero-section .hero-content{padding:0 24px}}@media (min-width:992px){.hero-section .hero-content{padding:0 32px}}.hero-section .hero-title{margin-bottom:36px;font-size:36px;font-weight:700;line-height:1.3}@media (min-width:768px){.hero-section .hero-title{font-size:60px}}.hero-section .hero-subtitle{max-width:768px;margin-bottom:80px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}@media (min-width:768px){.hero-section .hero-subtitle{font-size:24px}}.hero-section .hero-buttons{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-bottom:48px;display:flex}@media (min-width:576px){.hero-section .hero-buttons{flex-direction:row}}.hero-section .hero-buttons .hero-btn-primary,.hero-section .hero-buttons .hero-btn-secondary{cursor:pointer;border:2px solid #0000;border-radius:12px;padding:12px 32px;font-size:18px;font-weight:500;transition:all .3s}.hero-section .hero-buttons .hero-btn-primary{color:#fff;background:#1677ff}.hero-section .hero-buttons .hero-btn-primary:hover{background:#4096ff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.hero-section .hero-buttons .hero-btn-secondary{color:#fff;background:0 0;border-color:#fff}.hero-section .hero-buttons .hero-btn-secondary:hover{background:#1677ff;border-color:#1677ff}.hero-section .hero-features .hero-feature-text{color:#f5f5f5;margin-bottom:12px;font-size:18px}@media (min-width:768px){.hero-section .hero-features .hero-feature-text{font-size:20px}}.hero-section .scroll-indicator{color:#fff;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-section .scroll-indicator .scroll-box{border:2px solid #fff;border-radius:20px;justify-content:center;width:24px;height:40px;display:flex}.hero-section .scroll-indicator .scroll-dot{background:#fff;border-radius:2px;width:4px;height:12px;margin-top:8px}@keyframes heroProgressFill{0%{width:0}to{width:100%}}