/* --- Sayfa Temel Stilleri --- */
        body, html {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            background-color: #121212; /* Koyu tema */
            color: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
            overflow-x: hidden; /* Yatay kaydırmayı engelle */
        }

        /* --- Reklam Alanı Kapsayıcıları --- */
        .ad-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 20px;
            width: 100%;
            max-width: 728px; /* Masaüstü banner genişliğine göre hizala */
        }
        
        .ad-300x250 {
            min-height: 250px; /* Reklam yüklenirken alanın çökmesini engeller */
        }

        .ad-native {
            min-height: 100px; /* Native reklam için bir miktar boşluk */
        }

        /* --- Cihaza Göre Banner Gösterme/Gizleme --- */
        
        /* Mobilde masaüstü banner'ı gizle */
        #desktop-banner {
            display: none;
        }

        /* Masaüstünde (768px ve üzeri) mobil banner'ı gizle, masaüstünü göster */
        @media (min-width: 768px) {
            #mobile-banner {
                display: none;
            }
            #desktop-banner {
                display: block;
            }
        }

        /* --- Ana İçerik Alanı --- */
        .content-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
            box-sizing: border-box;
            width: 100%;
        }

        /* --- Tıklanabilir Buton (CTA) Alanı --- */
        .cta-text {
            background-color: #1f1f1f;
            border: 1px solid #333;
            border-radius: 12px;
            padding: 25px 30px;
            text-align: center;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
            margin-bottom: 20px;
            max-width: 500px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        }

        .cta-text:hover {
            background-color: #2a2a2a;
            transform: translateY(-2px);
        }

        .cta-text h2 {
            margin: 0 0 10px 0;
            font-size: 1.4rem;
            color: #4CAF50; /* Yeşil, dikkat çekici renk */
        }

        .cta-text p {
            margin: 0;
            font-size: 0.9rem;
            color: #b0b0b0;
            line-height: 1.5;
        }