.content-block {
     position: relative !important;
     z-index: 10 !important;
   }

   .content-block h1 {
     font-size: 3.0rem !important;
     font-weight: 900 !important;
     line-height: 1.2 !important;
     text-transform: uppercase !important;
   }

   .yedek-color-primary,
   .yedek-color-secondary,
   .yedek-color-tertiary {
     display: inline-block !important;
     padding: 2px 10px !important;
     margin: 2px !important;
     border-radius: 6px !important;
     transition: all 0.3s ease !important;
     cursor: default !important;
   }

   .yedek-color-primary {
     color: #007BFF !important;
     background: rgba(0, 123, 255, 0.1) !important;
   }

   /* Kelime 2: Koyu / Siyah */
   .yedek-color-secondary {
     color: #1a1a1a !important;
     background: #f8f9fa !important;
   }

   .yedek-color-tertiary {
     color: #ffffff !important;
     background: #FFC107 !important;

     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
   }

   .content-block h1 span:hover {
     transform: translateY(-5px) rotate(-2deg) !important;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
   }

   .content-block p.dark-gray {
     font-size: 1.2rem !important;
     line-height: 1.6 !important;
     max-width: 500px !important;
     color: #444 !important;
     background: rgba(255, 255, 255, 0.7) !important;
     backdrop-filter: blur(5px) !important;
     padding: 10px !important;
     border-radius: 8px !important;
   }

   @media (max-width: 768px) {
     .content-block h1 {
       font-size: 2.2rem !important;
     }

     .content-block {
       text-align: center !important;
     }
   }