@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&display=swap');

.gsm-squad{position:relative;width:100vw;margin:0 calc(-50vw + 50%);padding:0;font-family:'Rubik',sans-serif;color:#fff;overflow:hidden;box-sizing:border-box;background:#080808;user-select:none;}
.gsm-squad *,.gsm-squad *::before,.gsm-squad *::after{box-sizing:border-box;margin:0;padding:0;}

.gsm-squad-bg{position:relative;padding:100px 0 120px;background:linear-gradient(180deg,rgba(8,8,8,.96) 0%,rgba(8,8,8,.75) 40%,rgba(8,8,8,.8) 70%,rgba(8,8,8,.98) 100%),url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?w=1920&q=80') center center/cover no-repeat;}
.gsm-squad-bg::before{content:'';position:absolute;top:-10%;left:50%;transform:translateX(-50%);width:80%;height:40%;border-radius:50%;background:radial-gradient(ellipse,rgba(178,41,46,.06) 0%,transparent 70%);filter:blur(80px);pointer-events:none;}
.gsm-squad-bg::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 180px,rgba(255,255,255,.01) 180px,rgba(255,255,255,.01) 181px);pointer-events:none;}

.gsm-squad-inner{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 24px;}

/* Header */
.gsm-squad-header{text-align:center;margin-bottom:64px;}
.gsm-squad-label{font-size:13px;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:#b2292e;margin-bottom:14px;}
.gsm-squad-title{font-weight:900;font-size:clamp(30px,5vw,52px);text-transform:uppercase;line-height:1.05;color:#fff;margin-bottom:12px;}
.gsm-squad-sub{font-size:15px;color:rgba(255,255,255,.3);}

/* === 3D CAROUSEL === */
.gsm-carousel-wrap{position:relative;perspective:1200px;height:520px;display:flex;align-items:center;justify-content:center;}
.gsm-carousel{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.16,1,.3,1);}

.gsm-slide{position:absolute;width:820px;top:50%;left:50%;transform-style:preserve-3d;transition:all .8s cubic-bezier(.16,1,.3,1);pointer-events:none;opacity:0;}
.gsm-slide.active{transform:translate(-50%,-50%) rotateY(0deg) scale(1);opacity:1;z-index:5;pointer-events:auto;}
.gsm-slide.prev{transform:translate(-50%,-50%) translateX(-480px) rotateY(25deg) scale(.78);opacity:.55;z-index:3;pointer-events:auto;filter:brightness(.6);}
.gsm-slide.next{transform:translate(-50%,-50%) translateX(480px) rotateY(-25deg) scale(.78);opacity:.55;z-index:3;pointer-events:auto;filter:brightness(.6);}
.gsm-slide.far-prev{transform:translate(-50%,-50%) translateX(-780px) rotateY(40deg) scale(.55);opacity:.2;z-index:1;filter:brightness(.4);}
.gsm-slide.far-next{transform:translate(-50%,-50%) translateX(780px) rotateY(-40deg) scale(.55);opacity:.2;z-index:1;filter:brightness(.4);}

/* === SLIDE CONTENT === */
.gsm-slide-inner{display:flex;gap:0;align-items:stretch;background:rgba(18,18,18,.92);border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:hidden;height:440px;}

/* === CSS JERSEY === */
.gsm-jersey-wrap{position:relative;width:320px;min-width:320px;background:linear-gradient(180deg,rgba(20,20,20,.95) 0%,rgba(10,10,10,.98) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.gsm-jersey{position:relative;width:220px;height:280px;}
.gsm-jersey-body{position:absolute;top:60px;left:30px;right:30px;bottom:0;background:linear-gradient(180deg,#b2292e 0%,#8a1f23 100%);border-radius:4px 4px 8px 8px;box-shadow:0 10px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15);}
.gsm-jersey-body::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);border-radius:inherit;pointer-events:none;}
.gsm-jersey-collar{position:absolute;top:48px;left:50%;transform:translateX(-50%);width:60px;height:24px;background:linear-gradient(180deg,#d43035,#b2292e);border-radius:0 0 30px 30px;z-index:2;box-shadow:inset 0 -2px 4px rgba(0,0,0,.2);}
.gsm-jersey-collar::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:20px;height:8px;background:rgba(0,0,0,.15);border-radius:0 0 10px 10px;}
.gsm-jersey-sleeve-l{position:absolute;top:58px;left:-10px;width:52px;height:70px;background:linear-gradient(135deg,#c43035,#9a2327);border-radius:12px 0 8px 20px;transform:rotate(-10deg);box-shadow:0 4px 12px rgba(0,0,0,.3);}
.gsm-jersey-sleeve-r{position:absolute;top:58px;right:-10px;width:52px;height:70px;background:linear-gradient(225deg,#c43035,#9a2327);border-radius:0 12px 20px 8px;transform:rotate(10deg);box-shadow:0 4px 12px rgba(0,0,0,.3);}
.gsm-jersey-number{position:absolute;top:85px;left:50%;transform:translateX(-50%);font-family:'Rubik',sans-serif;font-weight:900;font-size:90px;line-height:1;color:rgba(255,255,255,.9);text-shadow:2px 2px 0 rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.15);z-index:3;}
.gsm-jersey-name{position:absolute;top:70px;left:50%;transform:translateX(-50%);font-family:'Rubik',sans-serif;font-weight:800;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.85);text-shadow:1px 1px 0 rgba(0,0,0,.3);z-index:3;white-space:nowrap;}
.gsm-jersey-badge{position:absolute;top:100px;left:46px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);z-index:3;}
.gsm-jersey-hanger{position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:48px;}
.gsm-jersey-hanger::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:20px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.05));}
.gsm-jersey-hanger::after{content:'';position:absolute;top:16px;left:50%;transform:translateX(-50%);width:40px;height:20px;border:2px solid rgba(255,255,255,.08);border-bottom:none;border-radius:20px 20px 0 0;}
.gsm-jersey-shadow{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:120px;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.35) 0%,transparent 70%);filter:blur(6px);}

