.carousel-container{position:relative;width:100%;max-width:1200px;margin-left:auto;padding:20px;overflow:hidden}.carousel-wrapper{position:relative;overflow:hidden;padding:20px 0}.carousel{display:flex;transition:transform 0.5s ease;gap:20px}.carousel-slide{flex:0 0 320px;height:380px;position:relative;border-radius:15px;background:white;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.slide-content{padding:25px;height:100%;position:relative}.slide-icon{font-size:24px;color:#333;margin-bottom:15px;transition:all 0.3s ease}.slide-content:hover .slide-icon{color:#f89f53;transform:scale(1.1)}.slide-title{font-size:18px;font-weight:700;color:#000;margin-bottom:60px}.slide-description{font-size:16px;font-weight:400;color:#000}.expand-btn,.close-btn{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}.expand-btn{background:#000}.close-btn{background:#fff}.hover-content{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,1);border-radius:15px;padding:25px;display:flex;flex-direction:column}.hover-title{color:white;font-size:18px;font-weight:600;margin-bottom:20px}.hover-description{color:white;font-size:16px;font-weight:400;line-height:1.4em;flex-grow:1}.discuss-link{color:#00B4FF;text-decoration:none;font-size:16px;font-weight:400;margin-top:auto}.carousel-navigation{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;z-index:10}.nav-button{width:44px;height:44px;border-radius:50%;border:none;background:rgba(210,210,215,0.8);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(20px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.04);overflow:hidden}.nav-button svg{width:18px;height:18px;stroke:#1d1d1f;stroke-width:2.5;transition:transform 0.2s ease}.nav-button:hover{background:rgba(210,210,215,0.96);transform:scale(1.05)}.nav-button:hover svg{transform:scale(1.1)}.nav-button:active{transform:scale(0.90);background:rgba(237,237,237,1)}.nav-button:disabled{opacity:0.5;cursor:not-allowed;background:rgba(210,210,215,0.1)}.nav-button.prev svg{margin-left:-2px}.nav-button.next svg{margin-right:-2px}.nav-button.prev svg path{d:path('M15 18l-6-6 6-6')}.nav-button.next svg path{d:path('M9 18l6-6-6-6')}@media (prefers-color-scheme:dark){.nav-button{background:rgba(50,50,55,0.64)}.nav-button svg{stroke:#f5f5f7}.nav-button:hover{background:rgba(50,50,55,0.96)}}.carousel-container{position:relative;width:100%;max-width:1200px;margin-left:auto;padding:20px 20px 60px 20px;overflow:visible}.carousel-wrapper{position:relative;overflow:visible;padding:20px 0;margin-bottom:20px}.nav-button:active{transform:translateY(0);background:#D1D5FF}@media (max-width:480px){.carousel-navigation{bottom:15px}.nav-button{width:40px;height:40px}.nav-button svg{width:16px;height:16px}}.carousel-container{padding:20px 20px 70px 20px}.carousel-wrapper{margin-bottom:30px}@media (max-width:1024px){.carousel{gap:15px}}@media (max-width:480px){.carousel-slide{flex:0 0 256px;height:304px}.slide-title{font-size:16px;margin-bottom:30px}.slide-description{font-size:14px}.hover-title{font-size:16px;font-weight:600;margin-bottom:15px}.hover-description{font-size:14px;font-weight:400;line-height:1.2em;margin-bottom:50px}.discuss-link{font-size:14px}}