<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Güvenlik Doğrulaması | Cenuta</title>
    <link rel="icon" type="image/x-icon" href="https://cdn.cenuta.com/cenuta.com/favicon/favicon-32x32.png">
    
    <!-- Google Fonts Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <script>
        var translations = {
            'tr': {
                'docTitle': "Güvenlik Doğrulaması | Cenuta",
                'title': "Güvenlik Doğrulaması",
                'description': "Erişmek istediğiniz web sitesinin ve sunucu altyapısının güvenliğini sağlamak için lütfen robot olmadığınızı doğrulayın.",
                'troubleTitle': "Doğrulama Yüklenmiyor mu?",
                'stepAdblock': "Reklam engelleyici (AdBlocker) eklentinizi kapatmayı deneyin.",
                'stepJs': "Tarayıcınızın JavaScript ayarının açık olduğunu kontrol edin.",
                'stepRefresh': "Sayfayı yenileyerek tekrar deneyin.",
                'sslWaf': "SSL & WAF Aktif",
                'contactHTML': "Sorun yaşıyorsanız bizimle <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">iletişime geçebilirsiniz.</a>",
                'metaDateTitle': "Sistem Tarihi",
                'metaIpTitle': "IP Adresiniz"
            },
            'en': {
                'docTitle': "Security Verification | Cenuta",
                'title': "Security Verification",
                'description': "To ensure the security of the website and server infrastructure you wish to access, please verify that you are not a robot.",
                'troubleTitle': "Verification Not Loading?",
                'stepAdblock': "Try disabling your ad blocker (AdBlocker) extension.",
                'stepJs': "Check that JavaScript is enabled in your browser settings.",
                'stepRefresh': "Refresh the page and try again.",
                'sslWaf': "SSL & WAF Active",
                'contactHTML': "If you are experiencing issues, you can <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">contact us.</a>",
                'metaDateTitle': "System Date",
                'metaIpTitle': "Your IP Address"
            },
            'ru': {
                'docTitle': "Проверка безопасности | Cenuta",
                'title': "Проверка безопасности",
                'description': "Для обеспечения безопасности веб-сайта и серверной инфраструктуры, к которым вы хотите получить доступ, пожалуйста, подтвердите, что вы не робот.",
                'troubleTitle': "Проверка не загружается?",
                'stepAdblock': "Попробуйте отключить расширение блокировки рекламы (AdBlocker).",
                'stepJs': "Убедитесь, что в настройках вашего браузера включен JavaScript.",
                'stepRefresh': "Обновите страницу и попробуйте еще раз.",
                'sslWaf': "SSL и WAF активны",
                'contactHTML': "Если у вас возникли проблемы, вы можете <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">связаться с нами.</a>",
                'metaDateTitle': "Системная дата",
                'metaIpTitle': "Ваш IP-адрес"
            },
            'ar': {
                'docTitle': "التحقق من الأمان | Cenuta",
                'title': "التحقق من الأمان",
                'description': "لضمان أمن الموقع الإلكتروني والبنية التحتية للخادم التي ترغب في الوصول إليها، يرجى تأكيد أنك لست روبوتًا.",
                'troubleTitle': "لم يتم تحميل التحقق؟",
                'stepAdblock': "حاول إيقاف تشغيل إضافة مانع الإعلانات (AdBlocker).",
                'stepJs': "تحقق من تمكين إعداد JavaScript في متصفحك.",
                'stepRefresh': "أعد تحميل الصفحة وحاول مرة أخرى.",
                'sslWaf': "SSL و WAF نشط",
                'contactHTML': "إذا كنت تواجه مشكلات، يمكنك <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">الاتصال بنا.</a>",
                'metaDateTitle': "تاريخ النظام",
                'metaIpTitle': "عنوان IP الخاص بك"
            },
            'fa': {
                'docTitle': "تایید امنیتی | Cenuta",
                'title': "تایید امنیتی",
                'description': "برای اطمینان از امنیت وب‌سایت و زیرساخت سروری که می‌خواهید به آن دسترسی پیدا کنید، لطفاً تایید کنید که ربات نیستید.",
                'troubleTitle': "تاییدیه بارگذاری نمی‌شود؟",
                'stepAdblock': "افزونه مسدودکننده تبلیغات (AdBlocker) خود را غیرفعال کنید.",
                'stepJs': "فعال بودن جاوا اسکریپت را در تنظیمات مرورگر خود بررسی کنید.",
                'stepRefresh': "صفحه را بارگذاری مجدد کرده و دوباره تلاش کنید.",
                'sslWaf': "SSL و WAF فعال است",
                'contactHTML': "اگر مشکلی دارید، می‌توانید با ما <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">تماس بگیرید.</a>",
                'metaDateTitle': "تاریخ سیستم",
                'metaIpTitle': "آدرس IP شما"
            },
            'az': {
                'docTitle': "Təhlükəsizlik Doğrulaması | Cenuta",
                'title': "Təhlükəsizlik Doğrulaması",
                'description': "Daxil olmaq istəiniz veb-saytın və server infrastrukturunun təhlükəsizliyini təmin etmək üçün robot olmadığınızı təsdiqləyin.",
                'troubleTitle': "Doğrulama yüklənmir?",
                'stepAdblock': "Reklam bloklayıcı (AdBlocker) eklentinizi söndürməyi sınayın.",
                'stepJs': "Brauzerinizin JavaScript ayarının açıq olduğunu yoxlayın.",
                'stepRefresh': "Səhifəni yeniləyərək yenidən sınayın.",
                'sslWaf': "SSL və WAF Aktivdir",
                'contactHTML': "Problem yaşayırsınızsa, bizimlə <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">əlaqə saxlaya bilərsiniz.</a>",
                'metaDateTitle': "Sistem Tarixi",
                'metaIpTitle': "IP Ünvanınız"
            },
            'de': {
                'docTitle': "Sicherheitsüberprüfung | Cenuta",
                'title': "Sicherheitsüberprüfung",
                'description': "Um die Sicherheit der Website und der Serverinfrastruktur zu gewährleisten, auf die Sie zugreifen möchten, überprüfen Sie bitte, ob Sie kein Roboter sind.",
                'troubleTitle': "Verifizierung lädt nicht?",
                'stepAdblock': "Deaktivieren Sie Ihren Werbeblocker (AdBlocker).",
                'stepJs': "Stellen Sie sicher, dass JavaScript in Ihren Browsereinstellungen aktiviert ist.",
                'stepRefresh': "Laden Sie die Seite neu und versuchen Sie es erneut.",
                'sslWaf': "SSL & WAF Aktiv",
                'contactHTML': "Wenn Probleme auftreten, können Sie uns <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">kontaktieren.</a>",
                'metaDateTitle': "Systemdatum",
                'metaIpTitle': "Ihre IP-Adresse"
            },
            'fr': {
                'docTitle': "Vérification de sécurité | Cenuta",
                'title': "Vérification de sécurité",
                'description': "Pour garantir la sécurité du site web et de l'infrastructure du serveur auxquels vous souhaitez accéder, veuillez vérifier que vous n'êtes pas un robot.",
                'troubleTitle': "La vérification ne se charge pas ?",
                'stepAdblock': "Désactivez votre bloqueur de publicité (AdBlocker).",
                'stepJs': "Vérifiez que JavaScript est activé dans les paramètres de votre navigateur.",
                'stepRefresh': "Actualisez la page et réessayez.",
                'sslWaf': "SSL & WAF Actifs",
                'contactHTML': "Si vous rencontrez des problèmes, vous pouvez nous <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">contacter.</a>",
                'metaDateTitle': "Date du système",
                'metaIpTitle': "Votre adresse IP"
            },
            'es': {
                'docTitle': "Verificación de seguridad | Cenuta",
                'title': "Verificación de seguridad",
                'description': "Para garantizar la seguridad del sitio web y de la infraestructura del servidor a los que desea acceder, verifique que no es un robot.",
                'troubleTitle': "¿No se carga la verificación?",
                'stepAdblock': "Intente desactivar su bloqueador de anuncios (AdBlocker).",
                'stepJs': "Verifique que JavaScript esté habilitado en la configuración de su navegador.",
                'stepRefresh': "Actualice la página e intente de nuevo.",
                'sslWaf': "SSL y WAF Activos",
                'contactHTML': "Si tiene problemas, puede ponerse en <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">contacto con nosotros.</a>",
                'metaDateTitle': "Fecha del sistema",
                'metaIpTitle': "Su dirección IP"
            },
            'pt': {
                'docTitle': "Verificação de segurança | Cenuta",
                'title': "Verificação de segurança",
                'description': "Para garantir a segurança do sítio web e da infraestrutura do servidor que deseja aceder, confirme que não é um robô.",
                'troubleTitle': "A verificação não carrega?",
                'stepAdblock': "Tente desativar a sua extensão de bloqueio de anúncios (AdBlocker).",
                'stepJs': "Verifique se o JavaScript está ativado nas definições do seu navegador.",
                'stepRefresh': "Atualize a página e tente novamente.",
                'sslWaf': "SSL e WAF Ativos",
                'contactHTML': "Se estiver a ter problemas, pode <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">contactar-nos.</a>",
                'metaDateTitle': "Data do sistema",
                'metaIpTitle': "O seu endereço IP"
            },
            'it': {
                'docTitle': "Verifica di sicurezza | Cenuta",
                'title': "Verifica di sicurezza",
                'description': "Per garantire la sicurezza del sito web e dell'infrastruttura del server a cui desideri accedere, verifica di non essere un robot.",
                'troubleTitle': "La verifica non si carica?",
                'stepAdblock': "Prova a disattivare l'estensione per il blocco degli annunci (AdBlocker).",
                'stepJs': "Verifica che JavaScript sia abilitato nelle impostazioni del tuo browser.",
                'stepRefresh': "Ricarica la pagina e riprova.",
                'sslWaf': "SSL & WAF Attivi",
                'contactHTML': "In caso di problemi, puoi <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">contattarci.</a>",
                'metaDateTitle': "Data di sistema",
                'metaIpTitle': "Il tuo indirizzo IP"
            },
            'nl': {
                'docTitle': "Veiligheidsverificatie | Cenuta",
                'title': "Veiligheidsverificatie",
                'description': "Om de veiligheid te garanderen van de website en serverinfrastructuur die u wilt bezoeken, dient u te verifiëren dat u geen robot bent.",
                'troubleTitle': "Verificatie laadt niet?",
                'stepAdblock': "Probeer uw advertentieblokker (AdBlocker) uit te schakelen.",
                'stepJs': "Controleer of JavaScript is ingeschakeld in uw browserinstellingen.",
                'stepRefresh': "Vernieuw de pagina en probeer het opnieuw.",
                'sslWaf': "SSL & WAF Actief",
                'contactHTML': "Als u problemen ondervindt, kunt u <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">contact met ons opnemen.</a>",
                'metaDateTitle': "Systeemdatum",
                'metaIpTitle': "Uw IP-adres"
            },
            'pl': {
                'docTitle': "Weryfikacja bezpieczeństwa | Cenuta",
                'title': "Weryfikacja bezpieczeństwa",
                'description': "Aby zapewnić bezpieczeństwo witryny i infrastruktury serwera, do których chcesz uzyskać dostęp, potwierdź, że nie jesteś robotem.",
                'troubleTitle': "Weryfikacja się nie ładuje?",
                'stepAdblock': "Spróbuj wyłączyć rozszerzenie blokujące reklamy (AdBlocker).",
                'stepJs': "Upewnij się, że obsługa JavaScript jest włączona w ustawieniach przeglądarki.",
                'stepRefresh': "Odśwież stronę i spróbuj ponownie.",
                'sslWaf': "SSL i WAF Aktywne",
                'contactHTML': "Jeśli masz problemy, możesz się z nami <a href=\"https://www.cenuta.com/iletisim\" target=\"_blank\">skontaktować.</a>",
                'metaDateTitle': "Data systemowa",
                'metaIpTitle': "Twój adres IP"
            }
        };

        var countryToLang = {
            'TR': 'tr', 'CY': 'tr',
            'AZ': 'az',
            'IR': 'fa', 'AF': 'fa',
            'RU': 'ru', 'BY': 'ru', 'KZ': 'ru', 'KG': 'ru', 'MD': 'ru', 'TJ': 'ru', 'UZ': 'ru',
            'AE': 'ar', 'BH': 'ar', 'DJ': 'ar', 'DZ': 'ar', 'EG': 'ar', 'EH': 'ar', 'ER': 'ar', 
            'IL': 'ar', 'IQ': 'ar', 'JO': 'ar', 'KM': 'ar', 'KW': 'ar', 'LB': 'ar', 'LY': 'ar', 
            'MA': 'ar', 'MR': 'ar', 'OM': 'ar', 'PS': 'ar', 'QA': 'ar', 'SA': 'ar', 'SD': 'ar', 
            'SO': 'ar', 'SY': 'ar', 'TD': 'ar', 'TN': 'ar', 'YE': 'ar',
            'DE': 'de', 'AT': 'de', 'CH': 'de', 'LI': 'de', 'LU': 'de',
            'FR': 'fr', 'BE': 'fr', 'MC': 'fr', 'NE': 'fr', 'SN': 'fr', 'MG': 'fr', 'CD': 'fr',
            'ES': 'es', 'MX': 'es', 'GT': 'es', 'SV': 'es', 'HN': 'es', 'NI': 'es', 'CR': 'es', 
            'PA': 'es', 'CU': 'es', 'DO': 'es', 'PR': 'es', 'CO': 'es', 'VE': 'es', 'EC': 'es', 
            'PE': 'es', 'BO': 'es', 'PY': 'es', 'CL': 'es', 'UY': 'es', 'AR': 'es',
            'PT': 'pt', 'BR': 'pt', 'AO': 'pt', 'MZ': 'pt', 'CV': 'pt', 'GW': 'pt',
            'IT': 'it', 'SM': 'it', 'VA': 'it',
            'NL': 'nl', 'SR': 'nl',
            'PL': 'pl'
        };

        var geoipCountry = '';
        if (geoipCountry.indexOf('<!--') === 0 || geoipCountry === '(none)' || !geoipCountry) {
            geoipCountry = '';
        }

        function detectLanguage(countryCode) {
            if (countryCode && typeof countryCode === 'string') {
                var cleanCode = countryCode.trim().toUpperCase();
                if (countryToLang[cleanCode]) {
                    return countryToLang[cleanCode];
                }
            }
            var browserLangs = navigator.languages || [navigator.language || navigator.userLanguage];
            for (var i = 0; i < browserLangs.length; i++) {
                if (!browserLangs[i]) continue;
                var langCode = browserLangs[i].split('-')[0].toLowerCase();
                if (translations[langCode]) {
                    return langCode;
                }
            }
            return 'en';
        }

        var currentLang = detectLanguage(geoipCountry);

        // Apply HTML dir and lang attributes immediately to prevent visual reflow
        if (currentLang === 'ar' || currentLang === 'fa') {
            document.documentElement.dir = 'rtl';
        } else {
            document.documentElement.dir = 'ltr';
        }
        document.documentElement.lang = currentLang;

        function onSubmit() {
            document.getElementById('lsrecaptcha-form').submit();
        }

        var onloadCallback = function() {
            var cont = grecaptcha.render('recaptchadiv', {
                'sitekey': '6LewU34UAAAAAHvXqFOcQlm8z1MP1xpGAZCYEeZY',
                'callback': onSubmit,
                'hl': currentLang,
                'badge': 'inline',
                'size': 'invisible'
            });
            grecaptcha.execute(cont);
        };

        function applyTranslations() {
            var trans = translations[currentLang];
            if (!trans) return;

            // Set document title
            if (trans.docTitle) {
                document.title = trans.docTitle;
            }

            // Translate elements marked with data-translate
            var elements = document.querySelectorAll('[data-translate]');
            for (var i = 0; i < elements.length; i++) {
                var el = elements[i];
                var key = el.getAttribute('data-translate');
                if (trans[key]) {
                    if (key === 'contactHTML') {
                        el.innerHTML = trans[key];
                    } else {
                        el.textContent = trans[key];
                    }
                }
            }

            // Translate meta item tooltips
            var dateEl = document.getElementById('meta-date');
            if (dateEl && trans.metaDateTitle) {
                dateEl.setAttribute('title', trans.metaDateTitle);
            }
            var ipEl = document.getElementById('meta-ip');
            if (ipEl && trans.metaIpTitle) {
                ipEl.setAttribute('title', trans.metaIpTitle);
            }
        }

        document.addEventListener('DOMContentLoaded', applyTranslations);
    </script>
    <style>
        :root {
            --bg-color: #f8fafc;
            --card-bg: #ffffff;
            --text-main: #0f172a;
            --text-muted: #64748b;
            --border-color: #e2e8f0;
            --brand-blue: #2563eb;
            --brand-hover: #1d4ed8;
            --radius-md: 0.375rem;
            --radius-lg: 0.5rem;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            background-color: var(--bg-color);
            color: var(--text-main);
            min-height: 100vh;
            width: 100%;
            display: flex;
            flex-direction: column;
            line-height: 1.5;
            overflow-x: hidden;
            position: relative;
        }

        #particles-js {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: -1;
            pointer-events: none;
        }

        .main-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 3rem 1.5rem 1.5rem 1.5rem;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 1.75rem;
            z-index: 1;
        }

        /* Top Header */
        .top-header {
            width: 100%;
            display: flex;
            justify-content: center;
            margin-top: 2rem;
        }

        .logo-area img {
            height: 2.75rem;
            transition: transform 0.3s ease;
        }

        .logo-area img:hover {
            transform: scale(1.02);
        }

        /* Verification Content Container */
        .verification-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        /* Verification Card styling */
        .verification-card {
            background-color: var(--card-bg);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-lg);
            padding: 3.5rem 3rem 2rem 3rem;
            width: 100%;
            max-width: 840px;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
            display: grid;
            grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
            gap: 3rem;
            align-items: center;
            animation: slide-up-fade 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .card-left {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            border-inline-end: 1px solid var(--border-color);
            padding-inline-end: 3rem;
        }

        .card-right {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 100%;
        }

        .card-header-row {
            display: flex;
            align-items: center;
            gap: 0.875rem;
            margin-bottom: 1.25rem;
        }

        /* Icon styling */
        .security-icon-wrapper-sm {
            width: 2.75rem;
            height: 2.75rem;
            border-radius: 50%;
            background-color: #eff6ff;
            color: var(--brand-blue);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            animation: pulse-blue-soft 2.5s infinite ease-in-out;
        }

        .security-icon-sm {
            width: 1.375rem;
            height: 1.375rem;
            fill: currentColor;
        }

        /* Typography */
        h1 {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--text-main);
            letter-spacing: -0.02em;
        }

        .description {
            font-size: 0.95rem;
            color: var(--text-muted);
            line-height: 1.6;
            margin-bottom: 2rem;
            text-align: left;
        }

        /* Form & Widget styling */
        #lsrecaptcha-form {
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .recaptcha-container {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 78px;
            width: 100%;
        }

        .grecaptcha-badge {
            box-shadow: none !important;
            border: 1px solid var(--border-color) !important;
            border-radius: var(--radius-md) !important;
            margin: 0 auto !important;
        }

        /* Info Alert / Troubleshooting block */
        .info-card {
            width: 100%;
            background-color: #f8fafc;
            border: 1px solid var(--border-color);
            border-radius: var(--radius-md);
            padding: 1.25rem;
            font-size: 0.875rem;
        }

        .info-card-title {
            font-weight: 600;
            color: var(--text-main);
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .info-card-icon {
            color: var(--brand-blue);
            flex-shrink: 0;
        }

        .info-list {
            list-style: none;
            color: var(--text-muted);
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
            padding-inline-start: 0.25rem;
            line-height: 1.5;
        }

        .info-list li {
            position: relative;
            padding-inline-start: 0.75rem;
        }

        .info-list li::before {
            content: "•";
            position: absolute;
            inset-inline-start: 0;
            color: var(--brand-blue);
            font-weight: bold;
        }



        .footer-copyright {
            text-align: center;
            font-size: 0.85rem;
            color: #94a3b8;
            width: 100%;
            max-width: 600px;
            margin-top: 0.5rem;
            margin-bottom: 0.75rem;
        }

        /* Keyframes */
        @keyframes slide-up-fade {
            0% {
                opacity: 0;
                transform: translateY(15px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse-blue-soft {
            0%, 100% {
                box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.2);
                background-color: #eff6ff;
            }
            50% {
                box-shadow: 0 0 0 12px rgba(37, 99, 235, 0);
                background-color: #dbeafe;
            }
        }

        .security-meta-subtle {
            margin-top: 1.5rem;
            width: 100%;
            max-width: 302px;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
            border-top: 1px solid var(--border-color);
            padding-top: 1.25rem;
        }

        .meta-badges-row {
            display: flex;
            gap: 0.5rem;
            width: 100%;
        }

        .meta-item {
            flex: 1;
            min-width: 0;
            display: flex;
            align-items: center;
            gap: 0.375rem;
            background-color: #f8fafc;
            border: 1px solid var(--border-color);
            border-radius: var(--radius-md);
            padding: 0.45rem 0.5rem;
            font-size: 0.675rem;
            color: var(--text-muted);
            font-weight: 500;
        }

        .meta-icon {
            width: 0.875rem;
            height: 0.875rem;
            color: var(--brand-blue);
            flex-shrink: 0;
        }

        .meta-item span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .waf-badge-large {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.625rem;
            background-color: #f0fdf4;
            border: 1px solid #bbf7d0;
            border-radius: var(--radius-md);
            padding: 0.625rem 0.875rem;
            font-size: 0.75rem;
            font-weight: 600;
            color: #15803d;
            text-align: center;
            width: 100%;
            box-shadow: 0 1px 2px rgba(22, 163, 74, 0.05);
        }

        .waf-badge-icon {
            width: 1.05rem;
            height: 1.05rem;
            color: #16a34a;
            flex-shrink: 0;
        }

        .waf-badge-status-dot {
            width: 6px;
            height: 6px;
            background-color: #16a34a;
            border-radius: 50%;
            display: inline-block;
            box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.2);
            animation: pulse-green 2s infinite ease-in-out;
        }

        @keyframes pulse-green {
            0%, 100% {
                box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4);
            }
            70% {
                box-shadow: 0 0 0 5px rgba(22, 163, 74, 0);
            }
        }

        /* Card Footer Contact Link */
        .card-footer-contact {
            grid-column: 1 / -1;
            width: 100%;
            border-top: 1px solid var(--border-color);
            padding-top: 1.5rem;
            margin-top: 0.5rem;
            text-align: center;
            font-size: 0.875rem;
            color: var(--text-muted);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
        }

        .card-footer-contact-icon {
            width: 1.1rem;
            height: 1.1rem;
            color: var(--brand-blue);
            flex-shrink: 0;
        }

        .card-footer-contact a {
            color: var(--brand-blue);
            text-decoration: underline;
            font-weight: 600;
            transition: color 0.15s ease-in-out;
        }

        .card-footer-contact a:hover {
            color: var(--brand-hover);
        }

        /* Responsiveness */
        @media (max-width: 768px) {
            .verification-card {
                grid-template-columns: 1fr;
                gap: 2rem;
                padding: 2.5rem 1.5rem 1.5rem 1.5rem;
                max-width: 480px;
            }
            .card-left {
                border-inline-end: none;
                padding-inline-end: 0;
                align-items: center;
            }
            .card-header-row {
                flex-direction: column;
                text-align: center;
                gap: 0.75rem;
            }
            h1 {
                font-size: 1.375rem;
                text-align: center;
            }
            .description {
                text-align: center;
                margin-bottom: 1.5rem;
            }
        }
    </style>
</head>
<body>
    <div id="particles-js"></div>
    <div class="main-container">
        
        <!-- Header -->
        <header class="top-header">
            <div class="logo-area">
                <a href="https://www.cenuta.com" title="Hosting">
                    <img src="https://cdn.cenuta.com/cenuta.com/logo/logo2.svg" alt="Cenuta Hosting & Sunucu">
                </a>
            </div>
        </header>

        <!-- Verification Area -->
        <main class="verification-wrapper">
            <div class="verification-card">
                
                <!-- Left Column: Content & Tips -->
                <div class="card-left">
                    <div class="card-header-row">
                        <div class="security-icon-wrapper-sm">
                            <svg class="security-icon-sm" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                <path d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3zm0 2.18l6 2.25v4.66c0 3.8-2.5 7.37-6 8.35-3.5-.98-6-4.55-6-8.35V6.43l6-2.25zM11 7v5h2V7h-2zm0 7v2h2v-2h-2z"/>
                            </svg>
                        </div>
                        <h1 data-translate="title">Güvenlik Doğrulaması</h1>
                    </div>
                    <p class="description" data-translate="description">
                        Erişmek istediğiniz web sitesinin ve sunucu altyapısının güvenliğini sağlamak için lütfen robot olmadığınızı doğrulayın.
                    </p>
                    
                    <!-- Troubleshooting notes -->
                    <div class="info-card">
                        <div class="info-card-title">
                            <svg class="info-card-icon" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                <circle cx="12" cy="12" r="10"></circle>
                                <line x1="12" y1="16" x2="12" y2="12"></line>
                                <line x1="12" y1="8" x2="12.01" y2="8"></line>
                            </svg>
                            <span data-translate="troubleTitle">Doğrulama Yüklenmiyor mu?</span>
                        </div>
                        <ul class="info-list">
                            <li data-translate="stepAdblock">Reklam engelleyici (AdBlocker) eklentinizi kapatmayı deneyin.</li>
                            <li data-translate="stepJs">Tarayıcınızın JavaScript ayarının açık olduğunu kontrol edin.</li>
                            <li data-translate="stepRefresh">Sayfayı yenileyerek tekrar deneyin.</li>
                        </ul>
                    </div>
                </div>

                <!-- Right Column: Verification Action -->
                <div class="card-right">
                     <!-- reCAPTCHA Form -->
                    <form id="lsrecaptcha-form" method="POST" action="/.lsrecap/recaptcha?">
                        <div class="recaptcha-container">
                            <div id="recaptchadiv"></div>
                        </div>
                    </form>

                    <!-- Visitor Security Details -->
                    <div class="security-meta-subtle">
                        <div class="meta-badges-row">
                            <!-- Tarih (Date) on the left -->
                            <div class="meta-item" id="meta-date" title="Sistem Tarihi">
                                <svg class="meta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                                    <line x1="16" y1="2" x2="16" y2="6"></line>
                                    <line x1="8" y1="2" x2="8" y2="6"></line>
                                    <line x1="3" y1="10" x2="21" y2="10"></line>
                                </svg>
                                <span>Tuesday, 09-Jun-2026 10:25:21 +03</span>
                            </div>

                            <!-- IP on the right -->
                            <div class="meta-item" id="meta-ip" title="IP Adresiniz">
                                <svg class="meta-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect>
                                    <rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect>
                                    <line x1="6" y1="6" x2="6.01" y2="6"></line>
                                    <line x1="6" y1="18" x2="6.01" y2="18"></line>
                                </svg>
                                <span>IP: 66.102.9.227</span>
                            </div>
                        </div>

                        <div class="waf-badge-large">
                            <svg class="waf-badge-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
                            </svg>
                            <span class="waf-badge-status-dot"></span>
                            <span class="waf-badge-text" data-translate="sslWaf">SSL &amp; WAF Aktif</span>
                        </div>
                    </div>
                </div>

                <!-- Footer Contact Line (Spans across both columns) -->
                <div class="card-footer-contact">
                    <svg class="card-footer-contact-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10"></circle>
                        <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                        <line x1="12" y1="17" x2="12.01" y2="17"></line>
                    </svg>
                    <span id="contact-text-span" data-translate="contactHTML">Sorun yaşıyorsanız bizimle <a href="https://www.cenuta.com/iletisim" target="_blank">iletişime geçebilirsiniz.</a></span>
                </div>
            </div>
        </main>

        <!-- Footer -->
        <footer style="width: 100%; display: flex; flex-direction: column; align-items: center;">
            <div class="footer-copyright">
                Cenuta Telekomünikasyon A.Ş. &copy; 2026
            </div>
        </footer>

    </div>

    <!-- Particles JS Background Script -->
    <script>
        function initParticles(containerId, opts) {
            var container = document.getElementById(containerId);
            if (!container) return;
            var canvas = document.createElement('canvas');
            canvas.style.cssText = 'width:100%;height:100%;';
            container.appendChild(canvas);
            var ctx = canvas.getContext('2d');
            var particles = [];
            var color = opts.color || '#2563eb';
            var lineColor = opts.lineColor || '#2563eb';
            var count = opts.count || 40;
            var speed = opts.speed || 0.5;
            var lineDistance = 150;

            function resize() { 
                canvas.width = container.offsetWidth; 
                canvas.height = container.offsetHeight; 
            }
            resize(); 
            window.addEventListener('resize', resize);

            for (var i = 0; i < count; i++) {
                particles.push({
                    x: Math.random() * canvas.width, 
                    y: Math.random() * canvas.height,
                    vx: (Math.random() - 0.5) * speed, 
                    vy: (Math.random() - 0.5) * speed,
                    r: Math.random() * 2 + 1, 
                    opacity: opts.opacity || 0.3
                });
            }

            function draw() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                for (var i = 0; i < particles.length; i++) {
                    var p = particles[i];
                    p.x += p.vx; 
                    p.y += p.vy;
                    if (p.x < 0 || p.x > canvas.width) p.vx *= -1;
                    if (p.y < 0 || p.y > canvas.height) p.vy *= -1;
                    ctx.beginPath(); 
                    ctx.arc(p.x, p.y, p.r, 0, Math.PI * 2);
                    ctx.fillStyle = color; 
                    ctx.globalAlpha = p.opacity; 
                    ctx.fill();
                    for (var j = i + 1; j < particles.length; j++) {
                        var p2 = particles[j];
                        var dx = p.x - p2.x, dy = p.y - p2.y;
                        var dist = Math.sqrt(dx * dx + dy * dy);
                        if (dist < lineDistance) {
                            ctx.beginPath(); 
                            ctx.moveTo(p.x, p.y); 
                            ctx.lineTo(p2.x, p2.y);
                            ctx.strokeStyle = lineColor; 
                            ctx.globalAlpha = (1 - dist / lineDistance) * 0.1;
                            ctx.lineWidth = 1; 
                            ctx.stroke();
                        }
                    }
                }
                ctx.globalAlpha = 1;
                requestAnimationFrame(draw);
            }
            draw();
        }

        document.addEventListener('DOMContentLoaded', function () {
            initParticles("particles-js", { color: '#2563eb', lineColor: '#2563eb', count: 40, speed: 0.5, opacity: 0.2 });
        });
    </script>

    <!-- LiteSpeed reCAPTCHA loader -->
    <script src="https://www.recaptcha.net/recaptcha/api.js?onload=onloadCallback&render=explicit"
            async defer>
    </script>
</body>
</html>

