.ns-team-zasady{
  --ns-text:#eef4ff;
  --ns-muted:#a9b8d8;
  --ns-primary:#42c6ff;
  --ns-primary-2:#6a5cff;
  --ns-line:rgba(120,170,255,.18);
  --ns-glow:0 0 24px rgba(66,198,255,.10), 0 16px 40px rgba(0,0,0,.34);
  color:var(--ns-text);
  padding:28px 16px;
  position:relative;
}
.ns-team-zasady *{box-sizing:border-box}
.ns-team-zasady__wrap{
  max-width:1240px;
  margin:0 auto;
  position:relative;
}
.ns-team-zasady__wrap:before,
.ns-team-zasady__wrap:after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  filter:blur(54px);
  pointer-events:none;
  opacity:.42;
  z-index:0;
}
.ns-team-zasady__wrap:before{
  left:-50px;
  top:-50px;
  background:rgba(0,217,255,.14);
}
.ns-team-zasady__wrap:after{
  right:-50px;
  bottom:-50px;
  background:rgba(152,68,255,.14);
}

.ns-team-zasady__hero,
.ns-team-zasady__card{
  position:relative;
  z-index:1;
}

.ns-team-zasady__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:22px;
  align-items:stretch;
  margin-bottom:22px;
}

.ns-team-zasady__intro,
.ns-team-zasady__image,
.ns-team-zasady__card{
  min-width:0;
  background:linear-gradient(180deg, rgba(14,21,54,.94), rgba(8,13,34,.96));
  border:1px solid var(--ns-line);
  border-radius:24px;
  box-shadow:var(--ns-glow);
  backdrop-filter:blur(8px);
}

.ns-team-zasady__intro{
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  overflow:hidden;
  min-height:100%;
}
.ns-team-zasady__intro:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(66,198,255,.12), transparent 36%),
    radial-gradient(circle at 85% 20%, rgba(106,92,255,.18), transparent 26%);
  pointer-events:none;
}
.ns-team-zasady h2{
  font-size:clamp(36px,4.2vw,56px);
  line-height:1.02;
  margin:0 0 18px;
  color:#fff;
  text-shadow:0 0 18px rgba(66,198,255,.14);
  position:relative;
  z-index:1;
}
.ns-team-zasady__intro p{
  margin:0;
  font-size:19px;
  line-height:1.72;
  color:var(--ns-muted);
  position:relative;
  z-index:1;
  max-width:720px;
}
.ns-team-zasady__image{
  overflow:hidden;
  aspect-ratio:16 / 9;
  width:100%;
  min-height:100%;
  position:relative;
}
.ns-team-zasady__image:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(4,10,29,.05), rgba(3,9,26,.18)),
    linear-gradient(135deg, rgba(0,240,255,.12), transparent 32%, transparent 64%, rgba(106,92,255,.10));
  z-index:1;
  pointer-events:none;
}
.ns-team-zasady__image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.05) contrast(1.03);
}

.ns-team-zasady__card{
  padding:28px;
  margin-bottom:22px;
}
.ns-team-zasady__card:last-child{ margin-bottom:0; }
.ns-team-zasady__card h3{
  margin:0 0 22px;
  font-size:30px;
  line-height:1.05;
  color:#fff;
}

.ns-team-zasady__list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 18px;
}
.ns-team-zasady__item{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:12px;
  align-items:start;
  padding:14px;
  min-height:94px;
  border:1px solid rgba(108,162,255,.18);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(14,24,58,.84), rgba(10,16,40,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 0 18px rgba(72,114,255,.07);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ns-team-zasady__item:hover{
  transform:translateY(-2px);
  border-color:rgba(74,205,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 22px rgba(66,198,255,.12);
}
.ns-team-zasady__num{
  width:42px;
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, var(--ns-primary), var(--ns-primary-2));
  color:#fff;
  font-size:17px;
  font-weight:800;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 18px rgba(66,198,255,.28);
}
.ns-team-zasady__text{
  font-size:15px;
  line-height:1.45;
  color:#edf4ff;
}

.ns-team-zasady__docs{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}
.ns-team-zasady__doc{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  text-decoration:none;
  color:var(--ns-text);
  padding:16px 18px;
  border:1px solid rgba(108,162,255,.18);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(14,24,58,.84), rgba(10,16,40,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 0 18px rgba(72,114,255,.07);
  transition:.18s ease;
}
.ns-team-zasady__doc:hover{
  transform:translateY(-2px);
  border-color:rgba(74,205,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 0 24px rgba(66,198,255,.14);
}
.ns-team-zasady__doc span{
  font-size:17px;
  font-weight:700;
  color:#fff;
}
.ns-team-zasady__doc strong{
  color:#9de9ff;
  white-space:nowrap;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

@media (max-width: 1180px){
  .ns-team-zasady__docs{
    grid-template-columns:1fr;
  }
}
@media (max-width: 980px){
  .ns-team-zasady__hero{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .ns-team-zasady{
    padding:18px 10px;
  }
  .ns-team-zasady__intro,
  .ns-team-zasady__card{
    padding:20px;
    border-radius:20px;
  }
  .ns-team-zasady__card h3{
    font-size:24px;
  }
  .ns-team-zasady__list,
  .ns-team-zasady__docs{
    grid-template-columns:1fr;
  }
  .ns-team-zasady__item{
    min-height:auto;
    grid-template-columns:48px 1fr;
  }
  .ns-team-zasady__num{
    width:40px;
    height:40px;
    font-size:16px;
    border-radius:12px;
  }
  .ns-team-zasady__text,
  .ns-team-zasady__doc span{
    font-size:15px;
  }
  .ns-team-zasady__doc{
    grid-template-columns:1fr;
    gap:8px;
    align-items:flex-start;
    padding:14px 16px;
  }
  .ns-team-zasady__doc strong{
    white-space:normal;
  }
}