/* === KOOPERACJA DARK GRADIENT === */
.coop-dark{
  padding: clamp(60px, 8vw, 120px) clamp(16px, 5vw, 40px);
  background: linear-gradient(135deg, #0d111a 0%, #111827 50%, #0b0f16 100%);
  color: #eaf0ff;
}

.coop-dark-inner{ max-width: 1180px; margin: 0 auto; }

.coop-dark-head{ text-align: center; }
.coop-dark-head .eyebrow{
  display:block;
  color: #18b8ff;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.coop-dark-head h2{
  margin: 0 0 14px;
  font-size: clamp(28px, 4.5vw, 44px);
  background: linear-gradient(90deg, #18b8ff, #7a5cff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.coop-dark-head .lead{
  margin: 0 auto;
  max-width: 72ch;
  color: #c0cbe0;
  font-size: 1.1rem;
}

.coop-dark-grid{
  display: grid;
  gap: clamp(22px, 3vw, 36px);
  margin-top: clamp(32px, 5vw, 56px);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}

.coop-dark-card{
  background: linear-gradient(160deg, rgba(30,40,60,.8), rgba(15,20,35,.9));
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  padding: clamp(20px, 2.5vw, 28px);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}
.coop-dark-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 28px 60px rgba(0,0,0,.45);
  border-color: rgba(24,184,255,.25);
}

.coop-dark-icon{
  font-size: 2.5rem;
  margin-bottom: 14px;
  background: linear-gradient(120deg, #18b8ff, #7a5cff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}



.coop-dark-card h3{
  margin: 0 0 10px;
  font-size: 1.3rem;
  color: #fff;
}
.coop-dark-card p{
  margin: 0;
  color: #c0cbe0;
  line-height: 1.6;
}

.coop-dark-cta{ text-align: center; margin-top: 42px; }
.coop-dark-cta .button{
  display:inline-block;
  background: linear-gradient(90deg, #18b8ff, #7a5cff);
  color:#fff;
  font-weight:700;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 10px 26px rgba(0,0,0,.4);
  transition: transform .2s ease, box-shadow .2s ease;
}
.coop-dark-cta .button:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,.5);
}