/* ==========================================================================
   1. Genel Sayfa Sıfırlama ve Font Ayarları
   ========================================================================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
}

/* ==========================================================================
   2. Ana Navbar Konteyneri (Ultra Koyu & Premium)
   ========================================================================== */
.navbar {
  position: relative; /* İçindeki mutlak ortalamayı (absolute) sabitlemek için ŞART */
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #070b19 0%, #03050c 100%); /* Derin premium siyah/lacivert */
  padding: 22px 50px; 
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), 
              0 1px 0px rgba(255, 255, 255, 0.03) inset;
  border-bottom: 1px solid #0e1326;
  backdrop-filter: blur(10px);
  min-height: 80px; /* Navbar yüksekliğini sabitleyelim */
}

/* ==========================================================================
   3. Sol Taraf (Logo)
   ========================================================================== */
.navbar-logo {
  position: relative;
  z-index: 10; /* Yazıların altında kalmasın */
}

.navbar-logo a {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  background: linear-gradient(45deg, #ffffff 60%, #a2a8d3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.navbar-logo a span {
  color: #4cc9f0;
  -webkit-text-fill-color: #4cc9f0;
}

/* ==========================================================================
   4. Orta Taraf (EKRANIN TAM MATEMATİKSEL MERKEZİ)
   ========================================================================== */
.navbar-links {
  display: flex;
  list-style: none;
  
  /* İşte sihirli nokta: Sağda buton olmasa bile menüyü ekranın X ekseninde tam sıfıra oturtur */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

/* Linklerin arasındaki mesafe */
.navbar-links li {
  margin-right: 45px; 
}

.navbar-links li:last-child {
  margin-right: 0;
}

.navbar-links a {
  font-size: 14px;
  font-weight: 600;
  color: #94a3b8; /* Mat platin platin gri */
  text-decoration: none;
  letter-spacing: 1.5px; 
  text-transform: uppercase;
  position: relative;
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   5. Premium Hover Efekti (Ortadan Dışa Açılan Çizgi)
   ========================================================================== */
.navbar-links a::after {
  content: '';
  position: center;
  width: 0;
  height: 2px;
  bottom: -8px;
  left: 50%;
  background: linear-gradient(90deg, #4cc9f0, #4361ee);
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-links a:hover {
  color: #ffffff;
}

.navbar-links a:hover::after {
  width: 100%; 
  left: 0; 
}