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