.hero-section{padding:1.4rem 0 0}
.hero-slider{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#10121a,#0b0c10);border:1px solid #161a24}
.slides{display:grid;grid-template-columns:100%;}
.slide{grid-area:1/1;opacity:0;transform:scale(.98);transition:opacity .5s ease, transform .6s ease}
.slide.active{opacity:1;transform:scale(1)}
.slide img{width:100%;height:420px;object-fit:cover;display:block}
.slide .caption{position:absolute;left:24px;bottom:24px;background:rgba(0,0,0,.4);backdrop-filter: blur(6px);padding:.6rem .8rem;border-radius:10px;border:1px solid #1d2130}
.slide-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.35);border:1px solid #23273a;color:#d8dbec;border-radius:999px;width:40px;height:40px;display:grid;place-items:center;cursor:pointer}
.slide-nav:hover{background:rgba(0,0,0,.5)}
.slide-nav.prev{left:10px}
.slide-nav.next{right:10px}