/* === PLAYER INFO PANEL === */
.gsm-pinfo{flex:1;padding:40px 36px;display:flex;flex-direction:column;justify-content:center;position:relative;}
.gsm-pinfo-flag{display:inline-block;width:8px;height:8px;border-radius:50%;background:#b2292e;margin-right:8px;vertical-align:middle;}
.gsm-pinfo-name{font-weight:900;font-size:clamp(24px,3vw,34px);text-transform:uppercase;letter-spacing:2px;color:#fff;line-height:1.1;margin-bottom:6px;}
.gsm-pinfo-pos{font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:28px;}
.gsm-pinfo-bio{font-size:14px;line-height:1.7;color:rgba(255,255,255,.4);margin-bottom:32px;max-width:380px;}
.gsm-pinfo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);}
.gsm-pinfo-stat-val{font-size:28px;font-weight:900;color:#b2292e;line-height:1;margin-bottom:4px;}
.gsm-pinfo-stat-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.2);}
.gsm-pinfo-meta{display:flex;gap:24px;margin-bottom:20px;}
.gsm-pinfo-meta-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.2);margin-bottom:2px;}
.gsm-pinfo-meta-val{font-size:14px;font-weight:700;color:rgba(255,255,255,.7);}

/* === NAV ARROWS === */
.gsm-carousel-nav{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;z-index:10;}
.gsm-arrow{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(20,20,20,.85);border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);color:rgba(255,255,255,.4);font-size:20px;}
.gsm-arrow:hover{background:#b2292e;border-color:#b2292e;color:#fff;transform:scale(1.1);box-shadow:0 0 30px rgba(178,41,46,.3);}
.gsm-carousel-dots{display:flex;gap:8px;}
.gsm-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12);transition:all .4s ease;cursor:pointer;}
.gsm-dot.active{background:#b2292e;width:28px;border-radius:4px;box-shadow:0 0 12px rgba(178,41,46,.4);}

/* === SCROLL ENTRANCE === */
.gsm-sqh{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);}
.gsm-sqc{opacity:0;transform:scale(.85);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);}
.gsm-vis7 .gsm-sqh{opacity:1;transform:translateY(0);}
.gsm-vis7 .gsm-sqc{opacity:1;transform:scale(1);}
.gsm-d1{transition-delay:.05s}.gsm-d2{transition-delay:.15s}.gsm-d3{transition-delay:.3s}.gsm-d4{transition-delay:.5s}

