.hero-slider{position:relative;width:100%;height:auto;min-height:auto;padding:8px 40px;overflow:hidden;background-color:#f0f4f8}@media (max-width:768px){.hero-slider{padding:8px 16px}}.slider-container{position:relative;width:100%;max-width:1200px;margin:0 auto}.slide,.slider-container{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.slide{position:absolute;top:50%;left:50%;width:80%;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:opacity .6s ease,transform .6s ease,width .6s ease;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000026;min-height:0;height:auto}.slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.slide.image-only:before,.slide.popular-article:before,.slide.special-article:before{display:none}.slide.slide-with-picture .hero-title-picture{position:absolute;inset:0;width:100%;height:100%;z-index:0}.slide.slide-with-picture .hero-title-picture img{width:100%;height:100%;object-fit:cover;object-position:center}.slide.popular-article,.slide.special-article{cursor:pointer;transition:opacity .6s ease,transform .6s ease,width .6s ease,box-shadow .3s ease}.slide.popular-article:hover,.slide.special-article:hover{box-shadow:0 15px 40px #00000040;transform:translate(-50%,-50%) scale(1.02)}.slide.popular-article.active:hover,.slide.special-article.active:hover{transform:translate(-50%,-50%) scale(1.02)}.slide.popular-article.prev:hover,.slide.special-article.prev:hover{transform:translate(calc(-50% - 46%),-50%) scale(.9)}.slide.popular-article.next:hover,.slide.special-article.next:hover{transform:translate(calc(-50% + 46%),-50%) scale(.9)}.slide.active{opacity:1;transform:translate(-50%,-50%) scale(1);width:85%;max-width:1000px;z-index:2;aspect-ratio:16/9;min-height:0;height:auto}.slide.image-only{background-color:#fff}.slide.prev{transform:translate(calc(-50% - 46%),-50%) scale(.88)}.slide.next,.slide.prev{opacity:1;z-index:1;aspect-ratio:16/9;min-height:0;height:auto}.slide.next{transform:translate(calc(-50% + 46%),-50%) scale(.88)}.slide-content{position:absolute;top:0;left:0;height:100%;z-index:2;min-height:0;overflow:hidden;pointer-events:none}.slide-content,.slide-content .container{width:100%;display:flex;align-items:center;justify-content:center}.slide-content .container{max-width:100%;margin:0;padding:0}.slide-text{text-align:center;color:#fff;max-width:800px;padding:20px;width:100%;box-sizing:border-box;overflow:hidden;pointer-events:auto;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:100%}.slide-category{display:inline-block;background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;flex-shrink:0}.slide-title{font-size:48px;font-weight:700;line-height:1.2;text-shadow:0 2px 4px #0000004d}.slide-subtitle,.slide-title{margin-bottom:20px;flex-shrink:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.slide-subtitle{font-size:24px;font-weight:500;line-height:1.3;text-shadow:0 1px 2px #0000004d}.slide-description{font-size:18px;line-height:1.6;margin-bottom:20px;opacity:.9;text-shadow:0 1px 2px #0000004d;flex-shrink:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.hero-slide-cta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;flex-shrink:0;margin-top:auto}.hero-cta-button{padding:15px 30px;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;font-size:16px;background-color:#ac012d;color:#fff;box-shadow:0 4px 15px #ac012d4d}.hero-cta-button:hover{background-color:#8c0226;transform:translateY(-2px);box-shadow:0 6px 20px #ac012d66;text-decoration:none;color:#fff}.hero-nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;z-index:3}.hero-nav-button:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.hero-nav-button.prev{left:30px}.hero-nav-button.next{right:30px}.slider-indicators{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3}.slider-indicator{width:12px;height:12px;border-radius:50%;border:none;background:#fff6;cursor:pointer;transition:all .3s ease}.slider-indicator.active{background:#fff;transform:scale(1.2)}.slider-indicator:hover{background:#ffffffb3}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#fff3;z-index:3}.progress-fill{height:100%;background:linear-gradient(90deg,#ac012d,#8c0226);width:0;animation:heroProgress 5s linear infinite}@keyframes heroProgress{0%{width:0}to{width:100%}}@media (max-width:1024px){.slide-title{font-size:40px}.slide-subtitle{font-size:20px}.slide-description{font-size:16px}.hero-nav-button{width:45px;height:45px}.hero-nav-button.prev{left:20px}.hero-nav-button.next{right:20px}}@media (max-width:768px){.slide-text{padding:15px}.slide-title{font-size:18px;margin-bottom:10px;line-height:1.3}.slide-subtitle{font-size:14px;margin-bottom:10px}.slide-description{font-size:11px;margin-bottom:15px;-webkit-line-clamp:2;line-clamp:2}.slide-category{font-size:10px;padding:5px 10px;margin-bottom:10px}.hero-slide-cta{flex-direction:column;gap:10px}.hero-cta-button{padding:10px 18px;font-size:12px}.hero-nav-button{width:40px;height:40px}.hero-nav-button.prev{left:15px}.hero-nav-button.next{right:15px}.slider-indicators{bottom:20px}.slider-indicator{width:10px;height:10px}}@media (max-width:480px){.slide-text{padding:10px}.slide-title{font-size:16px;margin-bottom:8px}.slide-subtitle{font-size:12px;margin-bottom:8px}.slide-description{font-size:10px;margin-bottom:12px;-webkit-line-clamp:2;line-clamp:2}.slide-category{font-size:9px;padding:4px 8px;margin-bottom:8px}.hero-cta-button{padding:8px 16px;font-size:11px}.hero-nav-button{width:35px;height:35px}.hero-nav-button.prev{left:10px}.hero-nav-button.next{right:10px}.slider-indicators{bottom:15px;gap:8px}.slider-indicator{width:8px;height:8px}}