:root{
      --primary:#0d47a1;   /* Giriş Yap butonu */
      --hover:#0d6efd;     /* Menü hover */
      --topbar:#f7f9fb;    /* Üst bilgi barı */
    }
    body{font-family:'Poppins',sans-serif;}
    .topbar{background:var(--topbar); border-bottom:1px solid #eef1f4; font-size:.85rem}
    .navbar{padding-block:.7rem;}
    
    .nav-link{
    	font-size: 14px;
    	font-weight:400;
    }

    .nav-link i{
    	font-size: 16px;
    	margin-right:.4rem;


    }

    .login-btn{
  background: var(--primary);
  color:#fff !important;
  --bs-btn-bg: var(--primary);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-color:#fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
}
.login-btn:hover{ background: var(--primary) !important; color:#fff !important; }


    .nav-link:hover{color:var(--hover)!important;}
    .login-btn{
      background:var(--primary); 
      color:#fff!important; 
      border-radius:.6rem;
      padding:.5rem 1rem; 
      font-weight:500;
      font-size: 13px;
    }
    .login-btn:hover{opacity:.95;}
    /* Menü ortalama (lg ve üstü) */
    @media (min-width:1000px){
      .navbar-center{position:absolute; left:50%; transform:translateX(-50%);}
    }
    .logo-img{height:32px;}

    /* Header altı çizgi */
.header-divider{
  height:1px;
  background: rgba(217,217,217,0.05); /* %5 şeffaf gri */
}

/* Hero */
.hero .eyebrow{ 
  font-size:27px; 
  color:#000000; 
  font-weight: 300;

}

.hero .text-primary{ 
  color:#0F49B0 !important; 
  font-size: 32px;
  font-weight: 600;

} 

.hero .lead{ 
  color:#1E1E1E !important; 
  font-size: 13px;
  font-weight: 200 !important;
  text-align: justify;

}           

.badge-pill{
  color:#2043a8;
  border:1px solid rgba(31,79,215,.12);
  border-radius:999px;
  font-weight:500;
  font-size:.9rem;
}

/* Görsel kutu */
.hero-visual{
  max-width:540px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.hero-visual img{
  width:100%; height:auto; display:block;
}

/* Slider okları (orta, yuvarlak, gri çerçeve) */
.nav-dot{
  width:36px; height:28px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:6px;
  display:inline-flex; align-items:center; justify-content:center;
  line-height:1; padding:0; cursor:pointer;
}
.nav-dot i{ font-size:18px; }
.nav-dot:hover{ background:#f9fafb; }

:root{
  --brand-dark:#111827;   /* sol buton koyu */
  --brand-blue:#1f4fd7;   /* sağ buton mavi */
}

/* Ortak hero buton stili (fontu zorlar) */
.btn-hero{
  font-family:'Poppins', sans-serif !important;
  font-weight:400 !important;
  font-size:14px !important;
  border-radius:10px !important;
  padding:.65rem 1rem !important;
  letter-spacing:.1px;
  display:inline-flex; align-items:center; gap:.5rem;
}
.btn-hero i{font-size:1rem}

/* Sol: koyu dolu */
.btn-hero.btn-dark{
  background:var(--brand-dark) !important;
  border-color:var(--brand-dark) !important;
  color:#fff !important;

  /* Bootstrap hover'ını kilitle */
  --bs-btn-bg: var(--brand-dark);
  --bs-btn-hover-bg: var(--brand-dark);
  --bs-btn-color:#fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-border-color: var(--brand-dark);
  --bs-btn-hover-border-color: var(--brand-dark);
}

/* Sağ: mavi dolu (soldaki gibi) */
.btn-hero-alt{
  background:var(--brand-blue) !important;
  border-color:var(--brand-blue) !important;
  color:#fff !important;

  --bs-btn-bg: var(--brand-blue);
  --bs-btn-hover-bg: var(--brand-blue);
  --bs-btn-color:#fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-border-color: var(--brand-blue);
  --bs-btn-hover-border-color: var(--brand-blue);
}

 .journey-section{
      background:#f6f9fc; /* görseldeki çok açık gri-mavi */
    }
    .journey-title{
      color:#0F49B0;
      font-size: 24px;
    }
    .journey-desc{
      color:#000000; /* grimsi açıklama */
      max-width:700px;
      margin-left:auto; 
      margin-right:auto;
      font-size:.75rem;
    }

    /* Kartlar */
    .journey-card{
      background:#fff;
      font-size: 14px;
      text-align: justify;
      border:1px solid #e7ecf5;
      border-radius:14px;
      padding:24px;
      box-shadow:0 1px 0 rgba(0,0,0,.02);
    }

      .journey-card h5{
      font-size: 16px;
    }

    .journey-card-desc{
      font-size: 13px;
      text-align: justify;
    }

    /* Üstteki yuvarlak ikon rozeti */
    .icon-badge{
      width:44px; height:44px;
      border:1px solid #e7ecf5;
      border-radius:50%;
      display:inline-flex; align-items:center; justify-content:center;
      color:#2a56d6;
      background:#fff;
      font-size:18px;
    }

    /* Küçük mavi buton (hover rengi sabit) */
    .btn-journey{
      background:#1f4fd7 !important;
      color:#fff !important;
      border:1px solid #1f4fd7 !important;
      border-radius:4px; 
      padding:.5rem .9rem; 
      font-weight:400; 
      font-size:.8rem;
      --bs-btn-bg:#1f4fd7; --bs-btn-hover-bg:#1f4fd7;
      --bs-btn-color:#fff; --bs-btn-hover-color:#fff;
      --bs-btn-border-color:#1f4fd7; --bs-btn-hover-border-color:#1f4fd7;
    }

    /* Gauge (yarım halka) */
    .gauge-wrap{
      width:240px; height:120px; margin:0 auto; position:relative; overflow:hidden;
    }
    .gauge-ring{
      position:absolute; left:0; top:-120px; /* tam daireyi yukarı kaydır, sadece üst yarı kalsın */
      width:240px; height:240px; border-radius:50%;
      background: conic-gradient(#5b21ff 0 180deg, #ece9ff 0 360deg);
    }
    .gauge-hole{
      position:absolute; left:50%; bottom:-78px; transform:translateX(-50%);
      width:180px; height:180px; background:#fff; border-radius:50%;
      box-shadow:0 -1px 0 rgba(0,0,0,.04) inset;
    }

    /* Form-check yazıları küçült */
    .form-check-label.small{ font-size:.9rem; color:#374151; }

    /* Responsive ufak dokunuş */
    @media (max-width: 991.98px){
      .journey-title{ font-size:1.35rem; }
    }

    /* Kartları eşit yükseklik + butonu en alta it */
    .journey-section .col-lg-4,
    .journey-section .col-md-6 { display:flex; }            /* kolonlar esnesin */
    .journey-card{
      display:flex;
      flex-direction:column;                                  /* dikey akış */
      height:100%;                                            /* kart tam yüksekliği kullansın */
    }

    /* Son eleman (buton) alta sabitlensin, ortalansın */
    .journey-card > .btn-journey{
      margin-top:auto;                                        /* boşluğu üste it */
      align-self:center;                                      /* yatayda ortala */
    }

    /* Butonların görsel olarak aynı hat üzerinde görünmesi için alt iç boşluk */
    .journey-card{ padding-bottom:24px; }

    /* Tüm içerikleri yatayda ortala (dikkat: blokların genişliği daralabilir) */
    .journey-card{
      align-items: center;    /* flex ekseninde ortala */
      text-align: center;     /* metinleri ortala */
    }

    /* Yarım halka gauge — kalınlık ve renk değişkenleriyle kontrol */
.gauge-ring-wrap{
  --gauge-size: 220px;       /* toplam çap */
  --gauge-thickness: 24px;   /* halka kalınlığı */
  --gauge-main: #5b21ff;     /* mor */
  --gauge-bg: #ece9ff;       /* açık mor arka */
  width: var(--gauge-size);
  height: calc(var(--gauge-size) / 2);
  position: relative;
  overflow: hidden;          /* sadece üst yarıyı göster */
  margin: 12px auto 8px;
}

/* Dış halka (conic-gradient ile) */
.gauge-ring{
  position:absolute;
  left:50%;
  top:calc(-1 * var(--gauge-size) / 2);   /* daireyi yukarı it: sadece üst yarı kalsın */
  transform:translateX(-50%);
  width: var(--gauge-size);
  height: var(--gauge-size);
  border-radius:50%;
  background:
    /* arka halka */
    conic-gradient(var(--gauge-bg) 0 360deg);
}

/* İç delik — kalınlığı belirler */
.gauge-hole{
  position:absolute;
  left:50%;
  top:calc(-1 * var(--gauge-size) / 2 + var(--gauge-thickness));
  transform:translateX(-50%);
  width: calc(var(--gauge-size) - 2 * var(--gauge-thickness));
  height: calc(var(--gauge-size) - 2 * var(--gauge-thickness));
  border-radius:50%;
  background:#fff;           /* kart rengi */
  box-shadow: 0 -1px 0 rgba(0,0,0,.06) inset;
}

/* Tam dolu (üst yarım) mor şerit */
.gauge-ring::before{
  content:"";
  position:absolute; inset:0;
  border-radius:50%;
  background:
    conic-gradient(var(--gauge-main) 0 180deg, transparent 0 360deg);
  -webkit-mask:
    radial-gradient(closest-side, transparent calc(100% - var(--gauge-thickness)), #000 0);
          mask:
    radial-gradient(closest-side, transparent calc(100% - var(--gauge-thickness)), #000 0);
}

/* Mevcut gauge CSS'in yanına ekle */
.gauge-flip{
  transform: scaleY(-1);      /* dikey çevir */
}

.gauge-ring-wrap{ position: relative; }      /* konumlandırma için */

.gauge-ring{ z-index:0; }
.gauge-hole{ z-index:1; }

/* Metni yarım dairenin içinde, altta ve ortada göster */
.gauge-center{
  font-size: 10px;
  position: absolute;
  left: 50%;
  bottom: 16px;                 /* yazının dikey konumu (oynatmak için değiştir) */
  transform: translateX(-50%) scaleY(-1); 
  /* ebeveyn flip olduğu için metni tekrar düz çeviriyoruz ↑ */
  text-align: center;
  z-index: 2;                   /* delikten üstte dursun */
}

.gauge-center .fw-semibold{ font-weight:700; color:#111; }

.gauge-center{
  bottom:10px;
  transform: translate(-50%, -70px) scaleY(-1); /* 4px daha aşağı */
}

 .gauge-center-price{
  font-size: 14px;

 } 

  .ai-block{ background:#fff; }
  .ai-title{ font-weight:600; line-height:1.25; color:#12336d; font-size:1.7rem !important; }
  .ai-accent{ color:#12336d; }  /* koyu lacivert-mavi vurgu */
  .ai-desc{ color:#4b5563; max-width:560px; text-align:justify; }

  /* Buton (hero stilinle uyumlu) */
  .btn-hero{ display:inline-flex; align-items:center; gap:.4rem; border-radius:10px; padding:.6rem 1rem; font-weight:600; }
  .btn-hero-primary{
    background:#1f4fd7 !important; color:#fff !important; border:1px solid #1f4fd7 !important;
    --bs-btn-bg:#1f4fd7; --bs-btn-hover-bg:#1f4fd7; --bs-btn-color:#fff; --bs-btn-hover-color:#fff;
    --bs-btn-border-color:#1f4fd7; --bs-btn-hover-border-color:#1f4fd7;
  }

  /* Görsel kutu */
  .ai-image-wrap{
    max-width:520px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
  }
  .ai-image{ display:block; width:100%; height:auto; }

  /* Responsive başlık boyutu */
  @media (min-width:992px){
    .ai-title{ font-size:2rem; }
}

/* Başlık satırı */
.grants-icon{
  width:34px; height:34px; border-radius:50%;
  border:1px solid #e6ecf4; display:inline-flex; align-items:center; justify-content:center;
  color:#2a56d6; background:#fff; margin-top:.15rem;
}
.view-all{ color:#6b7280; text-decoration:none; }
.view-all:hover{ text-decoration:underline; }

/* Kart */
.grant-card{
  border:0px; border-radius:12px; background:#fff; text-decoration:none;
  color:inherit; overflow:hidden; transition:transform .15s ease, box-shadow .0s ease;
}
.grant-card:hover{
  transform:translateY(-2px);
  box-shadow:0 0px 20px rgba(0,0,0,.06);
}
.grant-card .thumb{
  aspect-ratio: 16/6; background:#f3f4f6; overflow:hidden;
}
.grant-card .thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .4s ease;
}
.grant-card:hover .thumb img{ transform:scale(1.03); }

/* Çok satırlı başlık/özet kırpma */
.line-clamp-2{
  font-size: 13px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.line-clamp-3{
  font-size: 11px;
  color: #000 !important;
  font-weight: 400 !important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* Bölümün genel zemin rengi */
.grants-section{
  background:#F9FCFF;             /* açık gri/mavi */
  padding-top:2.25rem;
  padding-bottom:2.25rem;
}

.grants-section h5{
  font-size: 18px;
  color: #022C44;            
}

.grants-section .small{
  font-size: 13px;
  color: #000000;            
}



/* Kart çerçevesi ve arka plan */
.grant-card{
  background:#fff;
  border:1px solid #dde3ee;       /* belirgin ince çizgi */
  border-radius:12px;
  box-shadow:none;
}
.grant-card:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(17,24,39,.06);
  border-color:#d3dbea;           /* hafif koyulaşsın */
}

/* Kapak görsel oranı: daha yatay (daha kısa) */
.grant-card .thumb{
  aspect-ratio: 16 / 7;           /* 16:9 yerine 16:7 – daha basık */
  /* destek olmayan tarayıcılar için güvenlik ağı */
  height: auto;
  max-height: 140px;              /* istersen ayarla: 120–160px arası iyi */
  overflow:hidden;
  border-bottom:1px solid #f0f3f8; /* görsel ile içerik arasında çizgi */
}
.grant-card .thumb img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
}

/* Başlık ve açıklama aralıkları */
.grant-card h6{ margin-bottom:.4rem; }
.grant-card p{ margin-bottom:.75rem; }

  /* Hover animasyonlarını kapat */
.grant-card{ transition:none !important; }
.grant-card:hover{
  transform:none !important;
  box-shadow:none !important;
  border-color:#dde3ee !important; /* aynı kalsın */
}

/* Görselin zoom efekti de kapatılsın */
.grant-card .thumb img{ transition:none !important; }
.grant-card:hover .thumb img{ transform:none !important; }

.footer {

}

.footer .sosyal {
    background-color: #F7F6F6;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .sosyal button {
    width: 48px;
    height: 48px;
    background-color: white;
    border-radius: 100px;
    margin: 10px;
    transition: 0.5s;
}

.footer .copyright {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 300;
}

.footer .copyright span {
    font-weight: 500;
}

.footer .footer-menu {
    padding-bottom: 30px;
}

.footer .footer-menu ul li {
    float: left;
    margin-right: 50px;
}

.footer .footer-menu ul li a {
    color: black;
    font-size: 14px;
    font-weight: 400px;
}

.footer .footer-menu .float-right li {
    float: right;
    margin-right: 0px;
    margin-left: 50px;
}

      /* — SAYFA HERO + LİSTE — */
      .grants-title{ 
        color:#12336d; 
        font-size: 25px;
      }

      .grants-desc {
        max-width:780px; 
        margin:0 auto; 
        color:#000;
        font-size: 13px;
      }

      /* Arama inputu (ikonlu) */
      .search-wrap{ position:relative; }
      .search-wrap i{
        position:absolute; 
        left:12px; 
        top:50%; 
        transform:translateY(-50%); 
        pointer-events:none;
        color:#9aa3af; 
        font-size:15px;
      }
      .search-input{
        padding-left:40px; 
        height:44px; 
        border-radius:10px;
        border:1px solid #e5e7eb; 
        background:#fff;
        font-size: 13px;
      }

      /* Select (sağdaki) – özel ok simgesi */
      .select-wrap{ position:relative; }
      .select-wrap .form-select{
        height:44px; 
        font-size: 13px;
        border-radius:10px; 
        border:1px solid #e5e7eb; 
        background:#fff;
        padding-right:40px;
        appearance:none; -webkit-appearance:none; -moz-appearance:none;
      }
      .select-wrap i{
        position:absolute; 
        right:12px; 
        top:50%; 
        transform:translateY(-50%);
        color:#6b7280; 
        pointer-events:none;
      }

      

      .grants-hero-list{
  max-width: 950px;      /* sabit genişlik yerine esnek sınır */
  margin-inline: auto;   /* yatayda ortala */
  padding-inline: 12px;  /* kenarlarda az boşluk (mobil için) */
}


      /* Liste elemanları */
      .grants-list{ }
      .grant-item{
        display:grid; 
        grid-template-columns:120px 1fr; 
        gap:18px; 
        align-items:start;
        padding:14px 0;
      }
      .thumb-skel{
        width:211px; height:142px; border-radius:8px;
        background:#e9edf3;
      }

      .grant-item .content h5{ 
        max-width:990px; 
        font-size: 20px;
        margin-left: 90px;
        color: #000 !important;
      }

      .grant-item .content p{ 
        max-width:990px; 
        font-size: 15px;
        margin-left: 90px;
        color: #000 !important;
      }

      .grant-item .meta{
        display:flex; 
        justify-content:space-between; 
        color:#6b7280; 
        font-size:.78rem;
        margin-left: 90px;
      }

      /* Ayırıcı çizgi */
      .grants-list hr{
        margin:12px 0; border:0; border-top:1px solid #e5e7eb;
      }

      /* Mobil düzen: resim üstte tam genişlik, içerikler alt alta */
      @media (max-width: 768px){
        .grant-item{
          display: grid;
          grid-template-columns: 1fr;   /* tek sütun */
          gap: 10px;
          padding: 16px 0;
        }
        .thumb-skel{
          width: 100%;
          height: auto;
          aspect-ratio: 16 / 9;         /* tam sığsın */
          margin: 0;                    /* yan boşluk yok */
        }
        .grant-item .content h5,
        .grant-item .content p,
        .grant-item .meta{
          margin-left: 0;               /* senin 90px’lik kaydırmayı sıfırla */
          max-width: 100%;
        }
        .grant-item .content h5{ font-size: 18px; }
        .grant-item .content p{ font-size: 14px; }
        .grant-item .meta{
          justify-content: flex-start;  /* sola hizalı */
          gap: 12px;                    /* iki bilgi arası boşluk */
          font-size: .85rem;
          flex-wrap: wrap;
        }
      }

      /* Daha dar ekranlar için biraz daha sıkı */
      @media (max-width: 576px){
        .grant-item{ gap: 8px; }
        .grant-item .content h5{ font-size: 17px; }
        .grant-item .content p{ font-size: 13px; }
      }

      a {
        text-decoration: none !important;
      }
      a:hover, a:focus {
        text-decoration: none !important;
      }

      /* Başta sadece ilk 6 öğe görünsün */
      .grants-list .grant-item { display: none; }
      .grants-list .grant-item.show { display: grid; }

      /* Devamını Gör butonu */
      .btn-loadmore{
        background:#1f4fd7; color:#fff; border:1px solid #1f4fd7;
        padding:.55rem 1rem; border-radius:8px; font-weight:600; font-size:.95rem;
      }
      .btn-loadmore:disabled{
        background:#eef0f2; color:#6b7280; border-color:#e3e6ea; cursor:not-allowed;
      }


      /* Masaüstü ölçülerinle uyumlu */
      .thumb{
        display:block;
        width:211px; height:142px; border-radius:8px; overflow:hidden; background:#e9edf3;
      }
      .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

      /* Mobil: üstte tam genişlik */
      @media (max-width:768px){
        .thumb{ width:100%; height:auto; aspect-ratio:16/9; }
      }

              /* Detay sayfası kapsayıcı (ortalanmış dar genişlik) */
        .support-container{
          max-width: 980px;
          margin: 0 auto;
          padding-inline: 16px;
        }

        /* Geri dön */
        .back-link{
          display:inline-flex; align-items:center; gap:6px;
          color:#111; text-decoration:none; font-size:.92rem; opacity:.8;
        }
        .back-link:hover{ opacity:1; }

        /* Başlık */
        .detail-title{
          margin:10px 0 6px;
          color:#12336d;
          font-weight:700;
          line-height:1.25;
          font-size: clamp(1.6rem, 2.6vw, 2rem);
        }

        /* Meta satırı */
        .detail-meta{
          color:#6b7280; font-size:.9rem; margin-bottom:22px;
        }
        .detail-meta .meta-sep{ margin:0 .5rem; color:#c6cbd3; }

        /* İçerik */
        .detail-content{
          color:#0b0b0b;
          font-size:13px;
          line-height:1.9;
          text-align: justify;
        }
        .detail-content p{ margin-bottom:18px; }

        /* Küçük ekran okunabilirlik */
        @media (max-width:576px){
          .detail-content{ font-size:14px; line-height:1.85; }
        }

        /* Sağ blok yazıları sağa yasla */
      .n2-right{
        text-align: right;
      }
      .n2-right .n2-desc{ margin-left: auto; margin-right: 0; }
      .n2-right .btn-nedir-ghost{ margin-left: auto; } /* buton da sağda dursun */

      /* Yatay taşmayı engelle */
      .nedir-two{
        background:#F5F7F9;
        overflow-x: hidden;   /* bu bölüm kaynaklı scroll'u kapat */
      }

      .nedir-two{
        background:#F5F7F9;     /* %0 şeffaflık, kenarlarda beyaz yok */
      }

      /* Görsel kutu */
      .n2-image-wrap{
        max-width:450px;
        border-radius:16px;
        overflow:hidden;
        box-shadow:0 10px 26px rgba(0,0,0,.08);
      }
      .n2-image{ display:block; width:100%; height:auto; }

      /* Metinler */
      .n2-title{
        color:#12336d;
        font-weight:700;
        line-height:1.25;
        font-size: clamp(1.4rem, 2.2vw, 1.5rem);
      }
      .n2-desc{
        color:#000;
        max-width:520px;
        margin-inline:auto;
        font-size:.85rem;
        text-align: justify;
      }

      /* İnce çerçeveli buton (sağda küçük kare ok) */
      .btn-nedir-ghost{
        display:inline-flex; align-items:center; gap:.6rem;
        border:1px solid #d7deea; border-radius:6px;
        padding:.45rem .6rem .45rem .7rem;
        font-weight:500; font-size:.9rem; text-decoration:none; color:#0f172a;
        background:#fff;
      }
      .btn-nedir-ghost .box{
        display:inline-flex; align-items:center; justify-content:center;
        width:26px; height:22px; border:1px solid #d7deea; border-radius:4px;
        line-height:1; font-weight:700;
      }
      .btn-nedir-ghost:hover{ background:#f8fafc; }

      /* Küçük ekran ayarı */
      @media (max-width: 992px){
        .n2-title{ margin-top:.25rem; }
      }

      .nedir-one{
      max-width: 1140px;      /* sayfanın genel eni */
      margin-inline: auto;
      padding-inline: 16px;
      }

      .n-title{
        font-weight:800; line-height:1.2; color:#022C44;
        font-size: clamp(1.6rem, 2.2vw, 2rem);
      }
      .n-desc { 
        color:#000; 
        max-width:520px; 
        font-size:.88rem;
        font-weight: 300;
        text-align:justify; 
      }

      /* Buton: ince çerçeveli, sağda küçük kare içinde » */
      .btn-nedir{
        display:inline-flex; align-items:center; gap:.6rem;
        border:1px solid #d7deea; border-radius:6px;
        padding:.45rem .6rem .45rem .7rem;
        font-weight:400; font-size:.9rem; text-decoration:none; color:#0f172a;
        background:#fff;
      }
      .btn-nedir .box{
        display:inline-flex; 
        align-items:center; 
        justify-content:center;
        width:26px; 
        height:22px; 
        border:1px solid #d7deea; 
        border-radius:4px;
        line-height:1; 
      }
      .btn-nedir:hover{ background:#f8fafc; }

      /* Görsel kutu */
      .n-image-wrap{ max-width:450px; border-radius:14px; overflow:hidden;
      }
      .n-image{ display:block; width:100%; height:auto; }

      /* Responsive ufak dokunuş */
      @media (max-width:992px){
        .n-title{ margin-top:.25rem; }
      }

        /* Kapsayıcıyı daralt ve ortala */
    .ig-container{
      max-width: 1140px;      /* sayfanın genel eni */
      margin-inline: auto;
      padding-inline: 16px;
    }

    /* Başlık ve alt metin */
    .ig-title{
      color:#12336d;
      font-weight: 700;
      line-height: 1.25;
      font-size: clamp(1.5rem, 2.4vw, 2rem);
    }
    .ig-sub{
      max-width: 820px;
      font-weight: 200;
      margin: 0 auto;
      color:#000;
      font-size: 0.83rem;
    }

    /* İnce ayırıcı: ortasında minik vurgu noktası */
    .ig-divider{
      height: 1px;
      background: linear-gradient(90deg, transparent, #dfe6ee, transparent);
      position: relative;
    }
    .ig-divider::after{
      content:"";
      position:absolute; left:50%; top:50%;
      width: 8px; height: 8px; border-radius: 50%;
      background:#dfe6ee;
      transform: translate(-50%, -50%);
    }

    /* Açıklama paneli (açık gri kutu) */
    .ig-panel{
      padding: 18px 20px;
      color:#0b0b0b;
      line-height: 1.9;
      font-size: 0.83rem;
    }
    .ig-panel p { 
      margin-bottom: 14px;
      text-align: justify; 
    }

    /* Mobil okunabilirlik */
    @media (max-width: 576px){
      .ig-sub{ font-size: .95rem; }
      .ig-panel{ font-size: .95rem; line-height: 1.8; }
    }

    /* Paneli tam ekran arka plan bandına oturt */
    .ig-band{ position: relative; }

    .ig-band::before{
      content:"";
      position:absolute;
      left:50%; transform:translateX(-50%);
      width:100vw;               /* ekranın tamamı */
      top:0; bottom:0;           /* band yüksekliği = içerik yüksekliği */
      background:#F5F7F9;       
      border-bottom:1px solid #e6ecf4;
      z-index:0;
    }

    /* Panel içerik üstte kalsın */
    .ig-panel{ position:relative; z-index:1; }

     /* Başlık alanı */
    .ft-title { 
      font-weight:700; 
      color:#000; 
      line-height:1.25; 
      font-size:clamp(1.6rem,2.2vw,1.5rem); 
    }
    .ft-blue{ color:#1f4fd7; }
    .ft-desc{ 
      max-width:760px; 
      margin:0 auto; 
      color:#000;
      font-size:14px; 
    }

    /* Gri bant (tam genişlik, kenarda beyaz kalmasın) */
    .ft-band{
      background:#f5f7f9;
      border-top:1px solid #eef1f4;
      border-bottom:1px solid #eef1f4;
    }

    /* Kartlar */
    .ft-card{
      display:flex; gap:12px; align-items:flex-start;
      width: 100%; max-width: 420px;
      background:#fff; border:1px solid #e7ecf5; border-radius:10px;
      padding:14px 16px; box-shadow:0 1px 0 rgba(0,0,0,.02);
    }
    .ft-icon{
      width:36px; height:36px; border-radius:50%;
      border:1px solid #e7ecf5; color:#2a56d6; display:grid; place-items:center;
      background:#fff; font-size:18px; flex:0 0 36px;
    }
    .ft-card-title { 
      font-weight:500; 
      color:#000; 
      font-size:.98rem; 
      line-height:1.2; 
    }
    .ft-card-text { 
      color:#000; 
      font-size:.7rem; 
      margin-top:2px; }

    /* CTA buton (ince çerçeveli + kutu ok) */
    .ft-cta{
      display:inline-flex; 
      align-items:center; 
      gap:.6rem;
      border:1px solid #d7deea; 
      border-radius:6px;
      padding:.5rem .65rem .5rem .75rem;
      font-weight:500; 
      font-size:.85rem; 
      color:#0F49B0; 
      text-decoration:none; 
      background:#fff;
    }
    .ft-cta .box{
      display:inline-flex; align-items:center; justify-content:center;
      width:26px; height:22px; border:1px solid #d7deea; border-radius:4px; line-height:1; font-weight:700;
    }
    .ft-cta:hover{ background:#f8fafc; }

    /* Mobil uyum */
    @media (max-width:576px){
      .ft-card{ max-width:100%; }
    }

    .auth-1000{max-width:1000px;width:100%;}
  .auth-card{min-height:460px;}
    .auth-section{background:#f6f8fb;}
    .auth-card{min-height:460px;}
    .auth-card .form-control{
      border:1px solid #e5e7eb;
      border-radius: .8rem;
      padding:.9rem 1rem;
    }
    .auth-card .form-control:focus{
      border-color:#b9cdfd;
      box-shadow:0 0 0 .25rem rgba(33, 99, 255, .15);
    }
    .auth-card .btn-primary{
      background:#216BFF;border-color:#216BFF;
      border-radius:.6rem;
      letter-spacing:.3px;
      font-size: 14px;
      font-weight: 500 !important;
    }

    .veya{
      font-size: 13px;
    }

    .kayitbutonu{
      font-size: 14px;
    }

    .girisust{
      font-size: 12px;
    }

    .auth-card .btn-primary:hover{background:#1658e6;border-color:#1658e6;}
    @media (max-width: 767.98px){
      .auth-card{min-height:auto;}
    }

    .form-label {
      font-size: 13px;
    }

    .form-control{
      font-size: 13px;
    }

    .h4{
      font-size: 14px;
    }

    .sifremiunuttum{
      font-size: 12px;
    }