.hero-slider{margin:0 0 30px 0;position:relative}
.hero-slider .slider-container{overflow:hidden;border-radius:14px;background:#0a0a0a;border:1px solid #161616;position:relative;touch-action:pan-y}
.hero-slider .slides{display:flex;will-change:transform;transform:translate3d(0,0,0);cursor:grab}
.hero-slider .slides.dragging{cursor:grabbing;transition:none}
.hero-slider .slide{flex:0 0 100%;position:relative;aspect-ratio:21/9;min-height:320px;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hero-slider .slide .bg{position:absolute;inset:0;background:#0d0d0d;z-index:0}
.hero-slider .slide .bg img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.hero-slider .slide .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.2) 100%);z-index:1;pointer-events:none}
.hero-slider .slide .content{position:absolute;bottom:0;left:0;right:0;padding:60px 40px 40px 40px;z-index:2;background:linear-gradient(0deg,rgba(0,0,0,0.9) 0%,transparent 100%);pointer-events:none}
.hero-slider .slide .content h3{font-size:1.8rem;font-weight:400;color:#fff;margin:0 0 12px 0;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,0.5);max-width:70%}
.hero-slider .slide .content .tags{display:flex;flex-wrap:wrap;gap:8px;font-weight:400}
.hero-slider .slide .content .tags span{background:rgba(255,255,255,0.1);backdrop-filter:blur(4px);padding:4px 14px;border-radius:20px;font-size:0.7rem;color:#ddd;border:1px solid rgba(255,255,255,0.05);font-weight:400}
.hero-slider .slide .content .tags span i{color:#ff6b6b;margin-right:4px;font-size:0.6rem}
.hero-slider .dots{display:flex;justify-content:center;gap:10px;margin-top:16px;position:relative;z-index:3}
.hero-slider .dots button{width:10px;height:10px;border-radius:50%;background:#1a1a1a;border:1px solid #2a2a2a;cursor:pointer;transition:all 0.3s;padding:0}
.hero-slider .dots button.active{background:#ff6b6b;border-color:#ff6b6b;width:30px;border-radius:20px}
.hero-slider .dots button:hover{background:#333}
@media(max-width:992px){.hero-slider .slide{min-height:280px;aspect-ratio:21/10}.hero-slider .slide .content h3{font-size:1.5rem;max-width:80%}}
@media(max-width:768px){.hero-slider .slide{min-height:220px;aspect-ratio:16/9}.hero-slider .slide .content{padding:40px 24px 24px 24px}.hero-slider .slide .content h3{font-size:1.2rem;max-width:100%}.hero-slider .slide .content .tags span{font-size:0.6rem;padding:3px 10px}}
@media(max-width:480px){.hero-slider .slide{min-height:180px}.hero-slider .slide .content{padding:30px 16px 16px 16px}.hero-slider .slide .content h3{font-size:0.95rem;margin-bottom:8px}.hero-slider .slide .content .tags{gap:6px}.hero-slider .slide .content .tags span{font-size:0.5rem;padding:2px 8px}.hero-slider .dots{gap:8px;margin-top:12px}.hero-slider .dots button{width:8px;height:8px}.hero-slider .dots button.active{width:20px}}
.hero-slider .slide .content h3 a{color:inherit}