:root {
    --bg: #0b1220;
    --text: #eaf0ff;
    --muted: #9fb0d0;
    --line: rgba(255,255,255,.08);
    --primary: #6ea8fe;
    --primary2: #3b82f6;
    --shadow: 0 30px 80px rgba(0,0,0,.35);
}

.ai-body {
    background: radial-gradient(1200px 600px at 20% 0%, rgba(110,168,254,.18), transparent 60%), var(--bg);
    color: var(--text);
}

/* Header / Navbar */
.ai-header {
    position: sticky;
    top: 0;
    z-index: 50;
    backdrop-filter: blur(10px);
    background: rgba(11,18,32,.72);
    border-bottom: 1px solid var(--line);
}

.ai-nav {
    padding: 14px 0;
}

.ai-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.ai-logo {
    height: 44px;
    width: auto;
    display: block;
    filter: drop-shadow(0 10px 25px rgba(110,168,254,.18));
}

/* Bootstrap toggler icon (dark theme'de görünür olsun) */
.ai-toggler {
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 8px 10px;
}

    .ai-toggler:focus {
        box-shadow: 0 0 0 4px rgba(110,168,254,.12);
    }

    .ai-toggler .navbar-toggler-icon {
        filter: invert(1);
        opacity: .9;
    }

/* Menu links */
.ai-menu {
    gap: 8px;
}

.ai-link {
    display: inline-flex;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    color: rgba(234,240,255,.85);
    text-decoration: none;
    font-weight: 750;
    letter-spacing: .6px;
    border: 1px solid transparent;
    transition: .15s ease;
}

    .ai-link:hover {
        color: var(--text);
        background: rgba(255,255,255,.03);
        border-color: rgba(110,168,254,.25);
        transform: translateY(-1px);
    }

.active-first {
    color: var(--text) !important;
    border-color: rgba(110,168,254,.35) !important;
    background: linear-gradient(180deg, rgba(110,168,254,.14), rgba(255,255,255,.02)) !important;
}

/* Main container */
.ai-main {
    padding-top: 18px;
}

/* Footer */
.ai-footer {
    margin-top: 40px;
    padding: 26px 0;
    border-top: 1px solid var(--line);
    background: rgba(11,18,32,.85);
}

.ai-social {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.ai-social-link {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    border: 1px solid var(--line);
    background: rgba(255,255,255,.03);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(234,240,255,.85);
    text-decoration: none;
    transition: .15s ease;
}

    .ai-social-link i {
        font-size: 18px;
        color: rgba(110,168,254,.95);
    }

    .ai-social-link:hover {
        transform: translateY(-2px);
        border-color: rgba(110,168,254,.35);
        box-shadow: 0 20px 50px rgba(0,0,0,.25);
    }

.ai-foot-title {
    font-weight: 900;
    letter-spacing: .2px;
    margin-bottom: 6px;
}

.ai-foot-sub {
    color: rgba(159,176,208,.85);
    font-size: 13px;
}
/* =========================
   ALTUGINVEST DARK THEME
   (Layout'a class eklemeden çalışır)
   ========================= */

:root{
  --bg:#0b1220;
  --text:#eaf0ff;
  --muted:#9fb0d0;
  --line: rgba(255,255,255,.08);
  --primary:#6ea8fe;
  --primary2:#3b82f6;
}

/* Genel arkaplan + yazı */
html, body{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(110,168,254,.18), transparent 60%), var(--bg) !important;
  color: var(--text) !important;
}

/* Container içindeki beyazlığı kır (bootstrap default) */
.container{
  color: var(--text);
}

/* HEADER / NAVBAR (senin layout'taki class'lara göre) */
header.main-header{
  position: sticky;
  top: 0;
  z-index: 50;
  backdrop-filter: blur(10px);
  background: rgba(11,18,32,.72) !important;
  border-bottom: 1px solid var(--line);
}

header .navbar{
  padding: 14px 0;
}

/* Logo */
.navbar-logo {
    height: 70px;
    width: auto;
}

/* Toggler (mobil menü butonu) */
.navbar-toggler{
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 8px 10px !important;
}
.navbar-toggler:focus{
  box-shadow: 0 0 0 4px rgba(110,168,254,.12) !important;
}
.navbar-toggler .navbar-toggler-icon{
  filter: invert(1);
  opacity: .9;
}

/* Menü linkleri (senin ul class'ın: navbar-nav ms-auto text-uppercase f1) */
/* Senin linklerin <a> taginde direkt, .nav-link değil. O yüzden direkt yakalıyoruz */
header .navbar-nav a{
  display:inline-flex;
  align-items:center;
  padding: 10px 12px;
  border-radius: 12px;
  color: rgba(234,240,255,.85) !important;
  text-decoration:none !important;
  font-weight: 750;
  letter-spacing: .6px;
  border: 1px solid transparent;
  transition: .15s ease;
}

header .navbar-nav a:hover{
  color: var(--text) !important;
  background: rgba(255,255,255,.03);
  border-color: rgba(110,168,254,.25);
  transform: translateY(-1px);
}

/* İlk active link senin: active active-first gibi */
header .navbar-nav a.active-first,
header .navbar-nav a.active{
  color: var(--text) !important;
  border-color: rgba(110,168,254,.35) !important;
  background: linear-gradient(180deg, rgba(110,168,254,.14), rgba(255,255,255,.02)) !important;
}

/* MAIN alan */
main{
  color: var(--text);
}

/* FOOTER (senin footer bg-dark text-light) */
footer.bg-dark{
  background: rgba(11,18,32,.85) !important;
  border-top: 1px solid var(--line);
}
footer.bg-dark .text-light,
footer.bg-dark a,
footer.bg-dark p,
footer.bg-dark small{
  color: rgba(234,240,255,.85) !important;
}

/* Footer sosyal ikonlar */
footer.bg-dark a{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:.15s ease;
}

footer.bg-dark a i{
  font-size: 18px;
  color: rgba(110,168,254,.95);
}

footer.bg-dark a:hover{
  transform: translateY(-2px);
  border-color: rgba(110,168,254,.35);
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}

/* Bootstrap primary butonları da tema ile uyumlu olsun */
.btn-primary{
  background: linear-gradient(180deg, rgba(110,168,254,.95), rgba(59,130,246,.85)) !important;
  border-color: rgba(110,168,254,.55) !important;
}
.btn-outline-primary{
  border-color: rgba(110,168,254,.55) !important;
  color: rgba(110,168,254,.95) !important;
}
.btn-outline-primary:hover{
  background: rgba(110,168,254,.12) !important;
  color: var(--text) !important;
}