.champions-slider{position:relative;margin:0 -15px;padding:20px 0 40px;overflow:hidden}.slider-container{display:flex;align-items:stretch;will-change:transform}.champion-card{flex:0 0 100%;padding:0 15px;box-sizing:border-box}.champion-content{background:var(--surface-color);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;text-align:center;position:relative;overflow:hidden}.champion-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),#f4c542);border-radius:20px 20px 0 0}.champion-image{width:120px;height:120px;border-radius:50%;margin:0 auto 20px;overflow:hidden;border:4px solid var(--accent-color);position:relative}.champion-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}.champion-content:hover .champion-image img{transform:scale(1.1)}.champion-title{color:var(--accent-color);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.champion-name{font-size:24px;font-weight:700;margin-bottom:10px;color:var(--heading-color)}.champion-achievement{font-size:16px;color:var(--accent-color);font-weight:600;margin-bottom:20px}.champion-quote{font-size:16px;line-height:1.6;color:var(--default-color);font-style:italic;margin-bottom:0;position:relative;padding:20px 28px;z-index:1}.champion-quote:before,.champion-quote:after{content:'"';font-size:48px;color:var(--accent-color);opacity:.3;font-family:serif;position:absolute;pointer-events:none;line-height:1}.champion-quote:before{top:0;left:0;transform:translate(-50%,-60%)}.champion-quote:after{bottom:0;right:0;transform:translate(50%,60%)}.touch-hint{position:absolute;top:50%;transform:translateY(-50%);color:var(--accent-color);opacity:.3;font-size:12px;font-weight:600;writing-mode:vertical-rl;text-orientation:mixed;user-select:none;pointer-events:none}@media(max-width:575px){.champions-slider{margin:0 -10px;padding:15px 0 70px}.champion-card{padding:0 10px}.champion-content{padding:25px 20px}.champion-image{width:100px;height:100px;margin-bottom:15px}.champion-name{font-size:20px;margin-bottom:8px}.champion-achievement{font-size:14px;margin-bottom:15px}.champion-quote{font-size:14px;line-height:1.5}.nav-btn{width:44px;height:44px;font-size:18px}.slider-nav{gap:12px;bottom:15px}.touch-hint{display:none}}@media(min-width:576px)and (max-width:767px){.champion-content{padding:35px 25px}.champion-image{width:130px;height:130px}.champion-quote{font-size:15px}}@media(min-width:768px)and (max-width:991px){.champions-slider{margin:0 -20px}.champion-card{flex:0 0 50%;padding:0 20px}.champion-content{padding:40px 30px}.champion-image{width:140px;height:140px}}@media(min-width:992px){.champions-slider{margin:0 -25px}.champion-card{flex:0 0 33.333%;padding:0 25px}.champion-content{padding:45px 35px;min-height:500px;display:flex;flex-direction:column;justify-content:center}.champion-image{width:150px;height:150px;margin-bottom:25px}.champion-name{font-size:26px}.champion-quote{font-size:17px;line-height:1.7}.touch-hint{display:block}}@media(min-width:1200px){.champion-card{padding:0 30px}.champion-content{padding:50px 40px;min-height:550px}}.champion-content.touching{transform:scale(.98);transition:transform .1s ease}.champions-slider.loading .champion-content{opacity:.7;pointer-events:none}.champions-slider.loading .champion-image{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.champion-content:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px}.nav-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media(prefers-color-scheme:dark){.champion-content{background:color-mix(in srgb,var(--surface-color),black 10%)}}@media(prefers-contrast:high){.champion-content{border:2px solid var(--accent-color)}.champion-image{border-width:3px}}@media(prefers-reduced-motion:reduce){.slider-container,.champion-image img,.nav-btn,.dot{transition:none}.champion-content.touching{transform:none}.champions-slider.loading .champion-image{animation:none}}.slider-navigation-wrapper{position:relative;width:100%;height:100%}.slider-nav{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10;padding:0 20px}.nav-btn{pointer-events:auto;width:44px;height:44px;border:none;border-radius:50%;background:#ffffffe6;color:var(--accent-color, #007bff);font-size:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.nav-btn:hover{background:var(--accent-color, #007bff);color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #007bff4d}.nav-btn:active{transform:scale(.95)}.nav-btn:focus{outline:none;box-shadow:0 0 0 3px #007bff4d}.nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:#c8c8c8cc;color:#666}.nav-btn:disabled:hover{transform:none;background:#c8c8c8cc;color:#666;box-shadow:0 4px 12px #0000001a}.nav-btn i{font-size:20px;line-height:1}#prevBtn{margin-left:0}#nextBtn{margin-right:0}.slider-dots{position:static;display:flex;justify-content:center;align-items:center;gap:8px;margin:24px auto 0;z-index:10;background:#0000001a;padding:8px 16px;border-radius:20px;backdrop-filter:blur(10px)}.champions-slider.uniform-height .champion-card{display:flex}.champions-slider.uniform-height .champion-content{min-height:var(--champion-slide-height, auto);display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;height:100%}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.dot:hover{background:#fffc;transform:scale(1.2)}.dot.active{background:var(--accent-color, #007bff);transform:scale(1.3);box-shadow:0 0 8px #007bff66}.dot.active.elongated{width:20px;border-radius:4px;transform:scale(1)}@media(max-width:768px){.slider-nav{padding:0 15px}.nav-btn{width:40px;height:40px;font-size:16px}.nav-btn i{font-size:18px}.slider-dots{margin-top:20px;padding:6px 12px;gap:6px}.dot{width:6px;height:6px}.dot.active.elongated{width:16px}}@media(max-width:480px){.slider-nav{padding:0 10px}.nav-btn{width:36px;height:36px;font-size:14px}.nav-btn i{font-size:16px}.slider-dots{margin-top:16px;padding:4px 8px;gap:4px}.dot{width:5px;height:5px}.dot.active.elongated{width:12px}}@media(prefers-color-scheme:dark){.nav-btn{background:#282828e6;color:#fff;border-color:#ffffff1a}.nav-btn:hover{background:var(--accent-color, #0d6efd)}.slider-dots{background:#0000004d}.dot{background:#ffffff4d;border-color:#fff3}.dot:hover{background:#fff9}}@media(prefers-reduced-motion:reduce){.nav-btn,.dot{transition:none}.nav-btn:hover,.dot:hover,.dot.active{transform:none}}@media(prefers-contrast:high){.nav-btn{background:#fff;color:#000;border:2px solid black}.nav-btn:hover{background:#000;color:#fff}.dot{background:#fff;border:2px solid black}.dot.active{background:#000}}.slider-nav:focus-within .nav-btn{opacity:1}.slider-dots:focus-within{background:#0003}.nav-btn.loading{position:relative;pointer-events:none}.nav-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.slider-dots.style-bars .dot{width:16px;height:3px;border-radius:2px}.slider-dots.style-bars .dot.active{width:24px;height:3px}.slider-dots.numbered .dot{width:24px;height:24px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;background:#fffc;color:var(--accent-color, #007bff)}.slider-dots.numbered .dot.active{background:var(--accent-color, #007bff);color:#fff}.touch-hints{position:absolute;inset:0;pointer-events:none;z-index:5}.touch-hint{position:absolute;top:50%;transform:translateY(-50%);color:#fff9;font-size:12px;font-weight:600;background:#0000001a;padding:4px 8px;border-radius:4px;opacity:0;transition:opacity .3s ease}.touch-hint.left{left:10px}.touch-hint.right{right:10px}@media(hover:none)and (pointer:coarse){.champion-slider-container:hover .touch-hint{opacity:1}}@media(hover:hover){.touch-hint{display:none}}