.carousel{position:relative;width:100%;max-width:100vw;height:90vh;margin:10px auto 0;overflow:hidden;box-shadow:0 4px 32px rgba(44,62,80,.15);background:#222}.carousel-slide{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover;background-position:50%;opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);z-index:1;display:flex;align-items:flex-end}.carousel-slide.active{opacity:1;z-index:2}.carousel-overlay{width:100%;display:flex;align-items:flex-end;justify-content:flex-start;padding:0 0 2.5rem 2.5rem;background:linear-gradient(0deg,rgba(0,0,0,.45) 60%,transparent)}.carousel-text{color:#fff;font-size:2rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 12px rgba(0,0,0,.4);background:rgba(44,62,80,.55);border-radius:8px;padding:.7rem 1.5rem;margin-bottom:.5rem}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(44,62,80,.7);color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:2rem;cursor:pointer;z-index:3;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center}.carousel-btn.prev{left:18px}.carousel-btn.next{right:18px}.carousel-btn:hover{background:#3498db;transform:translateY(-50%) scale(1.08)}.carousel-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:.6rem;z-index:4}.carousel-dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:background .2s,transform .2s}.carousel-dot.active{background:#3498db;transform:scale(1.2)}@media (max-width:900px){.carousel{height:50vh;margin-top:70px}.carousel-text{font-size:1.3rem;padding:.5rem 1rem}.carousel-overlay{padding:0 0 1.2rem 1.2rem}}@media (max-width:600px){.carousel{height:32vh;margin-top:60px;border-radius:10px}.carousel-text{font-size:1rem;padding:.3rem .7rem}.carousel-overlay{padding:0 0 .7rem .7rem}.carousel-btn{width:32px;height:32px;font-size:1.2rem}.carousel-dot{width:8px;height:8px}}