    /* Tam ekran arka plan ayarları */
    html, body {
      height: 100%;
      margin: 0;
    }

    .bg-full {
      /* arka plan resmini buraya koyun */
      background-image: url('../imgs/bg.jpg');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;       /* kapla (cover) */
      background-attachment: fixed; /* sayfa kaydırıldığında sabit kalması için (isteğe bağlı) */
      min-height: 100vh;            /* her durumda ekran boyunda */
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      color: #fff;
      text-align: center;
    }

    /* Üzerine hafif karartma (overlay) için 
    .bg-full::before{
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.35); 
      z-index: 0;
    } */

    /* İçerik kartı */
    .content {
      position: relative;
      z-index: 6; /* overlay'in üstünde göster */
      max-width: 960px;
      padding: 2rem;
      border-radius: .75rem;
      backdrop-filter: blur(4px); /* hafif bulanık arka plan */
      background: rgba(255,255,255,0.06); /* translucent arka plan */
      margin-bottom: 250px;
    }

    /* Responsive küçük ekran için yazı boyutu ayarı */
    @media (max-width: 576px) {
      .content { padding: 1rem; }
      h1 { font-size: 1.4rem; }
      p  { font-size: .95rem; }
    }
    .minikLogo {
      width: 75px;
      height: 75px;
      margin-bottom: 18px;
    }
  .bottom-fixed-img {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: -150px;
  object-fit: contain;   /* orantılı boyutlandırma */
  z-index: 5;            /* arka planın önünde, içeriklerin arkasında olacaksa ayarla */
  pointer-events: none;  /* tıklamaları engelle (butonları kapatmaz) */
}