/* --- Değişkenler ve Temel Ayarlar --- */
:root {
  --primary: #FF6F00;
  --secondary: #212121;
  --accent: #FFB300;
  --bg: #111122;
  --text: #F5F5F5;
  --muted: #9E9E9E;
  --card-bg: #1A1A1A;
  --card-border: rgba(255, 255, 255, .1);
}

body {
  background-color: var(--bg);
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Başlık Renklerini Tema ile Uyumlu Hale Getirme */
h1, h2, h3, h4, h5, h6 {
  color: var(--text);
}

/* --- Genel Bileşen Stilleri --- */
.navbar {
  background: rgba(17, 17, 17, 0.7);
  backdrop-filter: blur(10px);
}

.navbar-brand { color: var(--text); }
.navbar-brand:hover { color: var(--primary); }
.nav-link { color: var(--muted); }
.nav-link:hover, .nav-link:focus { color: var(--text); }

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #e66400; /* Primary'nin biraz koyusu */
  border-color: #e66400;
  filter: brightness(1.1);
}

.btn-outline-light:hover {
  color: var(--bg);
}

.card {
  background-color: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 0.5rem;
}

.form-control {
    background-color: #2a2a2a;
    border-color: var(--card-border);
    color: var(--text);
}
.form-control:focus {
    background-color: #2a2a2a;
    border-color: var(--primary);
    box-shadow: 0 0 0 .25rem rgba(255, 111, 0, .25);
    color: var(--text);
}
.form-control::placeholder {
    color: var(--muted);
}

.section-muted {
  background-color: rgba(255, 255, 255, .02);
  border-top: 1px solid var(--card-border);
  border-bottom: 1px solid var(--card-border);
}

.footer {
  border-top: 1px solid var(--card-border);
}

.link-muted {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s ease;
}
.link-muted:hover {
  color: var(--text);
}

/* --- Bölüm Stilleri --- */

/* Hero Alanı */
.hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--card-border);
  background: radial-gradient(circle at 10% 20%, rgba(255, 111, 0, 0.1), transparent 40%);
}

.hero-blob {
  position: absolute;
  top: -50%;
  right: -20%;
  width: 60vw;
  height: 60vw;
  background: conic-gradient(from 180deg, var(--primary), var(--accent), var(--primary));
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.15;
  pointer-events: none;
}

.hero-underline {
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-decoration-thickness: 3px;
}

.badge-soft {
  background: rgba(255, 255, 255, .08);
  border: 1px solid var(--card-border);
  color: var(--text);
}

/* Özellikler Bölümü */
.feature-icon {
  display: inline-flex;
  padding: 1rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, .04);
  border: 1px solid var(--card-border);
}


/* --- Medya Sorguları (Mobil-Öncelikli) --- */

/* Tablet ve üstü (≥768px) */
@media (min-width: 768px) {
  .hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

/* Masaüstü ve üstü (≥992px) */
@media (min-width: 992px) {
  .hero {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}