/* === RESPONSIVE === */
@media(max-width:1280px){
  .gsm-slide{width:760px;}
  .gsm-squad-inner{padding:0 20px;}
  .gsm-slide.prev{transform:translate(-50%,-50%) translateX(-440px) rotateY(25deg) scale(.75);}
  .gsm-slide.next{transform:translate(-50%,-50%) translateX(440px) rotateY(-25deg) scale(.75);}
}
@media(max-width:1024px){
  .gsm-slide{width:680px;}
  .gsm-slide-inner{height:420px;}
  .gsm-jersey-wrap{width:280px;min-width:280px;}
  .gsm-jersey{width:190px;height:245px;}
  .gsm-jersey-number{font-size:78px;top:78px;}
  .gsm-jersey-name{font-size:12px;top:60px;}
  .gsm-jersey-body{top:52px;left:25px;right:25px;}
  .gsm-jersey-collar{top:42px;width:50px;height:20px;}
  .gsm-jersey-sleeve-l{top:50px;width:46px;height:60px;}
  .gsm-jersey-sleeve-r{top:50px;width:46px;height:60px;}
  .gsm-pinfo{padding:32px 28px;}
  .gsm-pinfo-name{font-size:clamp(20px,2.5vw,28px);}
  .gsm-pinfo-bio{font-size:13px;}
  .gsm-pinfo-stat-val{font-size:24px;}
  .gsm-slide.prev{transform:translate(-50%,-50%) translateX(-380px) rotateY(25deg) scale(.72);}
  .gsm-slide.next{transform:translate(-50%,-50%) translateX(380px) rotateY(-25deg) scale(.72);}
  .gsm-slide.far-prev,.gsm-slide.far-next{opacity:0;}
}
@media(max-width:768px){
  .gsm-slide{width:88vw;max-width:560px;}
  .gsm-slide-inner{height:380px;}
  .gsm-jersey-wrap{width:220px;min-width:220px;}
  .gsm-jersey{width:155px;height:200px;}
  .gsm-jersey-number{font-size:60px;top:65px;}
  .gsm-jersey-name{font-size:10px;top:52px;letter-spacing:2px;}
  .gsm-jersey-body{top:44px;left:20px;right:20px;}
  .gsm-jersey-collar{top:35px;width:44px;height:18px;}
  .gsm-jersey-sleeve-l{top:42px;width:38px;height:52px;}
  .gsm-jersey-sleeve-r{top:42px;width:38px;height:52px;}
  .gsm-jersey-badge{top:75px;left:32px;width:18px;height:18px;}
  .gsm-pinfo{padding:24px 20px;}
  .gsm-pinfo-name{font-size:20px;letter-spacing:1px;}
  .gsm-pinfo-pos{font-size:10px;margin-bottom:18px;}
  .gsm-pinfo-meta{gap:16px;margin-bottom:14px;}
  .gsm-pinfo-meta-val{font-size:13px;}
  .gsm-pinfo-bio{font-size:12px;margin-bottom:20px;line-height:1.6;}
  .gsm-pinfo-stat-val{font-size:22px;}
  .gsm-pinfo-stat-label{font-size:8px;}
  .gsm-carousel-wrap{height:440px;}
  .gsm-slide.prev{transform:translate(-50%,-50%) translateX(-70vw) rotateY(30deg) scale(.65);opacity:.15;}
  .gsm-slide.next{transform:translate(-50%,-50%) translateX(70vw) rotateY(-30deg) scale(.65);opacity:.15;}
  .gsm-slide.far-prev,.gsm-slide.far-next{opacity:0;}
  .gsm-squad-bg{padding:70px 0 100px;}
  .gsm-squad-header{margin-bottom:48px;}
}
@media(max-width:640px){
  .gsm-slide{width:92vw;max-width:420px;}
  .gsm-slide-inner{flex-direction:column;height:auto;}
  .gsm-jersey-wrap{width:100%;min-width:unset;height:240px;}
  .gsm-jersey{width:150px;height:195px;}
  .gsm-jersey-number{font-size:56px;top:62px;}
  .gsm-jersey-name{font-size:10px;top:50px;}
  .gsm-jersey-body{top:42px;left:18px;right:18px;}
  .gsm-jersey-collar{top:33px;}
  .gsm-jersey-sleeve-l{top:40px;width:36px;height:48px;}
  .gsm-jersey-sleeve-r{top:40px;width:36px;height:48px;}
  .gsm-pinfo{padding:22px 18px 26px;}
  .gsm-pinfo-name{font-size:19px;}
  .gsm-pinfo-stats{gap:12px;}
  .gsm-slide.prev,.gsm-slide.next{opacity:0;}
  .gsm-carousel-wrap{height:auto;min-height:520px;}
  .gsm-carousel-nav{bottom:-50px;}
  .gsm-arrow{width:44px;height:44px;font-size:16px;}
}
@media(max-width:480px){
  .gsm-slide{width:94vw;}
  .gsm-jersey-wrap{height:220px;}
  .gsm-jersey{width:135px;height:175px;}
  .gsm-jersey-number{font-size:48px;top:56px;}
  .gsm-jersey-name{font-size:9px;top:44px;}
  .gsm-jersey-body{top:38px;left:16px;right:16px;}
  .gsm-jersey-collar{top:30px;width:38px;height:16px;}
  .gsm-jersey-sleeve-l{top:36px;width:32px;height:44px;}
  .gsm-jersey-sleeve-r{top:36px;width:32px;height:44px;}
  .gsm-pinfo{padding:18px 16px 22px;}
  .gsm-pinfo-name{font-size:17px;letter-spacing:.8px;}
  .gsm-pinfo-pos{font-size:9px;letter-spacing:2px;margin-bottom:14px;}
  .gsm-pinfo-meta{gap:12px;flex-wrap:wrap;}
  .gsm-pinfo-meta-label{font-size:9px;}
  .gsm-pinfo-meta-val{font-size:12px;}
  .gsm-pinfo-bio{font-size:12px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .gsm-pinfo-stat-val{font-size:20px;}
  .gsm-pinfo-stat-label{font-size:8px;letter-spacing:1px;}
  .gsm-pinfo-stats{padding-top:16px;}
  .gsm-squad-bg{padding:48px 0 80px;}
  .gsm-squad-header{margin-bottom:36px;}
  .gsm-squad-label{font-size:11px;letter-spacing:3px;}
  .gsm-squad-title{font-size:26px;}
  .gsm-squad-sub{font-size:13px;}
  .gsm-carousel-nav{bottom:-44px;}
  .gsm-arrow{width:40px;height:40px;font-size:14px;}
  .gsm-dot{width:6px;height:6px;}
  .gsm-dot.active{width:22px;}
}