/* ===== Nəticələrimiz — qəbul nəticələri səhifəsi ===== */

/* ---- Stat zolağı ---- */
.nt-stats-panel { padding: clamp(36px, 5vw, 56px) var(--panel-pad); }
.nt-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 28px;
}
.nt-stat { text-align: center; position: relative; }
.nt-stat:not(:last-child)::after {
  content: '';
  position: absolute; right: -14px; top: 12%; height: 76%;
  width: 1px; background: rgba(26, 26, 77, 0.10);
}
.nt-stat-num {
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: clamp(2.2rem, 4.2vw, 3.2rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  /* 4 rəqəm boyu uzanan VAHID brand qradienti (hər rəqəm öz dilimini göstərir) */
  background: var(--brand-gradient);
  background-size: 400% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.nt-stat:nth-child(1) .nt-stat-num { background-position: 0% 0; }
.nt-stat:nth-child(2) .nt-stat-num { background-position: 33.33% 0; }
.nt-stat:nth-child(3) .nt-stat-num { background-position: 66.66% 0; }
.nt-stat:nth-child(4) .nt-stat-num { background-position: 100% 0; }
.nt-stat-label { margin-top: 10px; color: rgba(26, 26, 77, 0.6); font-size: 0.95rem; }

/* ---- Qalereya başlığı + filtrlər ---- */
.nt-gallery-panel { padding: clamp(40px, 5vw, 56px) var(--panel-pad) clamp(44px, 5vw, 60px); }
.nt-gallery-head { text-align: center; margin-bottom: 14px; }
.nt-gallery-head h2 {
  margin: 0 0 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1.9rem, 3.6vw, 2.7rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  color: var(--ink);
}
.nt-gallery-head p { margin: 0 auto; color: var(--mute); font-size: 1.02rem; max-width: 560px; }

.nt-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 28px 0 38px;
}
.nt-chip {
  border: 1.5px solid rgba(26, 26, 77, 0.14);
  background: #ffffff;
  color: rgba(26, 26, 77, 0.7);
  font-size: 0.9rem;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
}
.nt-chip:hover { border-color: #5B4FCF; color: #5B4FCF; }
.nt-chip.active {
  background: var(--brand-gradient);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 8px 22px rgba(124, 58, 237, 0.32);
}

/* ---- Tələbə kartları grid ---- */
.nt-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);   /* bir cərgədə 4 profil */
  gap: 22px;
  max-width: 1080px;                        /* kartlar daha kiçik + mərkəzdə */
  margin: 0 auto;
}
.nt-card {
  text-align: left;
  border: none;
  background: #ffffff;
  border-radius: var(--r-2xl, 24px);
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  box-shadow: 0 8px 24px rgba(26, 26, 77, 0.08);
  transition: transform 0.22s var(--ease-out, ease), box-shadow 0.22s ease;
  display: flex;
  flex-direction: column;
  font-family: inherit;
}
.nt-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(26, 26, 77, 0.16); }
.nt-card-photo { position: relative; aspect-ratio: 1 / 1.1; background: #eceae3; overflow: hidden; }
.nt-card-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s var(--ease-out, ease); }
.nt-card:hover .nt-card-photo img { transform: scale(1.05); }
.nt-card-flag {
  position: absolute; left: 10px; top: 10px;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
  color: #1A1A4D;
  font-size: 0.68rem; font-weight: 700;
  padding: 4px 9px; border-radius: 999px;
  box-shadow: 0 4px 12px rgba(26, 26, 77, 0.14);
}
.nt-card-body { padding: 13px 14px 16px; flex: 1; }
.nt-card-name {
  margin: 0 0 3px;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 1rem; font-weight: 700; color: #1A1A4D; line-height: 1.14;
}
.nt-card-program { margin: 0 0 8px; color: #5B4FCF; font-weight: 600; font-size: 0.82rem; }
.nt-card-uni {
  display: flex; align-items: flex-start; gap: 5px;
  margin: 0; color: rgba(26, 26, 77, 0.6); font-size: 0.78rem; line-height: 1.3;
}
.nt-card-uni svg { width: 14px; height: 14px; flex-shrink: 0; margin-top: 1px; opacity: 0.75; }

.nt-empty { text-align: center; color: var(--mute); padding: 40px 0; font-size: 1rem; }

/* ---- Modal (tələbə hekayəsi) ---- */
.nt-modal {
  position: fixed; inset: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  opacity: 0; pointer-events: none;
  transition: opacity 0.25s ease;
}
.nt-modal.open { opacity: 1; pointer-events: auto; }
.nt-modal-backdrop { position: absolute; inset: 0; background: rgba(20, 18, 50, 0.55); backdrop-filter: blur(3px); }
.nt-modal-card {
  position: relative;
  display: grid;
  grid-template-columns: 300px 1fr;
  max-width: 760px; width: 100%;
  background: #fbfaf7;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 40px 90px rgba(20, 18, 50, 0.4);
  transform: translateY(16px) scale(0.98);
  transition: transform 0.28s var(--ease-out, ease);
}
.nt-modal.open .nt-modal-card { transform: translateY(0) scale(1); }
.nt-modal-photo { background: #eceae3; }
.nt-modal-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nt-modal-info { padding: 36px 36px 40px; }
.nt-modal-info h3 {
  margin: 0 0 6px;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 1.7rem; font-weight: 700; color: #1A1A4D; line-height: 1.1;
}
.nt-m-program { margin: 0 0 12px; color: #5B4FCF; font-weight: 600; font-size: 1.02rem; }
.nt-m-uni {
  display: flex; align-items: center; gap: 7px;
  margin: 0 0 20px; color: rgba(26, 26, 77, 0.6); font-size: 0.92rem;
}
.nt-m-uni svg { width: 17px; height: 17px; flex-shrink: 0; opacity: 0.75; }
.nt-m-quote {
  margin: 0 0 22px; padding: 0 0 0 18px;
  border-left: 3px solid #5B4FCF;
  color: rgba(26, 26, 77, 0.82); font-size: 1rem; line-height: 1.7; font-style: italic;
}
.nt-m-email {
  display: inline-flex; align-items: center; gap: 9px;
  color: rgba(26, 26, 77, 0.7); font-size: 0.92rem; text-decoration: none;
  transition: color 0.2s ease;
}
.nt-m-email:hover { color: #5B4FCF; }
.nt-m-email svg { width: 18px; height: 18px; }

/* ---- E-poçt kopyalama düyməsi (boz → hover-də qradient) ---- */
.nt-m-email-row { display: inline-flex; align-items: center; gap: 10px; }
.email-copy {
  flex-shrink: 0;
  width: 16px; height: 16px;
  border: none; padding: 0; cursor: pointer;
  background-color: #9aa0ad;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.15s ease;
}
.email-copy:hover { background: var(--brand-gradient); transform: translateY(-1px); }
.email-copy.copied {
  background: var(--brand-gradient);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.nt-modal-close {
  position: absolute; right: 16px; top: 14px; z-index: 2;
  width: 38px; height: 38px; border-radius: 50%;
  border: none; background: rgba(255, 255, 255, 0.85);
  color: #1A1A4D; font-size: 1.5rem; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 14px rgba(26, 26, 77, 0.18);
  transition: background 0.2s ease, transform 0.2s ease;
}
.nt-modal-close:hover { background: #fff; transform: rotate(90deg); }

/* ---- CTA ---- */
.nt-cta-btn {
  display: inline-flex; align-items: center; gap: 9px;
  margin-top: 26px;
  background: #5B4FCF; color: #fff;
  font-weight: 700; font-size: 1rem;
  padding: 15px 30px; border-radius: 999px; text-decoration: none;
  box-shadow: 0 14px 34px rgba(91, 79, 207, 0.34);
  transition: transform 0.2s ease, filter 0.2s ease;
  position: relative; z-index: 2;
}
.nt-cta-btn:hover { transform: translateY(-2px); filter: brightness(1.07); }

/* ===== Responsive ===== */
@media (max-width: 1040px) {
  .nt-grid { grid-template-columns: repeat(3, 1fr); max-width: 720px; }
}
@media (max-width: 760px) {
  .nt-stats { grid-template-columns: repeat(2, 1fr); gap: 28px 16px; }
  .nt-stat:nth-child(2)::after { display: none; }
  .nt-modal-card { grid-template-columns: 1fr; max-width: 420px; }
  .nt-modal-photo { aspect-ratio: 16 / 11; }
  .nt-modal-info { padding: 26px 26px 32px; }
}
@media (max-width: 680px) {
  .nt-grid { grid-template-columns: repeat(2, 1fr); max-width: 440px; gap: 16px; }
}
@media (max-width: 560px) {
  .nt-stat::after { display: none !important; }
}