.card-swap-container{perspective:900px;justify-content:center;align-items:center;width:clamp(280px,70vw,420px);max-width:100%;height:clamp(220px,55vw,360px);display:flex;position:relative;overflow:visible}.card{background:var(--card);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--surface);transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;border-radius:24px;width:clamp(260px,65vw,400px);height:clamp(200px,50vw,340px);padding:clamp(16px,3vw,24px);position:absolute;overflow-y:auto}.card::-webkit-scrollbar{width:4px}.card::-webkit-scrollbar-track{background:var(--surface)}.card::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:2px}.card-swap-card:hover{border-color:var(--color-accent);box-shadow:0 0 40px #b5d11c26}.card-static{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px}.card-swap-card .card-title{margin-bottom:.5rem;font-size:clamp(.875rem,2.5vw,1.25rem);font-weight:600;line-height:1.3}.card-swap-card .card-description{font-size:clamp(.625rem,2vw,.75rem);line-height:1.5}.card-swap-card .card-label{font-size:clamp(.5rem,1.5vw,.75rem)}.card-swap-card .card-list-item{font-size:clamp(.5rem,1.8vw,.75rem)}.card-swap-card .card-link{font-size:clamp(.5rem,1.5vw,.75rem)}@media (max-width:768px){.card-swap-container{width:clamp(280px,70vw,420px);height:clamp(220px,55vw,360px)}.card{width:clamp(260px,65vw,400px);height:clamp(200px,50vw,340px)}}@media (max-width:480px){.card-swap-container{width:clamp(280px,70vw,420px);height:clamp(220px,55vw,360px)}.card{width:clamp(260px,65vw,400px);height:clamp(200px,50vw,340px)}}
.carousel-container{flex-direction:column;gap:16px;width:100%;max-width:400px;margin:0 auto;display:flex}.carousel-viewport{width:100%;height:clamp(280px,60vw,400px);position:relative;overflow:hidden}.carousel-card-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.carousel-card-wrapper>*{width:100%;height:100%}.carousel-controls{justify-content:center;align-items:center;gap:16px;display:flex}.carousel-btn{background:var(--card);border:1px solid var(--border);width:40px;height:40px;color:var(--foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.carousel-btn:hover{background:var(--color-accent);color:var(--background);border-color:var(--color-accent)}.carousel-btn:active{transform:scale(.95)}.carousel-indicators{gap:8px;display:flex}.carousel-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.carousel-dot.active{background:var(--color-accent);transform:scale(1.2)}@media (max-width:768px){.carousel-container{max-width:320px}.carousel-viewport{height:clamp(260px,70vw,360px)}.carousel-btn{width:36px;height:36px}}@media (max-width:480px){.carousel-container{max-width:280px}.carousel-viewport{height:clamp(240px,75vw,320px)}}