*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

:root{
  --dark:#120b16;
  --orange:#ff7a1a;
  --yellow:#ffd35a;
  --pink:#ff3d7f;
  --cream:#fff4df;
  --text:#5f5165;
  --shadow:0 28px 80px rgba(18,11,22,.16);
}

body{
  background:var(--cream);
  color:var(--dark);
  line-height:1.7;
}

a{
  color:inherit;
  text-decoration:none;
}

.container{
  width:min(1180px,88%);
  margin:auto;
}
/* HERO */

.partners-hero {
  min-height: 100vh;
  padding: 150px 8% 110px;
  color: white;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,61,127,.22), transparent 28%),
    linear-gradient(rgba(5,2,20,.45), rgba(5,2,20,.98)),
    url("images/partenaires-hero.jpg") center/cover fixed no-repeat;
}

.partners-hero span {
  display: inline-block;
  background: #84db41;
  color: #180ea5;
  padding: 8px 24px;
  font-weight: 900;
  text-transform: uppercase;
  transform: rotate(-2deg);
}

.partners-hero h1 {
  margin: 24px 0 18px;
  font-size: clamp(3.2rem, 7vw, 6.5rem);
  line-height: .82;
  letter-spacing: -.06em;
  text-transform: uppercase;
}

.partners-hero p {
  max-width: 560px;
  color: rgba(255,255,255,.78);
  font-size: 1.15rem;
  line-height: 1.6;
}

/* THANKS */

.thanks-section{
  padding:110px 0;
  background:var(--cream);
}

.thanks-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:70px;
  align-items:start;
}

.section-label{
  display:inline-block;
  margin-bottom:18px;
  color:#84db41;
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.thanks-grid h2,
.section-heading h2,
.partner-card h2{
  font-size:clamp(2.5rem,5vw,4.5rem);
  line-height:1;
  letter-spacing:-.07em;
}

.thanks-grid p{
  color:var(--text);
  font-size:1.08rem;
  margin-bottom:18px;
}

/* LOGOS */

.logos-section{
  padding:100px 0;
  background:white;
}

.section-heading{
  text-align:center;
  max-width:780px;
  margin:0 auto 55px;
}


.logos-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}

.logo-card{
  min-height:90px;
  border-radius:16px;
  background:white;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  box-shadow:0 10px 28px rgba(18,11,22,.06);
  border:1px solid rgba(18,11,22,.08);
}

.logo-card img{
  max-width:100%;
  max-height:55px;
  object-fit:contain;
  opacity:1;
  transition:.25s ease;
}

.logo-card:hover img{
  transform:scale(1.04);
}
.logo-card {
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

.logo-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  width: 60%;
  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.7),
    transparent
  );

  transform: skewX(-25deg);
  transition: .6s;
}

.logo-card:hover::before {
  left: 180%;
}

.logo-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 0 20px rgba(255,122,24,.25),
    0 12px 30px rgba(0,0,0,.15);
}

/* BECOME PARTNER */

.become-partner{
  padding:110px 0;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,61,127,.18), transparent 28%),
    radial-gradient(circle at 85% 80%, rgba(255,159,28,.24), transparent 30%),
    var(--cream);
}

.partner-card{
  background:var(--dark);
  color:white;
  border-radius:40px;
  padding:55px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  box-shadow:var(--shadow);
}

.partner-card p{
  color:rgba(255,255,255,.72);
  margin-top:22px;
}

.partner-points{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.partner-points div{
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.partner-points strong{
  color:var(--yellow);
  font-size:1.05rem;
}

.partner-points p{
  margin-top:5px;
}

.partner-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  margin-top:12px;
  padding:15px 24px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--orange),var(--pink));
  color:white;
  font-weight:900;
  width:max-content;
}

/* RESPONSIVE */

@media(max-width:900px){
  .thanks-grid,
  .partner-card{
    grid-template-columns:1fr;
  }

 .logos-grid{
    grid-template-columns:repeat(4,1fr);
  }
}

@media(max-width:650px){
  .partners-hero{
    padding: 130px 7% 80px;
    background-attachment: scroll;
  }

  .logos-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .partner-card{
    padding:34px;
    border-radius:30px;
  }
.partners-hero {
    background:
      radial-gradient(circle at 15% 20%, rgba(255,61,127,.22), transparent 28%),
      linear-gradient(rgba(5,2,20,.45), rgba(5,2,20,.98)),
      url("images/partmobile.png") center/cover no-repeat;
  }
}