.banner-slider-section{padding:48px 0 56px;background:#0a0a0a;overflow:hidden;margin-top:0}.banner-slider{position:relative;max-width:100%;margin:0 auto;overflow:hidden}.slider-wrapper{display:flex;transition:transform .5s ease-in-out;height:400px}.slider-slide{flex:0 0 100%;transition:transform .5s ease-in-out,opacity .5s ease-in-out;position:relative;opacity:.7;transform:scale(.95)}.slider-slide.active{opacity:1;transform:scale(1);z-index:10}.slider-slide--photo .banner-content{padding:20px 28px}.slider-slide--photo .banner-image-container{flex:1.2 1;min-height:280px;max-width:58%;border-radius:8px;overflow:hidden;background:#111}.slider-slide--photo .banner-image{width:100%;height:100%;min-height:280px;max-height:340px;object-fit:cover;object-position:center top}.banner-card{border:1px solid rgba(24,144,255,.3);box-shadow:0 8px 30px rgba(0,0,0,.3);border-radius:12px;overflow:hidden;background:#1a1a1a;height:100%;transition:transform .3s ease,box-shadow .3s ease}.banner-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.banner-content{display:flex;flex-direction:row;align-items:center;height:100%;padding:32px}.banner-text{flex:1 1;padding-right:40px}.banner-tag{display:inline-block;padding:6px 12px;background:var(--primary-color);font-size:14px;font-weight:500;border-radius:16px}.banner-tag,.banner-title{color:#fff;margin-bottom:16px}.banner-title{font-size:28px;font-weight:700;line-height:1.3}.banner-subtitle{font-size:16px;color:hsla(0,0%,100%,.7);margin-bottom:24px;line-height:1.6}.banner-cta{background:#1890ff!important;border:1px solid rgba(24,144,255,.3)!important;color:#fff!important;border-radius:4px;padding:10px 20px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px rgba(24,144,255,.3)}.banner-cta:hover{background:#40a9ff!important;box-shadow:0 4px 12px rgba(24,144,255,.5);transform:translateY(-1px)}.banner-image-container{flex:1 1;min-width:400px;position:relative;overflow:hidden;border-radius:8px}.banner-image{width:100%;height:250px;object-fit:cover;transition:transform .5s ease;border-radius:8px}.banner-card:hover .banner-image{transform:scale(1.05)}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.9);border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:20;box-shadow:0 4px 12px rgba(0,0,0,.1)}.slider-nav:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1)}.slider-nav-prev{left:20px}.slider-nav-next{right:20px}.slider-indicators{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.indicator{width:12px;height:12px;border-radius:50%;background:#ddd;border:none;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--primary-color);width:30px;border-radius:6px}@media(max-width:1024px){.banner-content{flex-direction:column;text-align:center;padding:24px}.banner-text{padding-right:0;margin-bottom:24px}.banner-image-container{min-width:100%}.slider-wrapper{height:auto;min-height:500px}}@media(max-width:768px){.banner-slider-section{padding:40px 0}.banner-title{font-size:24px}.banner-subtitle{font-size:14px}.banner-content{padding:20px}.slider-nav{width:40px;height:40px;font-size:20px}.slider-nav-prev{left:10px}.slider-nav-next{right:10px}}@media(max-width:480px){.banner-slider-section{padding:30px 0}.banner-image{height:200px}.banner-title{font-size:20px}.banner-cta{width:100%}}.banner-slider-section{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}