<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Lingoano Dil Rehberleri - İngilizce, Almanca, İspanyolca ve Rusça gramer, taktik ve öğrenme rehberleri">
    <meta name="keywords" content="dil rehberi, gramer, dil öğrenme taktikleri, İngilizce gramer, Almanca gramer, İspanyolca gramer, Rusça gramer">
    <meta name="author" content="Lingoano">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://lingoano.com/dil-rehberleri.html">
    <meta property="og:title" content="Lingoano Dil Rehberleri - Gramer ve Taktikler">
    <meta property="og:description" content="İngilizce, Almanca, İspanyolca ve Rusça gramer, taktik ve öğrenme rehberleri">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://Lingoano.com/dil-rehberleri">
    <meta property="og:image" content="logos/logo.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Lingoano Dil Rehberleri">
    <meta name="twitter:description" content="Gramer ve öğrenme taktikleri">
    <title data-lang="language-guides-title-page">Dil Rehberleri - Lingoano</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <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;800;900&display=swap" rel="stylesheet">
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "Dil Rehberleri - Lingoano",
      "description": "İngilizce, Almanca, İspanyolca ve Rusça gramer, taktik ve öğrenme rehberleri",
      "url": "https://lingoano.com/dil-rehberleri.html",
      "mainEntity": {
        "@type": "EducationalContent",
        "name": "Dil Öğrenme Rehberleri",
        "description": "Gramer kuralları, taktikler ve öğrenme ipuçları"
      }
    }
    </script>

    <style>
        /* İletişim popup stilleri */
        .contact-popup {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
        }

        .contact-popup-content {
            background-color: var(--bg-primary);
            margin: 15% auto;
            padding: 2rem;
            border-radius: 10px;
            width: 90%;
            max-width: 500px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            border: 1px solid var(--border-color);
        }

        .contact-popup h2 {
            color: var(--accent-color);
            margin-bottom: 1rem;
        }

        .contact-popup p {
            margin-bottom: 1rem;
            color: var(--text-primary);
        }

        .contact-popup .email {
            font-weight: bold;
            color: var(--accent-color);
            font-size: 1.1rem;
        }

        .contact-popup .close {
            background-color: var(--accent-color);
            color: white;
            padding: 0.5rem 1.5rem;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1rem;
            margin-top: 1rem;
        }

        .contact-popup .close:hover {
            background-color: var(--accent-hover);
        }

        .guides-container {
            max-width: 1200px;
            margin: 2rem auto;
            padding: 2rem;
        }

        .page-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .page-title {
            font-size: 2.75rem;
            color: var(--accent-color);
            margin-bottom: 1rem;
            letter-spacing: 0.2px;
        }

        .page-subtitle {
            font-size: 1.32rem;
            color: var(--text-secondary);
            margin-bottom: 2rem;
        }

        .language-tabs {
            display: flex;
            justify-content: center;
            gap: 0.75rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
            padding: 0.5rem;
            background: var(--accent-bg);
            border-radius: 999px;
            border: 1px solid var(--border-color);
        }

        .language-tab {
            padding: 0.6rem 1rem;
            background: var(--primary-bg);
            border: 1px solid var(--border-color);
            border-radius: 999px;
            cursor: pointer;
            transition: all 0.2s ease;
            font-weight: 600;
            color: var(--text-primary);
            line-height: 1;
        }

        .language-tab.active {
            background: var(--accent-color);
            color: white;
            border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.15);
        }

        .language-tab:hover {
            border-color: var(--accent-color);
            transform: translateY(-1px);
        }

        .guide-content {
            display: none;
        }

        .guide-content.active {
            display: block;
        }

        .guide-section {
            background: var(--primary-bg);
            border: 1px solid var(--border-color);
            border-radius: 12px;
            padding: 2rem;
            margin-bottom: 2rem;
            box-shadow: 0 2px 14px var(--shadow-dark);
        }

        .section-title {
            font-size: 1.98rem;
            color: var(--accent-color);
            margin-bottom: 2rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            justify-content: center;
            position: relative;
            text-align: center;
        }

        .section-title::after {
            content: "";
            display: block;
            position: absolute;
            bottom: -10px;
            width: 90px;
            height: 3px;
            background: linear-gradient(90deg, var(--accent-color), transparent);
            border-radius: 3px;
        }

        .section-icon {
            font-size: 2rem;
        }
        
        .academic-intro p {
            font-size: 1.1rem;
            line-height: 1.7;
            color: var(--text-secondary);
            text-align: justify;
        }

        .grammar-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
            margin-bottom: 1.5rem;
            align-items: stretch;
        }

        .grammar-card {
            background: var(--accent-bg);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 1.5rem;
            text-align: left;
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
            transition: transform 0.15s ease, border-color 0.2s ease, box-shadow 0.2s ease;
            cursor: pointer;
            position: relative;
        }

        .grammar-card:hover {
            transform: translateY(-3px);
            border-color: var(--accent-color);
            box-shadow: 0 6px 18px var(--shadow-dark);
        }

        .grammar-card::after {
            content: "🔊";
            position: absolute;
            top: 1rem;
            right: 1rem;
            font-size: 1.2rem;
            opacity: 0.6;
            transition: opacity 0.2s ease;
        }

        .grammar-card:hover::after {
            opacity: 1;
        }

        .grammar-card.speaking {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 3px rgba(100, 181, 246, 0.3);
        }

        .grammar-card.speaking::after {
            content: "🔊";
            animation: pulse 1s infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.1); }
            100% { transform: scale(1); }
        }
        
        .grammar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.5rem;
        }

        .grammar-title {
            font-weight: 700;
            color: var(--text-primary);
            font-size: 1.32rem;
            flex-grow: 1; 
        }

        .difficulty-badge {
            padding: 0.2rem 0.5rem;
            font-size: 0.75rem;
            font-weight: 700;
            border-radius: 12px;
            color: white;
            margin-left: 0.5rem;
            flex-shrink: 0;
        }

        .difficulty-badge.a1 { background-color: #4CAF50; }
        .difficulty-badge.a2 { background-color: #8BC34A; }
        .difficulty-badge.b1 { background-color: #FFC107; }
        .difficulty-badge.b2 { background-color: #FF9800; }
        .difficulty-badge.c1 { background-color: #F44336; }

        .learning-tips {
            background: var(--accent-bg);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
        }

        .learning-tips h4 {
            color: var(--accent-color);
            margin-bottom: 1rem;
            font-size: 1.2rem;
        }

        .learning-tips ul {
            list-style-type: none;
            padding-left: 0;
        }

        .learning-tips li {
            margin-bottom: 0.8rem;
            padding-left: 1.5rem;
            position: relative;
            color: var(--text-secondary);
        }

        .learning-tips li::before {
            content: "💡";
            position: absolute;
            left: 0;
            color: var(--accent-color);
        }

        .did-you-know-box {
            background: linear-gradient(135deg, var(--accent-bg), var(--primary-bg));
            border: 1px solid var(--border-color);
            border-left: 5px solid var(--accent-color);
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2.5rem auto;
            width: 90%;
            box-shadow: 0 4px 12px var(--shadow-dark);
        }

        .did-you-know-box h4 {
            margin-top: 0;
            margin-bottom: 0.75rem;
            color: var(--accent-color);
            font-size: 1.2rem;
        }

        .did-you-know-box p {
            margin-bottom: 0;
            color: var(--text-secondary);
            line-height: 1.6;
        }

        .grammar-explanation {
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: 0.5rem;
            font-size: 1.05rem;
        }
        
        .grammar-explanation b {
            color: var(--text-primary);
        }

        .grammar-example {
            background: var(--primary-bg);
            padding: 0.9rem;
            border-radius: 6px;
            border-left: 4px solid var(--accent-color);
            font-style: italic;
            color: var(--text-secondary);
            font-size: 0.99rem;
        }
        
        .attention-box {
            background-color: rgba(255, 152, 0, 0.1);
            border-left: 4px solid #FF9800;
            padding: 0.9rem;
            margin-top: 0.5rem;
            border-radius: 6px;
            font-size: 0.95rem;
        }
        
        .attention-box b {
            color: #FF9800;
        }
        
        .learning-plan {
            background: var(--primary-bg);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 1.5rem;
            margin: 2rem 0;
        }

        .learning-plan h4 {
            color: var(--accent-color);
            margin-bottom: 1.5rem;
            font-size: 1.2rem;
            text-align: center;
            white-space: nowrap;
        }

        .learning-plan ul {
            list-style-type: none;
            padding-left: 0;
        }
        
        .learning-plan li {
            margin-bottom: 1rem;
            color: var(--text-secondary);
            padding: 1rem;
            background: var(--accent-bg);
            border-radius: 6px;
            border-left: 4px solid var(--accent-color);
        }
        
        .learning-plan b {
            color: var(--accent-color);
            display: inline;
            font-weight: 600;
            white-space: nowrap;
        }

        .resources-section {
            background: var(--accent-bg);
            border-radius: 12px;
            padding: 2rem;
            margin-top: 3rem;
        }

        .resources-title {
            font-size: 1.5rem;
            color: var(--accent-color);
            margin-bottom: 1rem;
            text-align: center;
        }

        .resources-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

        .resource-card {
            background: var(--primary-bg);
            padding: 1.5rem;
            border-radius: 8px;
            border: 1px solid var(--border-color);
            text-align: center;
        }

        .resource-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .resource-title {
            font-weight: bold;
            color: var(--text-primary);
            margin-bottom: 0.5rem;
        }

        .resource-description {
            color: var(--text-secondary);
            line-height: 1.5;
        }

        @media (max-width: 768px) {
            .guides-container {
                margin: 1rem;
                padding: 1rem;
            }
            .page-title { font-size: 2.2rem; }
            .language-tabs { border-radius: 16px; }
            .guide-section { padding: 1.5rem; }
            .grammar-grid { 
                grid-template-columns: 1fr; 
                gap: 1rem;
            }
            .resources-grid { grid-template-columns: 1fr; }
            .learning-plan b { 
                width: auto; 
                display: block; 
                margin-bottom: 5px; 
            }
            .learning-plan li {
                padding: 0.8rem;
                margin-bottom: 0.8rem;
            }
            .learning-tips li {
                padding-left: 1.2rem;
                margin-bottom: 0.6rem;
            }
        }
    </style>
</head>
<body>
    <div class="menu-toggle" aria-label="Menüyü aç/kapat" data-lang="menu-toggle-label"><span></span><span></span><span></span></div>
    <div class="theme-switcher" data-active="default" aria-label="Tema değiştirici" data-lang="theme-switcher-label"><div class="theme-track"><div class="theme-step" data-theme="default" title="Varsayılan Tema" data-lang="default-theme"></div><div class="theme-step" data-theme="blue" title="Mavi Tema" data-lang="blue-theme"></div><div class="theme-step" data-theme="purple" title="Mor Tema" data-lang="purple-theme"></div><div class="theme-step" data-theme="green" title="Yeşil Tema" data-lang="green-theme"></div></div><div class="theme-indicator"></div><div class="theme-preview" data-theme="default" title="Varsayılan Tema" data-lang="default-theme"></div><div class="theme-preview" data-theme="blue" title="Mavi Tema" data-lang="blue-theme"></div><div class="theme-preview" data-theme="purple" title="Mor Tema" data-lang="purple-theme"></div><div class="theme-preview" data-theme="green" title="Yeşil Tema" data-lang="green-theme"></div></div>
    <nav class="menu-container" role="navigation"><div class="language-selector"><select id="site-language-desktop" class="site-language-select"><option value="tr">🇹🇷 Türkçe</option><option value="en">🇺🇸 English</option><option value="de">🇩🇪 Deutsch</option><option value="es">🇪🇸 Español</option><option value="fr">🇫🇷 Français</option><option value="ru">🇷🇺 Русский</option></select></div><ul class="menu"><li><a href="anasayfa.html" data-lang="chat">Chat</a></li><li><a href="hakkında.html" data-lang="about">Lingoano Hakkında</a></li><li><a href="gunun-kelimesi.html" data-lang="word-of-day">Günün Kelimesi</a></li><li><a href="dil-rehberleri.html" aria-current="page" data-lang="language-guides">Dil Rehberleri</a></li><li><a href="indir.html" data-lang="download">İndir</a></li><li class="language-menu-item"><div class="language-selector"><select id="site-language" class="site-language-select"><option value="tr">🇹🇷 Türkçe</option><option value="en">🇺🇸 English</option><option value="de">🇩🇪 Deutsch</option><option value="es">🇪🇸 Español</option><option value="fr">🇫🇷 Français</option><option value="ru">🇷🇺 Русский</option></select></div></li></ul></nav>

    <main class="main-content">
        <div class="container">
            <header class="fade-in">
                <div class="header-content">
                    <img src="logos/logo.png" alt="Lingoano Logo" class="header-logo">
                    <h1 data-lang="language-guides-title">Dil Rehberleri</h1>
                </div>
            </header>

            <div class="guides-container">
                <div class="page-header">
                    <h2 class="page-title" data-lang="language-learning-guides">Dil Öğrenme Rehberleri</h2>
                    <p class="page-subtitle" data-lang="guides-subtitle">Gramer kuralları, taktikler ve öğrenme ipuçları</p>
                </div>

                <div class="language-tabs">
                    <div class="language-tab active" data-lang="en" data-lang-text="english">🇺🇸 <span data-lang="english">İngilizce</span></div>
                    <div class="language-tab" data-lang="de" data-lang-text="german">🇩🇪 <span data-lang="german">Almanca</span></div>
                    <div class="language-tab" data-lang="es" data-lang-text="spanish">🇪🇸 <span data-lang="spanish">İspanyolca</span></div>
                    <div class="language-tab" data-lang="fr" data-lang-text="french">🇫🇷 <span data-lang="french">Fransızca</span></div>
                    <div class="language-tab" data-lang="tr" data-lang-text="turkish">🇹🇷 <span data-lang="turkish">Türkçe</span></div>
                    <div class="language-tab" data-lang="ru" data-lang-text="russian">🇷🇺 <span data-lang="russian">Rusça</span></div>
                </div>

                <div id="en-guide" class="guide-content active" data-lang-content="en">
                    <div class="guide-section academic-intro">
                        <h3 class="section-title" data-lang="en-intro-title"><span class="section-icon">🌍</span>İngilizceye Giriş: Bir Dünya Dili</h3>
                        <p data-lang="en-intro-p">Hint-Avrupa dil ailesinin Cermen koluna mensup olan İngilizce, günümüzde bilimden teknolojiye, ticaretten diplomasiye kadar küresel iletişimin ortak dili (lingua franca) konumundadır. Analitik bir dil yapısına sahip olması, yani kelimelerin cümle içindeki işlevinin kelime sonu eklerinden ziyade kelime sırası ve yardımcı kelimelerle (prepositions, auxiliary verbs) belirlenmesi, onu diğer birçok dilden ayırır. Bu yolculukta, İngilizcenin esnek ve mantıksal yapısını keşfedecek ve küresel bir topluluğun parçası olacaksınız.</p>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="en-grammar-analysis-title"><span class="section-icon">📚</span>İngilizce Gramer Analizi</h3>
                        <div class="grammar-grid">
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-articles-title">Articles (a/an, the)</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="en-articles-exp"><b>a/an:</b> Genel bir nesneden bahsederken kullanılır. <b>the:</b> Belirli, daha önce bahsedilmiş bir nesneden bahsederken kullanılır.</div>
                                <div class="grammar-example">"I need <b>a</b> phone." (Herhangi bir telefon)<br>"<b>The</b> phone is ringing." (Belirli bir telefon)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-present-simple-title">Present Simple</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="en-present-simple-exp"><b>Kullanım:</b> Genel doğrular, alışkanlıklar. He/She/It ile fiil "-s" takısı alır.</div>
                                <div class="grammar-example"><b>(+)</b> They play tennis.<br><b>(-)</b> She <b>doesn't</b> like tea.<br><b>(?)</b> <b>Do</b> you speak English?</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-past-simple-title">Past Simple</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="en-past-simple-exp"><b>Kullanım:</b> Geçmişte bitmiş eylemler. Düzenli fiiller "-ed" alır, düzensizler değişir (V2).</div>
                                <div class="grammar-example"><b>(+)</b> We <b>watched</b> a movie.<br><b>(-)</b> He <b>didn't go</b> to the party.<br><b>(?)</b> <b>Did</b> they <b>finish</b>?</div>
                                <div class="attention-box" data-lang="en-past-simple-attn"><b>Dikkat:</b> Olumsuz ve soruda `did` kullanıldığında fiil yalın hale döner.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-present-perfect-title">Present Perfect</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="en-present-perfect-exp"><b>Kullanım:</b> Geçmişte başlayıp etkisi devam eden veya belirsiz bir zamanda olmuş eylemler. Yapı: have/has + V3.</div>
                                <div class="grammar-example">"I <b>have lost</b> my keys." (Etkisi: Anahtarlarım hala yok).<br>"She <b>has been</b> to Paris." (Ne zaman olduğu önemli değil).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-modal-verbs-title">Modal Verbs</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="en-modal-verbs-exp"><b>İşlevi:</b> Cümleye yetenek (can), olasılık (may), gereklilik (must), tavsiye (should) gibi anlamlar katarlar.</div>
                                <div class="grammar-example">"She <b>can</b> speak three languages."<br>"You <b>should</b> see a doctor."</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-gerunds-infinitives-title">Gerunds & Infinitives</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="en-gerunds-infinitives-exp"><b>Gerund (V-ing):</b> Bazı fiillerden sonra isim olarak kullanılır. (Enjoy, mind, suggest + V-ing).<br><b>Infinitive (to V):</b> Bazı fiillerden sonra amaç belirtmek için kullanılır. (Want, need, decide + to V).</div>
                                <div class="grammar-example">"I enjoy <b>reading</b>."<br>"She wants <b>to leave</b>."</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-conditionals-title">Conditional Sentences</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="en-conditionals-exp"><b>Zero Conditional:</b> Genel doğrular (If + Present, Present).<br><b>First Conditional:</b> Olası gelecek (If + Present, will + V).<br><b>Second Conditional:</b> Hayali durumlar (If + Past, would + V).</div>
                                <div class="grammar-example">"If it rains, I stay home."<br>"If you study, you will pass."<br>"If I had money, I would travel."</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-passive-voice-title">Passive Voice</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="en-passive-voice-exp"><b>Yapı:</b> be + V3. Eylemi yapan kişi önemli değilken veya bilinmediğinde kullanılır.</div>
                                <div class="grammar-example">"The book <b>was written</b> by Shakespeare."<br>"Coffee <b>is grown</b> in Brazil."</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-reported-speech-title">Reported Speech</div><span class="difficulty-badge c1">C1</span></div>
                                <div class="grammar-explanation" data-lang="en-reported-speech-exp"><b>Kural:</b> Başkasının sözünü aktarırken zaman geriye kayar. Present → Past, Past → Past Perfect.</div>
                                <div class="grammar-example">"I am tired" → He said he <b>was</b> tired.<br>"I went home" → He said he <b>had gone</b> home.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="en-relative-clauses-title">Relative Clauses</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="en-relative-clauses-exp"><b>Defining:</b> Tanımlayıcı bilgi verir, virgül kullanılmaz.<br><b>Non-defining:</b> Ek bilgi verir, virgülle ayrılır.</div>
                                <div class="grammar-example">"The man <b>who</b> lives here is my brother."<br>"My brother, <b>who</b> lives in London, is a doctor."</div>
                            </div>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="en-learning-tips-title"><span class="section-icon">💡</span>İngilizce Öğrenme İpuçları</h3>
                        <div class="learning-tips">
                            <h4 data-lang="en-5-golden-rules-title">Başarılı İngilizce Öğrenimi İçin 5 Altın Kural</h4>
                            <ul>
                                <li data-lang="en-tip-1"><b>Günlük Pratik:</b> Her gün en az 30 dakika İngilizce ile ilgilenin. Tutarlılık, yoğun çalışmadan daha etkilidir.</li>
                                <li data-lang="en-tip-2"><b>Çoklu Kaynak:</b> Sadece ders kitaplarına değil, film, müzik, podcast ve haber gibi gerçek materyallere de odaklanın.</li>
                                <li data-lang="en-tip-3"><b>Hata Yapmaktan Korkmayın:</b> Hatalar öğrenmenin doğal bir parçasıdır. Konuşmaya çalışın, mükemmel olmaya çalışmayın.</li>
                                <li data-lang="en-tip-4"><b>Bağlam İçinde Öğrenin:</b> Kelimeleri tek başına değil, cümle içinde öğrenin. Bu hem anlamı hem de kullanımı pekiştirir.</li>
                                <li data-lang="en-tip-5"><b>Kültürel Bağlam:</b> İngilizceyi sadece dil olarak değil, kültürün bir parçası olarak öğrenin. Bu, dili daha anlamlı hale getirir.</li>
                                <li data-lang="en-tip-6"><b>💬 Sohbet Pratiği:</b> Lingoano'nun İngilizce sohbet özelliğini kullanarak gerçek zamanlı konuşma pratiği yapın. Bu, öğrendiğiniz gramer kurallarını ve kelimeleri doğal bir şekilde kullanmanızı sağlar.</li>
                            </ul>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="learning-tactics-title"><span class="section-icon">🎯</span>Öğrenme Taktikleri</h3>
                        <div class="learning-plan">
                            <h4 data-lang="en-learning-strategies-title">İngilizce Öğrenme Stratejileri</h4>
                            <ul>
                                <li data-lang="en-tactic-1"><b>Kelime Öğrenme Stratejisi:</b> Kelimeleri bağlam içinde öğrenin. Tek başına kelime listesi yerine, cümle içinde kullanılan kelimeleri ezberleyin. Lingoano'nun İngilizce sohbet özelliğini kullanarak yeni öğrendiğiniz kelimeleri gerçek zamanlı konuşmada pratik edin.</li>
                                <li data-lang="en-tactic-2"><b>Gramer Öğrenme Yaklaşımı:</b> Gramer kurallarını sadece teorik olarak değil, pratik cümlelerle öğrenin. Her yeni kural öğrendiğinizde, o kuralı kullanarak en az 5 farklı cümle kurun. Lingoano ile bu cümleleri gerçek konuşma ortamında test edin.</li>
                                <li data-lang="en-tactic-3"><b>Dinleme ve Telaffuz Geliştirme:</b> Farklı aksanları dinleyin (İngiliz, Amerikan, Avustralya). Podcast'ler, YouTube videoları ve filmler izleyin. Lingoano'nun sesli sohbet özelliği ile telaffuzunuzu geliştirin ve gerçek İngilizce konuşmacılarla pratik yapın.</li>
                                <li data-lang="en-tactic-4"><b>Konuşma Pratiği:</b> Pasif öğrenme yerine aktif konuşma pratiği yapın. Lingoano'nun İngilizce sohbet odalarında günlük konular hakkında konuşun, sorular sorun ve cevaplar verin. Bu, öğrendiğiniz gramer kurallarını doğal bir şekilde kullanmanızı sağlar.</li>
                                <li data-lang="en-tactic-5"><b>Kültürel Bağlam:</b> İngilizceyi sadece dil olarak değil, kültürün bir parçası olarak öğrenin. İngilizce haberler, blog yazıları ve sosyal medya içeriklerini takip edin. Lingoano'da bu konular hakkında sohbet ederek kültürel farkındalığınızı artırın.</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="did-you-know-box">
                        <h4 data-lang="culture-note-title">💡 Dil ve Kültür Notu</h4>
                        <p data-lang="en-did-you-know">İngilizcedeki "phrasal verbs" (örn: look up, give up, get along) sayısı binlercedir ve günlük konuşmanın temelini oluşturur. Bu deyimsel fiilleri öğrenmek, dili anadili gibi konuşanları anlamada ve daha doğal bir ifadeye sahip olmada kilit rol oynar.</p>
                    </div>
                </div>

                <div id="de-guide" class="guide-content" data-lang-content="de">
                    <div class="guide-section academic-intro">
                        <h3 class="section-title" data-lang="de-intro-title"><span class="section-icon">⚙️</span>Almancaya Giriş: Mantık ve Yapı Dili</h3>
                        <p data-lang="de-intro-p">İngilizce gibi Cermen dil ailesine mensup olan Almanca, kurallı ve mantıksal yapısıyla öne çıkar. İsmin halleri (Kasus) ve fiillerin cümledeki konumu gibi yapısal özellikleri, ona bir mühendislik hassasiyeti kazandırır. Bu yapı, ilk başta karmaşık görünse de, temel prensipleri anlaşıldığında dilin ne kadar öngörülebilir ve tutarlı olduğunu göreceksiniz. Almanca öğrenmek, sadece yeni bir iletişim kapısı aralamakla kalmaz, aynı zamanda analitik düşünme becerilerinizi de geliştirir.</p>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="de-grammar-analysis-title"><span class="section-icon">📚</span>Almanca Gramer Analizi</h3>
                        <div class="grammar-grid">
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-artikel-title">Artikel ve Cinsiyet</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="de-artikel-exp"><b>Kural:</b> Her ismin bir cinsiyeti vardır: <b>der</b> (eril), <b>die</b> (dişil), <b>das</b> (nötr). Kelimeyle birlikte ezberlenmelidir.</div>
                                <div class="grammar-example"><b>der</b> Tisch (masa), <b>die</b> Lampe (lamba), <b>das</b> Buch (kitap)</div>
                                <div class="attention-box" data-lang="de-artikel-attn"><b>Dikkat:</b> "das Mädchen" (kız çocuğu) kelimesinin nötr olması, dilbilgisel cinsiyetin önemini gösterir.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-kasus-title">İsmin Halleri (Kasus)</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="de-kasus-exp">Bir ismin cümledeki görevini belirtir ve artikeli değiştirir.<br><b>Nominativ:</b> Özne - <b>Der Hund</b> ist klein.<br><b>Akkusativ:</b> Belirtili nesne (-i) - Ich sehe <b>den Hund</b>.<br><b>Dativ:</b> Yönelme/dolaylı nesne (-e) - Ich gebe <b>dem Hund</b> Wasser.</div>
                                <div class="grammar-example">"der Hund" -> "den Hund" -> "dem Hund"</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-satzbau-title">Söz Dizimi (Satzbau)</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="de-satzbau-exp"><b>Temel Kural (V2):</b> Düz cümlelerde çekimli fiil <b>daima ikinci pozisyondadır.</b></div>
                                <div class="grammar-example"><b>Ich lerne</b> heute Deutsch.<br><b>Heute lerne</b> ich Deutsch.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-perfekt-title">Perfekt Tense</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="de-perfekt-exp"><b>Kullanım:</b> Konuşma dilinde geçmiş zamanı anlatmak için en yaygın kullanılan yapıdır. Yapı: haben/sein + Partizip II.</div>
                                <div class="grammar-example">"Ich <b>habe</b> einen Film <b>gesehen</b>." (Bir film izledim).<br>"Er <b>ist</b> nach Berlin <b>gefahren</b>." (O, Berlin'e gitti - hareket fiili).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-trennbare-verben-title">Ayrılabilen Fiiller</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="de-trennbare-verben-exp"><b>Yapı:</b> "anrufen" (telefon etmek) gibi fiillerin ön ekleri (an-), ana cümlede cümlenin sonuna gider.</div>
                                <div class="grammar-example">"Ich <b>rufe</b> dich morgen <b>an</b>." (Seni yarın ararım.)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-praepositionen-title">Edatlar (Präpositionen)</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="de-praepositionen-exp">Almancada edatlar kendilerinden sonra gelen ismin halini (Akkusativ veya Dativ) belirler. Bu ezberlenmelidir.<br><b>Akkusativ:</b> für, durch, gegen...<br><b>Dativ:</b> mit, nach, von, zu...</div>
                                <div class="grammar-example">"Ich fahre <b>mit dem</b> Auto." (mit + Dativ)<br>"Das Geschenk ist <b>für dich</b>." (für + Akkusativ)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-konjunktiv-title">Konjunktiv II</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="de-konjunktiv-exp"><b>Kullanım:</b> Hayali durumlar, nazik istekler ve geçmişte olmayan olayları ifade etmek için kullanılır.</div>
                                <div class="grammar-example">"Wenn ich Zeit <b>hätte</b>, würde ich reisen." (Zamanım olsaydı seyahat ederdim).<br>"Könntest du mir helfen?" (Bana yardım edebilir misin?)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-relativsaetze-title">Relativsätze</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="de-relativsaetze-exp"><b>Yapı:</b> İsimleri tanımlamak için kullanılan yan cümleler. Relativpronomen (der, die, das, denen) kullanılır.</div>
                                <div class="grammar-example">"Das ist der Mann, <b>der</b> mir geholfen hat." (Bu bana yardım eden adam).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-passiv-title">Passiv</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="de-passiv-exp"><b>Yapı:</b> werden + Partizip II. Eylemi yapan kişi önemli değilken kullanılır.</div>
                                <div class="grammar-example">"Das Buch <b>wird</b> von vielen Studenten <b>gelesen</b>." (Kitap birçok öğrenci tarafından okunur).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="de-infinitiv-zu-title">Infinitiv mit zu</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="de-infinitiv-zu-exp"><b>Kullanım:</b> Bazı fiillerden sonra amaç belirtmek için kullanılır. "zu" + fiil mastar hali.</div>
                                <div class="grammar-example">"Ich versuche, Deutsch <b>zu lernen</b>." (Almanca öğrenmeye çalışıyorum).</div>
                            </div>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="de-learning-tips-title"><span class="section-icon">💡</span>Almanca Öğrenme İpuçları</h3>
                        <div class="learning-tips">
                            <h4 data-lang="de-5-strategies-title">Almanca Öğreniminde Başarı İçin 5 Strateji</h4>
                            <ul>
                                <li data-lang="de-tip-1"><b>Artikel Ezberleme:</b> Her yeni kelimeyi artikeliyle birlikte öğrenin. Renkli kartlar kullanarak cinsiyetleri görselleştirin.</li>
                                <li data-lang="de-tip-2"><b>Kasus Sistemi:</b> İsmin hallerini günlük hayattan örneklerle pratik edin. "Ich gebe dem Hund Wasser" gibi basit cümleler kurun.</li>
                                <li data-lang="de-tip-3"><b>Fiil Çekimleri:</b> Düzenli fiilleri (-en, -st, -t, -en, -t, -en) ritmik olarak tekrarlayın. Bu otomatikleşecektir.</li>
                                <li data-lang="de-tip-4"><b>Birleşik Kelimeler:</b> Uzun kelimeleri parçalara ayırın. "Handschuh" = Hand (el) + Schuh (ayakkabı) = eldiven.</li>
                                <li data-lang="de-tip-5"><b>Alman Kültürü:</b> Alman filmleri, müziği ve haberlerini takip edin. Bu, dili doğal bağlamında öğrenmenizi sağlar.</li>
                                <li data-lang="de-tip-6"><b>💬 Sohbet Pratiği:</b> Lingoano'nun Almanca sohbet özelliğini kullanarak öğrendiğiniz gramer kurallarını pratik edin. Gerçek zamanlı konuşma, dil becerilerinizi hızla geliştirir.</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="guide-section">
                        <h3 class="section-title" data-lang="learning-tactics-title"><span class="section-icon">🎯</span>Öğrenme Taktikleri</h3>
                        <div class="learning-plan">
                            <h4 data-lang="de-learning-strategies-title">Almanca Öğrenme Stratejileri</h4>
                            <ul>
                                <li data-lang="de-tactic-1"><b>Artikel ve Cinsiyet Sistemi:</b> Her yeni kelimeyi artikeliyle birlikte öğrenin. Renkli kartlar kullanarak cinsiyetleri görselleştirin. Lingoano'nun Almanca sohbet özelliğinde bu kelimeleri kullanarak artikelleri doğal bir şekilde öğrenin.</li>
                                <li data-lang="de-tactic-2"><b>Kasus (İsmin Halleri) Öğrenimi:</b> İsmin hallerini günlük hayattan örneklerle pratik edin. "Ich gebe dem Hund Wasser" gibi basit cümleler kurun. Lingoano'da bu yapıları gerçek konuşmada test edin ve hatalarınızı düzeltin.</li>
                                <li data-lang="de-tactic-3"><b>Fiil Çekimleri ve Söz Dizimi:</b> Düzenli fiilleri ritmik olarak tekrarlayın. V2 kuralını (çekimli fiil ikinci pozisyonda) günlük cümlelerle pratik edin. Lingoano'nun Almanca sohbet odalarında bu kuralları uygulayarak otomatikleştirin.</li>
                                <li data-lang="de-tactic-4"><b>Birleşik Kelimeler ve Kelime Yapısı:</b> Uzun kelimeleri parçalara ayırın. "Handschuh" = Hand (el) + Schuh (ayakkabı) = eldiven. Lingoano'da bu kelimeleri kullanarak anlamlarını pekiştirin.</li>
                                <li data-lang="de-tactic-5"><b>Alman Kültürü ve Gerçek Materyaller:</b> Alman filmleri, müziği ve haberlerini takip edin. Lingoano'nun Almanca sohbet özelliğinde bu kültürel konular hakkında konuşarak dili doğal bağlamında öğrenin.</li>
                            </ul>
                        </div>
                    </div>

                    <div class="did-you-know-box">
                        <h4 data-lang="culture-note-title">💡 Dil ve Kültür Notu</h4>
                        <p data-lang="de-did-you-know">Almancanın birleşik kelimeler (Komposita) oluşturma yeteneği meşhurdur. "Handschuh" (el ayakkabısı -> eldiven) gibi basit örneklerden, yasal metinlerdeki çok uzun kelimelere kadar bu özellik, dilin ne kadar modüler ve yaratıcı olabildiğini gösterir.</p>
                    </div>
                </div>

                <div id="es-guide" class="guide-content" data-lang-content="es">
                    <div class="guide-section academic-intro">
                        <h3 class="section-title" data-lang="es-intro-title"><span class="section-icon">💃</span>İspanyolcaya Giriş: Melodi ve Duygu Dili</h3>
                        <p data-lang="es-intro-p">Hint-Avrupa dil ailesinin Roman koluna mensup olan İspanyolca, dünya üzerinde en çok konuşulan ikinci dildir. Fonetik yapısı (genellikle yazıldığı gibi okunması) ve melodik tonlamasıyla öğrenmesi keyifli bir dildir. "Ser" ve "estar" gibi iki farklı "olmak" fiiliyle durum ve öz arasındaki felsefi ayrımı dilbilgisine taşıması, dilin ne kadar zengin ve incelikli olduğunu gösterir. İspanyolca öğrenmek, sadece Latin Amerika'dan İspanya'ya uzanan devasa bir coğrafyanın kapılarını değil, aynı zamanda sıcak ve tutkulu bir kültürün kalbini de size açacaktır.</p>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="es-grammar-analysis-title"><span class="section-icon">📚</span>İspanyolca Gramer Analizi</h3>
                        <div class="grammar-grid">
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-ser-estar-title">Ser ve Estar Farkı</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="es-ser-estar-exp"><b>Ser:</b> Kalıcı, değişmeyen özellikler (kimlik, meslek). "Yo <b>soy</b> profesor."<br><b>Estar:</b> Geçici durumlar ve konum (duygu, yer). "Yo <b>estoy</b> cansado."</div>
                                <div class="grammar-example">"La manzana <b>es</b> verde." (Türü yeşil).<br>"La manzana <b>está</b> verde." (Ham).</div>
                                <div class="attention-box" data-lang="es-ser-estar-attn"><b>Dikkat:</b> Bu ayrım İspanyolcanın temelidir.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-gender-agreement-title">Cinsiyet ve Uyum</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="es-gender-agreement-exp"><b>Kural:</b> İsimler eril (genellikle -o) veya dişildir (-a). Sıfatlar ve artikeller, ismin cinsiyetine ve sayısına uymak zorundadır.</div>
                                <div class="grammar-example">el chic<b>o</b> alt<b>o</b> (uzun erkek çocuk)<br>la chic<b>a</b> alt<b>a</b> (uzun kız çocuk)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-preterito-imperfecto-title">Pretérito vs. Imperfecto</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="es-preterito-imperfecto-exp">İki temel geçmiş zaman vardır.<br><b>Pretérito:</b> Geçmişte bir kez olmuş ve bitmiş eylemler. "Ayer <b>comí</b> paella." (Dün paella yedim).<br><b>Imperfecto:</b> Geçmişteki alışkanlıklar, tekrarlanan eylemler veya arka plan betimlemeleri. "Cuando era niño, <b>jugaba</b> al fútbol." (Çocukken futbol oynardım).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-por-para-title">Por ve Para Farkı</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="es-por-para-exp">İkisi de "için" anlamına gelebilir ama kullanımları farklıdır.<br><b>Por:</b> Neden, sebep, aracılık. "Lo hice <b>por</b> ti." (Senin uğruna yaptım).<br><b>Para:</b> Amaç, hedef, alıcı. "Este regalo es <b>para</b> ti." (Bu hediye senin için).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-subjuntivo-title">Subjuntivo (Dilek Kipi)</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="es-subjuntivo-exp"><b>İşlevi:</b> Gerçeklerden ziyade, öznel duyguları, istekleri, şüpheleri, olasılıkları ifade etmek için kullanılan özel bir fiil çekimidir.</div>
                                <div class="grammar-example">"Espero que <b>vengas</b> a la fiesta." (Umarım partiye gelirsin.)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-punctuation-title">Ters Soru/Ünlem İşareti</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="es-punctuation-exp"><b>İşlevi:</b> Soru (¿) ve ünlem (¡) işaretleri cümlenin hem başına (ters) hem de sonuna konulur. Bu, okuyucuya cümlenin tonlamasını en baştan verir.</div>
                                <div class="grammar-example"><b>¿</b>Cómo te llamas<b>?</b><br><b>¡</b>Qué día tan bonito<b>!</b></div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-reflexive-verbs-title">Reflexive Verbs</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="es-reflexive-verbs-exp"><b>Yapı:</b> Fiil + se. Eylemi yapan ve etkilenen aynı kişi olduğunda kullanılır.</div>
                                <div class="grammar-example">"Me <b>levanto</b> temprano." (Erken kalkarım).<br>"Se <b>duerme</b> en el sofá." (Kanepede uyur).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-object-pronouns-title">Direct/Indirect Objects</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="es-object-pronouns-exp"><b>Direct Object:</b> Eylemin doğrudan etkilediği nesne (lo, la, los, las).<br><b>Indirect Object:</b> Eylemden dolaylı olarak etkilenen (le, les).</div>
                                <div class="grammar-example">"Te <b>lo</b> doy." (Sana onu veriyorum).<br>"Le <b>escribo</b> una carta." (Ona bir mektup yazıyorum).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-future-tense-title">Future Tense</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="es-future-tense-exp"><b>Yapı:</b> Infinitive + ending (-é, -ás, -á, -emos, -éis, -án). Gelecekteki eylemler için kullanılır.</div>
                                <div class="grammar-example">"Mañana <b>viajaré</b> a Madrid." (Yarın Madrid'e seyahat edeceğim).<br>"¿<b>Vendrás</b> a la fiesta?" (Partiye gelecek misin?)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="es-conditional-tense-title">Conditional Tense</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="es-conditional-tense-exp"><b>Yapı:</b> Infinitive + conditional ending (-ía, -ías, -ía, -íamos, -íais, -ían). Nazik istekler ve hayali durumlar için.</div>
                                <div class="grammar-example">"Me <b>gustaría</b> visitar España." (İspanya'yı ziyaret etmek isterdim).<br>"¿<b>Podrías</b> ayudarme?" (Bana yardım edebilir misin?)</div>
                            </div>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="es-learning-tips-title"><span class="section-icon">💡</span>İspanyolca Öğrenme İpuçları</h3>
                        <div class="learning-tips">
                            <h4 data-lang="es-5-strategies-title">İspanyolca Öğreniminde Başarı İçin 5 Strateji</h4>
                            <ul>
                                <li data-lang="es-tip-1"><b>Ser vs Estar:</b> Bu iki fiili günlük hayattan örneklerle pratik edin. "Soy estudiante" (öğrenciyim) vs "Estoy cansado" (yorgunum).</li>
                                <li data-lang="es-tip-2"><b>Telaffuz Pratiği:</b> "rr", "ñ" ve "j" seslerini düzenli olarak çalışın. "Perro" (köpek) kelimesini tekrarlayın.</li>
                                <li data-lang="es-tip-3"><b>Fiil Çekimleri:</b> Düzenli fiillerin şimdiki zaman çekimlerini (-o, -as, -a, -amos, -áis, -an) ezberleyin.</li>
                                <li data-lang="es-tip-4"><b>Latin Kültürü:</b> İspanyolca konuşan ülkelerin müziğini, filmlerini ve haberlerini takip edin.</li>
                                <li data-lang="es-tip-5"><b>Günlük Konuşma:</b> "¿Cómo estás?", "Mucho gusto" gibi temel ifadeleri günlük hayatta kullanın.</li>
                                <li data-lang="es-tip-6"><b>💬 Sohbet Pratiği:</b> Lingoano'nun İspanyolca sohbet özelliğini kullanarak "Ser" ve "Estar" gibi karmaşık gramer kurallarını pratik edin. Gerçek konuşma, bu ayrımı anlamanızı kolaylaştırır.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="guide-section">
                        <h3 class="section-title" data-lang="learning-tactics-title"><span class="section-icon">🎯</span>Öğrenme Taktikleri</h3>
                        <div class="learning-plan">
                            <h4 data-lang="es-learning-strategies-title">İspanyolca Öğrenme Stratejileri</h4>
                            <ul>
                                <li data-lang="es-tactic-1"><b>Ser vs Estar Ayrımı:</b> Bu iki fiili günlük hayattan örneklerle pratik edin. "Soy estudiante" (öğrenciyim) vs "Estoy cansado" (yorgunum). Lingoano'nun İspanyolca sohbet özelliğinde bu ayrımı gerçek konuşmada test edin.</li>
                                <li data-lang="es-tactic-2"><b>Telaffuz ve Ses Sistemi:</b> "rr", "ñ" ve "j" seslerini düzenli olarak çalışın. "Perro" (köpek) kelimesini tekrarlayın. Lingoano'nun sesli sohbet özelliği ile telaffuzunuzu geliştirin ve gerçek İspanyolca konuşmacılarla pratik yapın.</li>
                                <li data-lang="es-tactic-3"><b>Fiil Çekimleri ve Zaman Sistemleri:</b> Düzenli fiillerin şimdiki zaman çekimlerini (-o, -as, -a, -amos, -áis, -an) ezberleyin. Pretérito ve Imperfecto arasındaki farkı anlayın. Lingoano'da bu zamanları kullanarak cümleler kurun.</li>
                                <li data-lang="es-tactic-4"><b>Latin Kültürü ve Gerçek Materyaller:</b> İspanyolca konuşan ülkelerin müziğini, filmlerini ve haberlerini takip edin. Lingoano'nun İspanyolca sohbet odalarında bu kültürel konular hakkında konuşarak dili doğal bağlamında öğrenin.</li>
                                <li data-lang="es-tactic-5"><b>Günlük Konuşma ve İletişim:</b> "¿Cómo estás?", "Mucho gusto" gibi temel ifadeleri günlük hayatta kullanın. Lingoano'da günlük konular hakkında sohbet ederek bu ifadeleri pekiştirin.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="did-you-know-box">
                        <h4 data-lang="culture-note-title">💡 Dil ve Kültür Notu</h4>
                        <p data-lang="es-did-you-know">"Ser" ve "estar" arasındaki ayrım, her ikisi de İngilizce'de "to be" olarak çevrilir, İspanyolca'nın merkezi bir özelliğidir. Bu, dilin, diğer birçok dilde bulunmayan, şeylerin doğası (kalıcı vs. geçici) hakkında incelikli bir tanımlama yapmasını sağlar.</p>
                    </div>
                </div>

                <div id="fr-guide" class="guide-content" data-lang-content="fr">
                    <div class="guide-section academic-intro">
                        <h3 class="section-title" data-lang="fr-intro-title"><span class="section-icon">🎨</span>Fransızcaya Giriş: Zarafet ve Kural Dili</h3>
                        <p data-lang="fr-intro-p">İspanyolca gibi Roman dillerinden olan Fransızca, diplomasi, moda ve sanatın dili olarak bilinir. Zengin ses yapısı, nazal ünlüler (en, on, un) ve "liaison" (ulama) gibi fonetik kurallarıyla kendine has bir müzikaliteye sahiptir. Dilbilgisi kuralları oldukça yapılandırılmıştır ve fiil çekimleri (conjugaison) dilin merkezinde yer alır. Fransızca öğrenmek, sadece estetik bir dil öğrenmek değil, aynı zamanda dünya kültür ve düşünce tarihine derin bir yolculuk yapmaktır.</p>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="fr-grammar-analysis-title"><span class="section-icon">📚</span>Fransızca Gramer Analizi</h3>
                        <div class="grammar-grid">
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-etre-avoir-title">Être & Avoir</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="fr-etre-avoir-exp">Bu iki düzensiz fiil, Fransızcanın temelidir. "Être" (olmak) ve "Avoir" (sahip olmak) aynı zamanda geçmiş zaman (passé composé) oluştururken yardımcı fiil olarak kullanılırlar.</div>
                                <div class="grammar-example">"Je <b>suis</b> étudiant." (Ben öğrenciyim).<br>"J'<b>ai</b> un livre." (Bir kitabım var).<br>"J'<b>ai mangé</b>." (Yedim).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-negation-title">Negasyon: Ne... pas</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="fr-negation-exp"><b>Yapı:</b> Fransızcada olumsuzluk, fiili "ne" ve "pas" arasına alarak yapılır.</div>
                                <div class="grammar-example">"Je parle français." -> "Je <b>ne</b> parle <b>pas</b> français."</div>
                                <div class="attention-box" data-lang="fr-negation-attn"><b>Dikkat:</b> Konuşma dilinde "ne" sıklıkla düşer ("Je parle pas"), ama yazı dilinde zorunludur.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-passe-compose-title">Passé Composé</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="fr-passe-compose-exp"><b>Kullanım:</b> Konuşma dilinde en yaygın geçmiş zamandır. Yapı: avoir/être + fiilin geçmiş zaman hali (participe passé).<br><b>Être kullanımı:</b> Genellikle hareket ve durum değişikliği bildiren fiillerle kullanılır (aller, venir, partir...).</div>
                                <div class="grammar-example">"J'<b>ai regardé</b> un film." (Bir film izledim).<br>"Elle <b>est allée</b> au cinéma." (Sinemaya gitti).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-partitifs-title">Partitif Artikeller</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="fr-partitifs-exp"><b>İşlevi:</b> Sayılamayan isimlerin "bir miktar"ını belirtmek için kullanılır.<br><b>du</b> (eril), <b>de la</b> (dişil), <b>de l'</b> (sesli harf), <b>des</b> (çoğul).</div>
                                <div class="grammar-example">"Je bois <b>du</b> café." (Kahve içerim).<br>"Tu veux <b>de la</b> salade ?" (Salata ister misin?)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-y-en-pronouns-title">Y ve En Zamirleri</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="fr-y-en-pronouns-exp"><b>Y:</b> Genellikle "à + yer" veya "à + bir şey" yapısının yerini tutar. "Oraya, orada" anlamı katar.<br><b>En:</b> Genellikle "de + bir şey" yapısının veya bir miktarın yerini tutar. "Ondan, ondan bir miktar" anlamı katar.</div>
                                <div class="grammar-example">"Tu vas à Paris?" -> "Oui, j'<b>y</b> vais." (Evet, oraya gidiyorum).<br>"Tu veux du café?" -> "Oui, j'<b>en</b> veux." (Evet, ondan istiyorum).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-liaison-title">Liaison (Ulama)</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="fr-liaison-exp"><b>Kural:</b> Sessiz harfle biten bir kelime, sesli harfle başlayan bir sonraki kelimeye bağlanarak okunur. Bu, dile akıcılık katar.</div>
                                <div class="grammar-example">"les amis" -> "le-<b>z</b>-ami"<br>"vous avez" -> "vou-<b>z</b>-ave"</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-subjonctif-title">Subjonctif</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="fr-subjonctif-exp"><b>Kullanım:</b> Öznel duyguları, istekleri, şüpheleri ifade etmek için kullanılır. "que" ile başlayan yan cümlelerde görülür.</div>
                                <div class="grammar-example">"Il faut que tu <b>viennes</b>." (Gelmen gerekiyor).<br>"Je veux que tu <b>sois</b> heureux." (Mutlu olmanı istiyorum).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-imparfait-title">Imparfait</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="fr-imparfait-exp"><b>Kullanım:</b> Geçmişteki alışkanlıklar, sürekli durumlar ve arka plan betimlemeleri için kullanılır.</div>
                                <div class="grammar-example">"Quand j'<b>étais</b> jeune, je <b>jouais</b> au football." (Gençken futbol oynardım).<br>"Il <b>faisait</b> beau hier." (Dün hava güzeldi).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-futur-simple-title">Futur Simple</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="fr-futur-simple-exp"><b>Yapı:</b> Infinitive + future ending (-ai, -as, -a, -ons, -ez, -ont). Gelecekteki eylemler için kullanılır.</div>
                                <div class="grammar-example">"Demain, je <b>partirai</b> en voyage." (Yarın seyahate çıkacağım).<br>"Tu <b>viendras</b> à la fête ?" (Partiye gelecek misin?)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="fr-conditionnel-title">Conditionnel Présent</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="fr-conditionnel-exp"><b>Yapı:</b> Futur simple kökü + imparfait ending. Nazik istekler ve hayali durumlar için kullanılır.</div>
                                <div class="grammar-example">"Je <b>voudrais</b> visiter la France." (Fransa'yı ziyaret etmek isterdim).<br>"Pourrais-tu m'aider ?" (Bana yardım edebilir misin?)</div>
                            </div>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="fr-learning-tips-title"><span class="section-icon">💡</span>Fransızca Öğrenme İpuçları</h3>
                        <div class="learning-tips">
                            <h4 data-lang="fr-5-strategies-title">Fransızca Öğreniminde Başarı İçin 5 Strateji</h4>
                            <ul>
                                <li data-lang="fr-tip-1"><b>Nazal Sesler:</b> "en", "on", "un" gibi nazal sesleri düzenli olarak pratik edin. "Bonjour" kelimesini doğru telaffuz edin.</li>
                                <li data-lang="fr-tip-2"><b>Liaison Kuralları:</b> Ulama kurallarını öğrenin ve uygulayın. "Vous avez" → "vou-z-ave" gibi.</li>
                                <li data-lang="fr-tip-3"><b>Fiil Çekimleri:</b> Düzenli "-er" fiillerin çekimlerini (-e, -es, -e, -ons, -ez, -ent) ezberleyin.</li>
                                <li data-lang="fr-tip-4"><b>Fransız Kültürü:</b> Fransız filmleri, müziği ve haberlerini takip edin. "Chanson" tarzı müzikleri dinleyin.</li>
                                <li data-lang="fr-tip-5"><b>Günlük İfadeler:</b> "Bonjour", "Au revoir", "S'il vous plaît" gibi temel ifadeleri günlük hayatta kullanın.</li>
                                <li data-lang="fr-tip-6"><b>💬 Sohbet Pratiği:</b> Lingoano'nun Fransızca sohbet özelliğini kullanarak nazal sesleri ve liaison kurallarını pratik edin. Gerçek konuşma, Fransızca telaffuzunuzu mükemmelleştirir.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="guide-section">
                        <h3 class="section-title" data-lang="learning-tactics-title"><span class="section-icon">🎯</span>Öğrenme Taktikleri</h3>
                        <div class="learning-plan">
                            <h4 data-lang="fr-learning-strategies-title">Fransızca Öğrenme Stratejileri</h4>
                            <ul>
                                <li data-lang="fr-tactic-1"><b>Nazal Sesler ve Telaffuz:</b> "en", "on", "un" gibi nazal sesleri düzenli olarak pratik edin. "Bonjour" kelimesini doğru telaffuz edin. Lingoano'nun Fransızca sohbet özelliğinde bu sesleri gerçek konuşmada pratik edin.</li>
                                <li data-lang="fr-tactic-2"><b>Liaison Kuralları ve Akıcılık:</b> Ulama kurallarını öğrenin ve uygulayın. "Vous avez" → "vou-z-ave" gibi. Lingoano'nun sesli sohbet özelliği ile bu kuralları doğal konuşmada uygulayın.</li>
                                <li data-lang="fr-tactic-3"><b>Fiil Çekimleri ve Zaman Sistemleri:</b> Düzenli "-er" fiillerin çekimlerini (-e, -es, -e, -ons, -ez, -ent) ezberleyin. Passé Composé ve Imparfait arasındaki farkı anlayın. Lingoano'da bu zamanları kullanarak cümleler kurun.</li>
                                <li data-lang="fr-tactic-4"><b>Fransız Kültürü ve Gerçek Materyaller:</b> Fransız filmleri, müziği ve haberlerini takip edin. "Chanson" tarzı müzikleri dinleyin. Lingoano'nun Fransızca sohbet odalarında bu kültürel konular hakkında konuşarak dili doğal bağlamında öğrenin.</li>
                                <li data-lang="fr-tactic-5"><b>Günlük İletişim ve Pratik:</b> "Bonjour", "Au revoir", "S'il vous plaît" gibi temel ifadeleri günlük hayatta kullanın. Lingoano'da günlük konular hakkında sohbet ederek bu ifadeleri pekiştirin.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="did-you-know-box">
                        <h4 data-lang="culture-note-title">💡 Dil ve Kültür Notu</h4>
                        <p data-lang="fr-did-you-know">Quebec'te (Kanada) konuşulan Fransızca, Fransa'daki Fransızcadan telaffuz, kelime dağarcığı ve deyimler açısından önemli farklılıklar gösterir ve bu da onu canlı ve benzersiz bir lehçe yapar.</p>
                    </div>
                </div>

                <div id="tr-guide" class="guide-content" data-lang-content="tr">
                    <div class="guide-section academic-intro">
                        <h3 class="section-title" data-lang="tr-intro-title"><span class="section-icon">🧩</span>Türkçeye Giriş: Eklemeli ve Uyumlu Dil</h3>
                        <p data-lang="tr-intro-p">Ural-Altay dil ailesinin Altay koluna mensup olan Türkçe, eklemeli (agglutinative) yapısıyla dikkat çeker. Bu, kelime köklerine anlam ve işlev katan eklerin birbiri ardına sıralanması demektir. Bu yapı, "gözlükçülük" gibi tek bir kelimeyle karmaşık bir kavramı ifade etme imkanı sunar. Büyük ve küçük ünlü uyumu gibi ses kuralları, dile fonetik bir ahenk ve matematiksel bir düzen kazandırır. Türkçe öğrenmek, kelimeleri bir lego gibi birleştirerek yeni anlamlar inşa etme sanatını keşfetmektir.</p>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="tr-grammar-analysis-title"><span class="section-icon">📚</span>Türkçe Gramer Analizi</h3>
                        <div class="grammar-grid">
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-vowel-harmony-title">Ünlü Uyumu</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="tr-vowel-harmony-exp"><b>İşlevi:</b> Türkçenin temel ses kuralıdır. Bir kelimeye eklenecek ekin ünlüsü, kelimenin son ünlüsüne göre belirlenir.<br><b>Büyük Ünlü Uyumu:</b> Kalın ünlülerden (a, ı, o, u) sonra kalın, ince ünlülerden (e, i, ö, ü) sonra ince ünlü gelir.</div>
                                <div class="grammar-example">ev-<b>ler</b> (e -> e), kapı-<b>lar</b> (ı -> a)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-agglutination-title">Eklemeli Yapı</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="tr-agglutination-exp"><b>Kural:</b> Kelime köküne önce yapım ekleri (anlam değiştiren), sonra çekim ekleri (işlev belirten) gelir. Her ekin tek bir görevi vardır.</div>
                                <div class="grammar-example"><b>Kök:</b> göz -> <b>Yapım:</b> göz-lük -> <b>Çekim:</b> gözlük-ler-im-de</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-sov-structure-title">Söz Dizimi (SOV)</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="tr-sov-structure-exp"><b>Yapı:</b> Türkçede temel cümle dizilimi <b>Özne-Nesne-Yüklem</b> (Subject-Object-Verb) şeklindedir. Yüklem (fiil) genellikle cümlenin en sonunda yer alır.</div>
                                <div class="grammar-example">"Ben (Ö) dün (Zarf) bir kitap (N) okudum (Y)."</div>
                                <div class="attention-box" data-lang="tr-sov-structure-attn"><b>Karşılaştırma:</b> İngilizcede bu cümle "I read a book yesterday" (SVO) şeklinde kurulur.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-noun-compounds-title">İsim Tamlamaları</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="tr-noun-compounds-exp"><b>Yapı:</b> İki ismin bir araya gelerek yeni bir kavram oluşturmasıdır.<br><b>Belirtili:</b> Tamlayan (-in) ve tamlanan (-i) ek alır. (kapı<b>nın</b> kol<b>u</b>)<br><b>Belirtisiz:</b> Sadece tamlanan (-i) ek alır. (okul kapı<b>sı</b>)</div>
                                <div class="grammar-example">"Araba<b>nın</b> anahtar<b>ı</b>"<br>"Buzdolabı"</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-verbals-title">Fiilimsiler</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="tr-verbals-exp"><b>İşlevi:</b> Fiil köklerinden türeyerek cümlede isim, sıfat veya zarf görevi gören kelimelerdir. Cümleleri birleştirmek ve kısaltmak için kullanılır.<br><b>İsim-fiil:</b> -ma, -ış, -mak<br><b>Sıfat-fiil:</b> -an, -ası, -mez, -ar, -dik, -ecek, -miş<br><b>Zarf-fiil:</b> -ken, -alı, -ip...</div>
                                <div class="grammar-example">"<b>Okumak</b> güzeldir." (İsim-fiil)<br>"<b>Gelen</b> misafirleri tanıdım." (Sıfat-fiil)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-var-yok-title">"Var" ve "Yok"</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="tr-var-yok-exp"><b>Kullanım:</b> Sahiplik belirtmek için İngilizcedeki "have/has" yerine kullanılır. Bir şeyin varlığını veya yokluğunu belirtir.</div>
                                <div class="grammar-example">"Benim bir arabam <b>var</b>." (I have a car).<br>"Evde ekmek <b>yok</b>." (There is no bread at home).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-tense-suffixes-title">Zaman Ekleri</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="tr-tense-suffixes-exp"><b>Şimdiki Zaman:</b> -iyor eki ile yapılır. "Ben okuyorum, sen okuyorsun..."<br><b>Geçmiş Zaman:</b> -di/-dı eki ile yapılır. "Ben okudum, sen okudun..."<br><b>Gelecek Zaman:</b> -ecek/-acak eki ile yapılır. "Ben okuyacağım, sen okuyacaksın..."</div>
                                <div class="grammar-example">"Şu anda kitap <b>okuyorum</b>."<br>"Dün film <b>izledim</b>."<br>"Yarın spor <b>yapacağım</b>."</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-plural-suffix-title">Çoğul Eki</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="tr-plural-suffix-exp"><b>Kural:</b> İsimlere -ler/-lar eki eklenerek çoğul yapılır. Ünlü uyumuna göre -ler (ince) veya -lar (kalın) kullanılır.</div>
                                <div class="grammar-example">ev → ev<b>ler</b>, kitap → kitap<b>lar</b>, öğrenci → öğrenci<b>ler</b></div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-case-suffixes-title">Hâl Ekleri</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="tr-case-suffixes-exp"><b>Yönelme (-e/-a):</b> "Eve gidiyorum"<br><b>Bulunma (-de/-da):</b> "Evde oturuyorum"<br><b>Ayrılma (-den/-dan):</b> "Evden çıkıyorum"<br><b>Belirtme (-i/-ı):</b> "Kitabı okuyorum"</div>
                                <div class="grammar-example">"Okul<b>a</b> gidiyorum."<br>"Sınıf<b>ta</b> oturuyorum."<br>"Ev<b>den</b> çıkıyorum."</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="tr-adjectives-title">Sıfatlar</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="tr-adjectives-exp"><b>Yapı:</b> Türkçede sıfatlar çekim eki almaz. İsimlerle birlikte kullanıldığında isim çekim eki alır.<br><b>Karşılaştırma:</b> -daha, -en, -daha çok ile yapılır.</div>
                                <div class="grammar-example">"Bu kitap <b>daha</b> güzel."<br>"En güzel kitap bu."<br>"Güzel kitap<b>lar</b> okuyorum."</div>
                            </div>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="tr-learning-tips-title"><span class="section-icon">💡</span>Türkçe Öğrenme İpuçları</h3>
                        <div class="learning-tips">
                            <h4 data-lang="tr-5-strategies-title">Türkçe Öğreniminde Başarı İçin 5 Strateji</h4>
                            <ul>
                                <li data-lang="tr-tip-1"><b>Ek Sistemi:</b> Türkçenin eklemeli yapısını anlayın. Her ekin tek bir işlevi vardır ve bunları birleştirerek yeni anlamlar oluşturabilirsiniz.</li>
                                <li data-lang="tr-tip-2"><b>Ünlü Uyumu:</b> Bu kuralı iyi öğrenin. Kalın ünlülerden sonra kalın, ince ünlülerden sonra ince ünlü gelir.</li>
                                <li data-lang="tr-tip-3"><b>Söz Dizimi:</b> Türkçede yüklem cümlenin sonunda yer alır. Bu yapıyı alışkanlık haline getirin.</li>
                                <li data-lang="tr-tip-4"><b>Günlük Konuşma:</b> "Merhaba", "Nasılsın?", "Teşekkür ederim" gibi temel ifadeleri sık sık kullanın.</li>
                                <li data-lang="tr-tip-5"><b>Türk Kültürü:</b> Türk filmleri, müziği ve haberlerini takip edin. Bu, dili doğal bağlamında öğrenmenizi sağlar.</li>
                                <li data-lang="tr-tip-6"><b>💬 Sohbet Pratiği:</b> Lingoano'nun Türkçe sohbet özelliğini kullanarak ek sistemini ve ünlü uyumunu pratik edin. Gerçek konuşma, Türkçenin mantığını anlamanızı hızlandırır.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="guide-section">
                        <h3 class="section-title" data-lang="learning-tactics-title"><span class="section-icon">🎯</span>Öğrenme Taktikleri</h3>
                        <div class="learning-plan">
                            <h4 data-lang="tr-learning-strategies-title">Türkçe Öğrenme Stratejileri</h4>
                            <ul>
                                <li data-lang="tr-tactic-1"><b>Ek Sistemi ve Kelime Yapısı:</b> Türkçenin eklemeli yapısını anlayın. Her ekin tek bir işlevi vardır ve bunları birleştirerek yeni anlamlar oluşturabilirsiniz. Lingoano'nun Türkçe sohbet özelliğinde bu ekleri gerçek konuşmada pratik edin.</li>
                                <li data-lang="tr-tactic-2"><b>Ünlü Uyumu ve Ses Kuralları:</b> Bu kuralı iyi öğrenin. Kalın ünlülerden sonra kalın, ince ünlülerden sonra ince ünlü gelir. Lingoano'da yeni kelimeler oluştururken bu kuralı uygulayın.</li>
                                <li data-lang="tr-tactic-3"><b>Söz Dizimi ve Cümle Yapısı:</b> Türkçede yüklem cümlenin sonunda yer alır. Bu yapıyı alışkanlık haline getirin. Lingoano'nun Türkçe sohbet odalarında bu yapıyı doğal konuşmada uygulayın.</li>
                                <li data-lang="tr-tactic-4"><b>Günlük Konuşma ve İletişim:</b> "Merhaba", "Nasılsın?", "Teşekkür ederim" gibi temel ifadeleri sık sık kullanın. Lingoano'da günlük konular hakkında sohbet ederek bu ifadeleri pekiştirin.</li>
                                <li data-lang="tr-tactic-5"><b>Türk Kültürü ve Gerçek Materyaller:</b> Türk filmleri, müziği ve haberlerini takip edin. Lingoano'nun Türkçe sohbet özelliğinde bu kültürel konular hakkında konuşarak dili doğal bağlamında öğrenin.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="did-you-know-box">
                        <h4 data-lang="culture-note-title">💡 Dil ve Kültür Notu</h4>
                        <p data-lang="tr-did-you-know">Eklemeli yapısı sayesinde Türkçe, "Çekoslovakyalılaştıramadıklarımızdan mısınız?" gibi tek bir kelimeyle tam bir cümle oluşturabilir. Bu kelime, "Siz, Çekoslovakyalılaştıramadığımız kişilerden misiniz?" anlamına gelir.</p>
                    </div>
                </div>

                <div id="ru-guide" class="guide-content" data-lang-content="ru">
                    <div class="guide-section academic-intro">
                        <h3 class="section-title" data-lang="ru-intro-title"><span class="section-icon">🏛️</span>Rusçaya Giriş: Zengin ve İfade Dolu Dil</h3>
                        <p data-lang="ru-intro-p">Hint-Avrupa dil ailesinin Slav koluna mensup olan Rusça, Kiril alfabesi ve zengin fonetik yapısıyla kendine özgü bir karaktere sahiptir. Almanca gibi, ismin hallerine (6 padej) dayalı karmaşık bir gramer yapısı vardır. Bu yapı, kelime sırasının oldukça esnek olmasına olanak tanır ve vurgu ile tonlamanın anlamda büyük rol oynamasını sağlar. Fiillerdeki "vid" (görünüş) ayrımı, bir eylemin tamamlanmış mı yoksa süreç halinde mi olduğunu ifade ederek dile inanılmaz bir incelik katar. Rusça öğrenmek, Dostoyevski ve Tolstoy'un eserlerine orijinal dilinde dokunma ve derin bir kültürel mirası keşfetme fırsatıdır.</p>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="ru-grammar-analysis-title"><span class="section-icon">📚</span>Rusça Gramer Analizi</h3>
                        <div class="grammar-grid">
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-cyrillic-title">Kiril Alfabesi</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="ru-cyrillic-exp"><b>Yapı:</b> 33 harften oluşur. Bazı harfler Latin alfabesine benzer (А, К, М, О, Т), bazıları benzer görünür ama farklı okunur (В 'v', Н 'n', Р 'r'), bazıları ise tamamen yenidir (Ж 'j', Ц 'ts', Я 'ya').</div>
                                <div class="grammar-example">Привет (Privet) - Merhaba<br>Спасибо (Spasibo) - Teşekkürler</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-cases-title">İsmin Halleri (Падежи)</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="ru-cases-exp"><b>İşlevi:</b> Rusçada 6 hal vardır ve kelimelerin son eklerini değiştirerek cümledeki rollerini belirler.<br><b>Örnek:</b> "книга" (kitap) -> "Я читаю <b>книгу</b>" (-i hali).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-verb-aspect-title">Fiil Görünüşü (Вид)</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="ru-verb-aspect-exp"><b>Kural:</b> Çoğu fiilin iki formu vardır:<br><b>Несовершенный (Süreç):</b> Eylemin sürecini, tekrarlandığını belirtir. (читать - okumak)<br><b>Совершенный (Sonuç):</b> Eylemin tamamlandığını belirtir. (прочитать - okuyup bitirmek)</div>
                                <div class="grammar-example">"Я <b>читал</b> книгу." (Kitap okuyordum).<br>"Я <b>прочитал</b> книгу." (Kitabı okuyup bitirdim).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-gender-system-title">Cinsiyet Sistemi</div><span class="difficulty-badge a1">A1</span></div>
                                <div class="grammar-explanation" data-lang="ru-gender-system-exp"><b>Kural:</b> 3 cinsiyet vardır: Eril (sessiz harf/-й), Dişil (-а/-я), Nötr (-о/-е). Sıfatlar ve geçmiş zaman fiilleri ismin cinsiyetine göre değişir.</div>
                                <div class="grammar-example">нов<b>ый</b> стол (yeni masa - eril)<br>нов<b>ая</b> книг<b>а</b> (yeni kitap - dişil)<br>Он читал / Она читал<b>а</b>.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-motion-verbs-title">Hareket Fiilleri</div><span class="difficulty-badge b2">B2</span></div>
                                <div class="grammar-explanation" data-lang="ru-motion-verbs-exp"><b>Kural:</b> Rusçada hareket fiilleri ikiye ayrılır: Tek yönlü (идти - yürüyerek gitmek) ve çok yönlü/alışkanlık (ходить - yürüyerek gidip gelmek, gezinmek).</div>
                                <div class="grammar-example">"Я <b>иду</b> в школу." (Şu an okula gidiyorum).<br>"Я <b>хожу</b> в школу." (Ben okula giderim, öğrenciyim).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-genitive-negation-title">"Yokluk" için Genitif Hali</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="ru-genitive-negation-exp"><b>Kural:</b> Bir şeye sahip olmamayı veya bir şeyin bir yerde olmadığını belirtmek için "нет" (yok) kelimesi ve ardından ismin genitif (-in hali) kullanılır.</div>
                                <div class="grammar-example">"У меня есть брат." (Bir erkek kardeşim var).<br>"У меня <b>нет брата</b>." (Erkek kardeşim yok - брат -> брата).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-stress-system-title">Vurgu Sistemi</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="ru-stress-system-exp"><b>Önem:</b> Rusçada vurgu çok önemlidir. Aynı kelime farklı vurgularla farklı anlamlar taşıyabilir. Vurgu işareti (´) ile gösterilir.</div>
                                <div class="grammar-example">замóк (kale) vs замо́к (kilit)<br>му́ка (azap) vs мука́ (un)</div>
                                <div class="attention-box" data-lang="ru-stress-system-attn"><b>Dikkat:</b> Vurgu yanlış yerde olursa kelime anlaşılmaz hale gelebilir.</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-adjective-declension-title">Sıfat Çekimleri</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="ru-adjective-declension-exp"><b>Kural:</b> Sıfatlar ismin cinsiyetine, sayısına ve haline göre değişir. Eril, dişil, nötr ve çoğul formları vardır.</div>
                                <div class="grammar-example">новый (eril) → новая (dişil) → новое (nötr) → новые (çoğul)<br>Я читаю новую книгу. (Yeni kitabı okuyorum - dişil, -i hali)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-future-tense-ru-title">Gelecek Zaman</div><span class="difficulty-badge a2">A2</span></div>
                                <div class="grammar-explanation" data-lang="ru-future-tense-ru-exp"><b>Yapı:</b> быть (olmak) + infinitive. Gelecekteki eylemler için kullanılır. быть fiili çekilir.</div>
                                <div class="grammar-example">"Я <b>буду</b> читать." (Okuyacağım).<br>"Ты <b>будешь</b> работать." (Çalışacaksın).<br>"Мы <b>будем</b> учиться." (Öğreneceğiz).</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-imperative-title">Imperative (Emir Kipi)</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="ru-imperative-exp"><b>Yapı:</b> Fiil kökü + imperative ending. Emir, rica ve tavsiye için kullanılır.</div>
                                <div class="grammar-example">"Читай!" (Oku!)<br>"Пиши!" (Yaz!)<br>"Иди сюда!" (Buraya gel!)</div>
                            </div>
                            <div class="grammar-card">
                                <div class="grammar-header"><div class="grammar-title" data-lang="ru-reflexive-verbs-ru-title">Reflexive Verbs</div><span class="difficulty-badge b1">B1</span></div>
                                <div class="grammar-explanation" data-lang="ru-reflexive-verbs-ru-exp"><b>Yapı:</b> Fiil + -ся/-сь. Eylemi yapan ve etkilenen aynı kişi olduğunda kullanılır.</div>
                                <div class="grammar-example">"Я умываюсь." (Yüzümü yıkıyorum).<br>"Он одевается." (Giyiniyor).<br>"Она учится." (Öğreniyor).</div>
                            </div>
                        </div>
                    </div>

                    <div class="guide-section">
                        <h3 class="section-title" data-lang="ru-learning-tips-title"><span class="section-icon">💡</span>Rusça Öğrenme İpuçları</h3>
                        <div class="learning-tips">
                            <h4 data-lang="ru-5-strategies-title">Rusça Öğreniminde Başarı İçin 5 Strateji</h4>
                            <ul>
                                <li data-lang="ru-tip-1"><b>Kiril Alfabesi:</b> İlk hafta alfabeye odaklanın. Her harfi yazma ve okuma pratiği yapın. "Привет" gibi basit kelimelerle başlayın.</li>
                                <li data-lang="ru-tip-2"><b>Vurgu Sistemi:</b> Vurgunun nerede olduğuna dikkat edin. Yanlış vurgu kelimeyi anlaşılmaz yapabilir.</li>
                                <li data-lang="ru-tip-3"><b>İsmin Halleri:</b> 6 hal sistemini günlük hayattan örneklerle öğrenin. Her gün bir ismin farklı hallerdeki çekimlerini çalışın.</li>
                                <li data-lang="ru-tip-4"><b>Fiil Görünüşü:</b> Süreç (несовершенный) ve sonuç (совершенный) ayrımını anlayın. Bu, Rusçanın en önemli özelliklerinden biridir.</li>
                                <li data-lang="ru-tip-5"><b>Rus Kültürü:</b> Rus filmleri, müziği ve haberlerini takip edin. Çizgi filmler genellikle daha basit bir dil kullanır.</li>
                                <li data-lang="ru-tip-6"><b>💬 Sohbet Pratiği:</b> Lingoano'nun Rusça sohbet özelliğini kullanarak Kiril alfabesini ve vurgu sistemini pratik edin. Gerçek konuşma, Rusça telaffuzunuzu ve anlama becerinizi geliştirir.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="guide-section">
                        <h3 class="section-title" data-lang="learning-tactics-title"><span class="section-icon">🎯</span>Öğrenme Taktikleri</h3>
                        <div class="learning-plan">
                            <h4 data-lang="ru-learning-strategies-title">Rusça Öğrenme Stratejileri</h4>
                            <ul>
                                <li data-lang="ru-tactic-1"><b>Kiril Alfabesi ve Temel Sesler:</b> İlk hafta alfabeye odaklanın. Her harfi yazma ve okuma pratiği yapın. "Привет" gibi basit kelimelerle başlayın. Lingoano'nun Rusça sohbet özelliğinde bu kelimeleri gerçek konuşmada pratik edin.</li>
                                <li data-lang="ru-tactic-2"><b>Vurgu Sistemi ve Telaffuz:</b> Vurgunun nerede olduğuna dikkat edin. Yanlış vurgu kelimeyi anlaşılmaz yapabilir. Lingoano'nun sesli sohbet özelliği ile telaffuzunuzu geliştirin ve gerçek Rusça konuşmacılarla pratik yapın.</li>
                                <li data-lang="ru-tactic-3"><b>İsmin Halleri (Падежи) Öğrenimi:</b> 6 hal sistemini günlük hayattan örneklerle öğrenin. Her gün bir ismin farklı hallerdeki çekimlerini çalışın. Lingoano'da bu yapıları gerçek konuşmada test edin.</li>
                                <li data-lang="ru-tactic-4"><b>Fiil Görünüşü (Вид) ve Zaman Sistemleri:</b> Süreç (несовершенный) ve sonuç (совершенный) ayrımını anlayın. Bu, Rusçanın en önemli özelliklerinden biridir. Lingoano'nun Rusça sohbet odalarında bu ayrımı uygulayın.</li>
                                <li data-lang="ru-tactic-5"><b>Rus Kültürü ve Gerçek Materyaller:</b> Rus filmleri, müziği ve haberlerini takip edin. Çizgi filmler genellikle daha basit bir dil kullanır. Lingoano'nun Rusça sohbet özelliğinde bu kültürel konular hakkında konuşarak dili doğal bağlamında öğrenin.</li>
                            </ul>
                        </div>
                    </div>
                    <div class="did-you-know-box">
                        <h4 data-lang="culture-note-title">💡 Dil ve Kültür Notu</h4>
                        <p data-lang="ru-did-you-know">Rusça, dünyadaki az sayıdaki dilden biridir ve "sert" ve "yumuşak" ünsüzlere sahiptir. Genellikle sert (ъ) ve yumuşak (ь) işaretleriyle belirtilen bu fark, bir kelimenin anlamını tamamen değiştirebilir ve bu da onu telaffuzun önemli bir yönü haline getirir.</p>
                    </div>
                </div>

                <div class="resources-section">
                    <h3 class="resources-title" data-lang="learning-resources-title">Öğrenme Kaynakları</h3>
                    <div class="resources-grid">
                        <div class="resource-card"><div class="resource-icon">📱</div><div class="resource-title" data-lang="resources-mobile-apps-title">Mobil Uygulamalar</div><div class="resource-description" data-lang="resources-mobile-apps-desc">Duolingo, Memrise, Babbel gibi uygulamaları kullanın.</div></div>
                        <div class="resource-card"><div class="resource-icon">📺</div><div class="resource-title" data-lang="resources-video-content-title">Video İçerikler</div><div class="resource-description" data-lang="resources-video-content-desc">YouTube'da dil öğrenme kanallarını takip edin.</div></div>
                        <div class="resource-card"><div class="resource-icon">📚</div><div class="resource-title" data-lang="resources-books-title">Kitaplar</div><div class="resource-description" data-lang="resources-books-desc">Gramer kitapları ve hikaye kitapları okuyun.</div></div>
                        <div class="resource-card"><div class="resource-icon">🌐</div><div class="resource-title" data-lang="resources-online-courses-title">Online Kurslar</div><div class="resource-description" data-lang="resources-online-courses-desc">Coursera, edX gibi platformlardan yararlanın.</div></div>
                    </div>
                </div>
                <div class="resources-section">
                    <h3 class="resources-title" data-lang="academic-sources-title">Akademik Kaynaklar</h3>
                    <div class="resources-grid">
                        <div class="resource-card"><div class="resource-icon">📖</div><div class="resource-title" data-lang="cefr-guidelines-title">CEFR Rehberleri</div><div class="resource-description"><a href="https://www.coe.int/en/web/common-european-framework-reference-languages" target="_blank" rel="noopener noreferrer" data-lang="cefr-guidelines-desc">Avrupa Dilleri Ortak Başvuru Metni (CEFR)</a></div></div>
                        <div class="resource-card"><div class="resource-icon">🧠</div><div class="resource-title" data-lang="second-language-acquisition-title">İkinci Dil Edinimi</div><div class="resource-description"><a href="https://www.cambridge.org/core/what-we-publish/textbooks/second-language-acquisition" target="_blank" rel="noopener noreferrer" data-lang="second-language-acquisition-desc">Cambridge SLA ders kitapları</a></div></div>
                        <div class="resource-card"><div class="resource-icon">🏫</div><div class="resource-title" data-lang="corpora-title">Dil Derlemleri</div><div class="resource-description"><a href="https://www.english-corpora.org/" target="_blank" rel="noopener noreferrer" data-lang="corpora-desc">COCA/BNC gibi derlem kaynakları</a></div></div>
                        <div class="resource-card"><div class="resource-icon">🔬</div><div class="resource-title" data-lang="peer-reviewed-title">Hakemli Çalışmalar</div><div class="resource-description"><a href="https://scholar.google.com/" target="_blank" rel="noopener noreferrer" data-lang="peer-reviewed-desc">Google Scholar literatür taraması</a></div></div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="footer" style="background: var(--accent-bg); width: 100%; margin: 0; padding: 0;"><div style="display: flex; flex-direction: column; align-items: center; max-width: 100%; margin: 0 auto; padding: 0.5rem 1rem; gap: 0.5rem; box-sizing: border-box;"><a href="https://github.com/AhmetEfeYSR" target="_blank" rel="noopener noreferrer" aria-label="GitHub profilini ziyaret et"><img src="https://cdn0.iconfinder.com/data/icons/shift-logotypes/32/Github-512.png" alt="GitHub" class="github-logo"></a><div class="footer-links-container" style="display: flex !important; justify-content: space-between !important; align-items: center !important; width: 100% !important; padding: 0 1rem !important; gap: 0 !important; flex-wrap: nowrap !important; white-space: nowrap !important; position: relative !important;"><a href="gizlilik-politikasi.html" class="privacy-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center !important; margin: 0 !important; flex: 0 0 auto !important;" data-lang="privacy-policy">Gizlilik Politikası</a><button id="contact-btn" class="contact-btn" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; background: none; border: none; cursor: pointer; flex: 0 0 auto !important; text-align: center !important; margin: 0 !important; position: absolute !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 10 !important;" data-lang="contactfooter">İletişim</button><a href="kullanim-sartlari.html" class="terms-link" style="color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; text-align: center !important; margin: 0 !important; flex: 0 0 auto !important;" data-lang="terms-of-service">Kullanım Şartları</a></div></div></footer>
    <div id="contact-popup" class="contact-popup"><div class="contact-popup-content"><h2 data-lang="contact-us">Bizimle İletişime Geçin</h2><p data-lang="contact-description">Sorularınız, önerileriniz veya geri bildirimleriniz için bizimle iletişime geçebilirsiniz.</p><p class="email" data-lang="contact-email">E-posta: contact@lingoano.com</p><p data-lang="contact-response">Yanıt süresi: 24-48 saat içinde</p><button class="close" onclick="closeContactPopup()" data-lang="close">Kapat</button></div></div>

    <script src="script/translations.js"></script>
    <script src="script/rehber_translations.js"></script>
    <script src="script/js.js"></script>
    <script>
        // Dil sekmelerini yönet
        const languageTabs = document.querySelectorAll('.language-tab');
        const guideContents = document.querySelectorAll('.guide-content');

        languageTabs.forEach(tab => {
            tab.addEventListener('click', () => {
                const targetLang = tab.dataset.lang;
                
                languageTabs.forEach(t => t.classList.remove('active'));
                tab.classList.add('active');
                
                guideContents.forEach(content => {
                    content.classList.remove('active');
                    if (content.dataset.langContent === targetLang) {
                        content.classList.add('active');
                    }
                });
                
                // Dil değiştiğinde çeviriyi güncelle
                if (window.rehberLanguageManager) {
                    window.rehberLanguageManager.setLanguage(targetLang);
                }
            });
        });

        // İletişim popup fonksiyonları
        document.getElementById('contact-btn').addEventListener('click', function() {
            document.getElementById('contact-popup').style.display = 'block';
        });

        function closeContactPopup() {
            document.getElementById('contact-popup').style.display = 'none';
        }

        document.getElementById('contact-popup').addEventListener('click', function(e) {
            if (e.target === this) {
                closeContactPopup();
            }
        });

        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeContactPopup();
            }
        });

        // Telaffuz fonksiyonu
        function speakText(text, language = 'en-US') {
            if ('speechSynthesis' in window) {
                // Önceki konuşmayı durdur
                window.speechSynthesis.cancel();
                
                const utterance = new SpeechSynthesisUtterance(text);
                utterance.lang = language;
                utterance.rate = 0.8; // Biraz yavaş konuşma
                utterance.pitch = 1;
                
                utterance.onstart = function() {
                    console.log('Telaffuz başladı');
                };
                
                utterance.onend = function() {
                    console.log('Telaffuz bitti');
                };
                
                utterance.onerror = function(event) {
                    console.error('Telaffuz hatası:', event.error);
                };
                
                window.speechSynthesis.speak(utterance);
                return utterance;
            } else {
                console.log('Web Speech API desteklenmiyor');
                return null;
            }
        }

        // Dil kodlarını belirle
        const languageCodes = {
            'en': 'en-US',
            'de': 'de-DE',
            'es': 'es-ES',
            'fr': 'fr-FR',
            'tr': 'tr-TR',
            'ru': 'ru-RU'
        };

        // Gramer kartlarına tıklama olayı ekle
        document.addEventListener('DOMContentLoaded', function() {
            // Initialize RehberLanguageManager and apply initial translations
            if (window.RehberLanguageManager && window.translations) {
                window.rehberLanguageManager = new window.RehberLanguageManager(window.translations);
                // Set initial language based on stored preference or detection
                window.rehberLanguageManager.setLanguage(window.rehberLanguageManager.currentLanguage || 'tr');
            } else if (window.RehberLanguageManager) {
                // Fallback if global translations are not available
                window.rehberLanguageManager = new window.RehberLanguageManager({});
                window.rehberLanguageManager.setLanguage(window.rehberLanguageManager.currentLanguage || 'tr');
                console.warn("Global translations (window.translations) not found when initializing RehberLanguageManager.");
            }
            
            const grammarCards = document.querySelectorAll('.grammar-card');
            
            grammarCards.forEach(card => {
                card.addEventListener('click', function() {
                    // Aktif dil sekmesini bul
                    const activeTab = document.querySelector('.language-tab.active');
                    const currentLanguage = activeTab ? activeTab.dataset.lang : 'en';
                    const languageCode = languageCodes[currentLanguage] || 'en-US';
                    
                    // Örnek cümleleri bul
                    const examples = card.querySelectorAll('.grammar-example');
                    let textToSpeak = '';
                    
                    examples.forEach(example => {
                        // HTML etiketlerini temizle
                        const cleanText = example.textContent || example.innerText;
                        
                        // Sadece örnek cümleleri al, parantez içi ve sembolleri temizle
                        let filteredText = cleanText
                            // Parantez içindeki tüm metinleri kaldır
                            .replace(/\([^)]*\)/g, '')
                            // Köşeli parantez içindeki metinleri kaldır
                            .replace(/\[[^\]]*\]/g, '')
                            // Tırnak işaretlerini kaldır
                            .replace(/["""]/g, '')
                            // HTML etiketlerini kaldır
                            .replace(/<[^>]*>/g, '')
                            // Birden fazla boşluğu tek boşluk yap
                            .replace(/\s+/g, ' ')
                            // Başındaki ve sonundaki boşlukları kaldır
                            .trim();
                        
                        // Eğer metin kaldıysa ekle
                        if (filteredText && filteredText.length > 0) {
                            textToSpeak += filteredText + '. ';
                        }
                    });
                    
                    if (textToSpeak.trim()) {
                        // Konuşma sırasında görsel geri bildirim
                        card.classList.add('speaking');
                        
                        const utterance = speakText(textToSpeak.trim(), languageCode);
                        
                        if (utterance) {
                            utterance.onend = function() {
                                card.classList.remove('speaking');
                            };
                            
                            utterance.onerror = function() {
                                card.classList.remove('speaking');
                            };
                        }
                    }
                });
            });
        });
    </script>
    <script src="script/dictionary-widget.js"></script>
</body>
</html>