.carousel-demo{background:radial-gradient(circle at 50% 50%,#282357,#0d102b 72%);border:1px solid #363254;border-radius:18px;padding:45px 25px 25px;color:#fff;overflow:hidden}.carousel-viewport{height:420px;position:relative;perspective:1200px;outline-offset:8px}.carousel-card{position:absolute;top:20px;left:50%;width:min(580px,63%);height:355px;overflow:hidden;border-radius:18px;box-shadow:0 26px 60px #0009;border:1px solid #ffffff60;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.8,.25,1),opacity .75s,filter .75s;opacity:0;pointer-events:none;background:linear-gradient(130deg,#182d48,#38215c)}.carousel-card img{width:100%;height:100%;object-fit:cover;display:block}.carousel-card:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#07081ad9)}.carousel-card[data-pos="center"]{transform:translateX(-50%) rotateY(0deg) translateZ(50px);opacity:1;z-index:5;pointer-events:auto}.carousel-card[data-pos="left"]{transform:translateX(-105%) rotateY(48deg) scale(.78);opacity:.72;z-index:3;filter:brightness(.75)}.carousel-card[data-pos="right"]{transform:translateX(5%) rotateY(-48deg) scale(.78);opacity:.72;z-index:3;filter:brightness(.75)}.carousel-card[data-pos="hidden-left"]{transform:translateX(-135%) rotateY(60deg) scale(.58);opacity:0;z-index:1}.carousel-card[data-pos="hidden-right"]{transform:translateX(35%) rotateY(-60deg) scale(.58);opacity:0;z-index:1}.carousel-caption{position:absolute;z-index:2;bottom:22px;left:25px;right:20px;display:flex;flex-direction:column;gap:7px}.carousel-caption span{font-size:10px;letter-spacing:.19em;color:#cae4ff}.carousel-caption strong{font:700 28px 'Space Grotesk';letter-spacing:-.04em}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap}.carousel-controls button{border:1px solid #756a9e;background:#25234b;color:#fff;cursor:pointer;border-radius:50px;padding:11px 15px;min-width:43px;transition:background .15s}.carousel-controls button:hover,.carousel-controls button:focus-visible{background:#6746c0}.carousel-controls #carousel-play{font-size:12px;border-radius:8px;padding:12px 18px;margin-left:15px}.carousel-dots{display:flex;gap:8px;align-items:center}.carousel-dots button{padding:0;min-width:0;width:10px;height:10px;border:0;background:#68638c;border-radius:50%}.carousel-dots button[aria-current=true]{background:#39d9ff;box-shadow:0 0 0 4px #3bcfff27}.carousel-note{text-align:center;font-size:11px;color:#aaa5cb;margin:17px 0 0}@media(max-width:760px){.carousel-demo{padding:25px 8px}.carousel-viewport{height:295px;perspective:850px}.carousel-card{height:245px;width:75%;top:13px}.carousel-card[data-pos="left"]{transform:translateX(-113%) rotateY(45deg) scale(.7)}.carousel-card[data-pos="right"]{transform:translateX(13%) rotateY(-45deg) scale(.7)}.carousel-caption{bottom:15px;left:16px}.carousel-caption strong{font-size:20px}.carousel-controls{gap:8px}.carousel-controls #carousel-play{margin-left:0}}@media(prefers-reduced-motion:reduce){.carousel-card{transition:none}}