/* Our Team Upgrade */

.team-section{
  position:relative;
  overflow:hidden;
  padding:78px 0 72px !important;
  margin:20px 0;
}

.team-section::before{
  content:"";
  position:absolute;
  inset:18px 0;
  border-radius:44px;
  background:
    radial-gradient(circle at 12% 15%,rgba(77,231,243,.18),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(239,93,168,.13),transparent 36%),
    linear-gradient(135deg,#07111f 0%,#10243c 58%,#07111f 100%);
  z-index:0;
}

.team-section::after{
  content:"";
  position:absolute;
  inset:18px 0;
  border-radius:44px;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;
  opacity:.75;
  z-index:1;
  pointer-events:none;
}

.team-section .container{
  position:relative;
  z-index:3;
}

.team-section .section-head{
  max-width:850px;
  margin-bottom:32px !important;
  padding:30px 28px;
  border-radius:34px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 80px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}

.team-section .section-kicker{
  background:rgba(77,231,243,.14) !important;
  border-color:rgba(77,231,243,.24) !important;
  color:#4de7f3 !important;
}

.team-section .section-title{
  color:#fff !important;
  margin-bottom:10px !important;
}

.team-section .section-head::after{
  content:"Our coaching team combines discipline, experience, and positive energy to help every athlete grow with confidence.";
  display:block;
  max-width:650px;
  margin:12px auto 0;
  color:#c8d6e8;
  font-size:16px;
  line-height:1.65;
}

/* Team carousel panel */
.team-carousel{
  position:relative;
  padding:16px 8px 8px;
  border-radius:38px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 34px 95px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}

.team-card{
  position:relative;
  margin:0 10px !important;
  height:420px;
  border-radius:30px !important;
  overflow:hidden;
  background:#07111f;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 26px 70px rgba(0,0,0,.24) !important;
  transform:translateY(0);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.team-card:hover{
  transform:translateY(-10px) !important;
  border-color:rgba(77,231,243,.36);
  box-shadow:0 36px 95px rgba(77,231,243,.16) !important;
}

.team-card::before{
  content:"Champion Coach";
  position:absolute;
  top:16px;
  left:16px;
  z-index:4;
  padding:8px 12px;
  border-radius:999px;
  color:#07111f;
  background:linear-gradient(135deg,#4de7f3,#ffffff);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 14px 34px rgba(77,231,243,.22);
}

.team-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg,transparent 38%,rgba(7,17,31,.92)),
    radial-gradient(circle at 22% 20%,rgba(77,231,243,.16),transparent 34%);
  opacity:.86;
  transition:.35s ease;
}

.team-card:hover::after{
  opacity:.96;
}

.team-card img{
  width:100%;
  height:100% !important;
  object-fit:cover;
  filter:saturate(1.05) contrast(1.03);
  transition:transform .6s cubic-bezier(.22,1,.36,1), filter .6s ease;
}

.team-card:hover img{
  transform:scale(1.08);
  filter:saturate(1.14) contrast(1.05);
}

.team-card h3{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  z-index:5;
  padding:18px 18px 16px !important;
  border-radius:22px !important;
  color:#fff !important;
  font-family:"Space Grotesk",sans-serif;
  font-size:22px;
  line-height:1.05;
  background:rgba(255,255,255,.11) !important;
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 44px rgba(0,0,0,.20);
}

.team-card h3::after{
  content:"National Champion";
  display:block;
  margin-top:7px;
  color:#4de7f3;
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

/* slick arrows */
.team-section .slick-arrow{
  top:-68px !important;
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px);
  transition:.25s ease;
}

.team-section .slick-arrow:hover{
  transform:translateY(-3px);
  background:rgba(77,231,243,.18) !important;
}

.team-section .slick-arrow::before{
  color:#fff !important;
  font-size:22px !important;
}

.team-section .slick-next{
  right:10px !important;
}

.team-section .slick-prev{
  right:66px !important;
}

/* small stats under carousel */
.team-carousel::after{
  content:"8 national champion coaches • focused training • safe progress";
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin:16px 10px 4px;
  padding:12px 18px;
  border-radius:999px;
  color:#d7e3f3;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  font-weight:900;
  text-align:center;
  letter-spacing:.02em;
}

/* Mobile */
@media(max-width:980px){
  .team-section{
    padding:64px 0 58px !important;
  }

  .team-section::before,
  .team-section::after{
    inset:10px 0;
    border-radius:34px;
  }

  .team-section .section-head{
    padding:24px 20px;
    border-radius:28px;
  }

  .team-card{
    height:380px;
  }

  .team-section .slick-arrow{
    top:-58px !important;
  }
}

@media(max-width:640px){
  .team-section{
    padding:48px 0 42px !important;
    margin:10px 0;
  }

  .team-section::before,
  .team-section::after{
    border-radius:26px;
  }

  .team-section .section-head{
    padding:22px 16px;
    border-radius:24px;
    margin-bottom:22px !important;
  }

  .team-section .section-title{
    font-size:34px !important;
  }

  .team-section .section-head::after{
    font-size:14px;
  }

  .team-carousel{
    padding:12px 6px 8px;
    border-radius:26px;
  }

  .team-card{
    height:345px;
    margin:0 4px !important;
    border-radius:22px !important;
  }

  .team-card::before{
    top:12px;
    left:12px;
    font-size:10px;
    padding:7px 10px;
  }

  .team-card h3{
    left:12px;
    right:12px;
    bottom:12px;
    padding:14px !important;
    border-radius:18px !important;
    font-size:20px;
  }

  .team-section .slick-arrow{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    display:inline-block !important;
    margin:16px 6px 0;
  }

  .team-section .slick-prev{
    right:auto !important;
  }

  .team-carousel::after{
    min-height:auto;
    margin:12px 4px 2px;
    border-radius:20px;
    font-size:12px;
    line-height:1.5;
  }
}