array(8) {
  ["phrase_row"]=>
  array(58) {
    ["id"]=>
    int(176280)
    ["add_time"]=>
    int(1241784486)
    ["phrase"]=>
    string(6) "babene"
    ["phrase_hash"]=>
    string(12) "474005d0c550"
    ["separate_by_words"]=>
    int(1)
    ["google_work_status"]=>
    int(0)
    ["google_last_update"]=>
    int(1761002807)
    ["google_last_try"]=>
    int(1761001622)
    ["google_try"]=>
    int(0)
    ["google_next_try"]=>
    int(1792106807)
    ["google_updates"]=>
    int(1)
    ["yandex_work_status"]=>
    int(0)
    ["yandex_last_update"]=>
    int(0)
    ["yandex_last_try"]=>
    int(0)
    ["yandex_try"]=>
    int(0)
    ["yandex_next_try"]=>
    int(1760313274)
    ["yandex_updates"]=>
    int(1)
    ["yandex_stat_time"]=>
    int(1759709224)
    ["yandex_direct_time"]=>
    NULL
    ["yandex_direct_try_time"]=>
    int(0)
    ["free"]=>
    int(1)
    ["help_link_id"]=>
    int(0)
    ["views"]=>
    int(57)
    ["get_time"]=>
    int(1306982118)
    ["rambler_stat_time"]=>
    int(1262515201)
    ["f_views"]=>
    int(37)
    ["all_views"]=>
    int(39)
    ["yandex_stat_try_time"]=>
    int(1759709127)
    ["yandex_views"]=>
    int(63)
    ["yandex_views_group"]=>
    string(1) "0"
    ["lj_stat_update_time"]=>
    int(1298931512)
    ["direct_time"]=>
    int(1272333500)
    ["ai_generated"]=>
    int(2)
    ["ai_task_id"]=>
    NULL
    ["lang"]=>
    NULL
    ["is_bad_no_results"]=>
    int(0)
    ["phrase_id"]=>
    int(19892)
    ["type"]=>
    NULL
    ["text"]=>
    NULL
    ["word_id"]=>
    int(14993)
    ["position"]=>
    int(0)
    ["word"]=>
    string(6) "babene"
    ["use_count"]=>
    int(6)
    ["last_update_time"]=>
    int(1769471350)
    ["checked"]=>
    int(0)
    ["busy"]=>
    int(0)
    ["title"]=>
    string(12) "Любовь"
    ["source"]=>
    string(6) "БСЭ"
    ["description"]=>
    string(208) "1962; Maisonneuve J., Psycho-sociologie des affinitГ©s, P., 1966; Theories of attraction and love, ed. byB. J. Murstein, N. Y., 1972; Wienold H., <b>Kontakt</b>, EinfГјhrungund Attraktion, Stuttg., 1972. "
    ["link"]=>
    string(61) "/dict/bse/article/00044/05600.htm?text=kontakt&amp;stpar3=1.1"
    ["phrase_lang"]=>
    string(2) "fr"
    ["phrase_translate_en"]=>
    string(38) "baby, baboon, banana, babyhood, babble"
    ["phrase_translate"]=>
    string(42) "Babene, Babine, Babäne, Babenie, Babenein"
    ["phrase_definition_en"]=>
    string(7) "unknown"
    ["phrase_definition"]=>
    NULL
    ["phrase_seo_en"]=>
    string(5922) "<h1>Discovering the Enigmatic Babene: A Comprehensive Guide</h1>
<p>Welcome to a fascinating journey into the world of Babene, an intriguing subject that has captivated researchers and enthusiasts alike. In this article, we will delve into what Babene is, its significance, and why it has garnered so much attention in recent times. Whether you're a curious newcomer or a seasoned expert, this guide aims to provide a wealth of information on Babene.</p>

<h2>What Exactly Is Babene?</h2>
<p>Babene is a term that can refer to various concepts depending on the context. However, for the purpose of this article, we'll focus on Babene as a unique cultural phenomenon originating from West Africa. Specifically, Babene is a traditional dance form found predominantly in countries like Nigeria, Ghana, and Togo. This vibrant cultural expression combines rhythmic movements with storytelling, making it an integral part of the social fabric in these regions.</p>
<p>The origins of Babene are shrouded in mystery, with some tracing its roots back several centuries. Despite limited historical records, many believe that Babene evolved from ancient rituals performed by local tribes. Over time, it transformed into a more structured dance form while retaining its spiritual essence.</p>

<h2>The Significance of Babene</h2>
<p>Babene holds immense cultural and social significance within West African communities. It serves multiple purposes, including:</p>
<ul>
    <li><strong>Celebration and Entertainment:</strong> Babene is often performed during festivals, weddings, and other joyous occasions. Its lively rhythms and dynamic movements create an atmosphere of excitement and celebration.</li>
    <li><strong>Storytelling:</strong> Each Babene performance typically revolves around a specific story or legend. These narratives are passed down through generations, preserving important cultural values and traditions.</li>
    <li><strong>Spiritual Expression:</strong> For many participants and spectators, Babene is a means of connecting with their spiritual roots. The dance incorporates elements of prayer, meditation, and ritual, fostering a sense of unity and connection to the divine.</li>
    <li><strong>Community Building:</strong> Babene gatherings bring people together across different age groups and backgrounds. They provide opportunities for social interaction, learning, and shared experiences, strengthening community bonds.</li>
</ul>

<h3>The Role of Music in Babene</h3>
<p>No Babene performance is complete without its accompanying music. Traditional instruments such as drums, flutes, and xylophones play a crucial role in setting the rhythm and mood for the dance. The interplay between these instruments creates a captivating soundscape that enhances the overall experience.</p>
<p>Modern adaptations of Babene have seen the incorporation of contemporary musical styles, including hip-hop, reggae, and R&B. This fusion of old and new has helped keep the dance form relevant and appealing to younger audiences.</p>

<h2>The Evolution of Babene</h2>
<p>Over the years, Babene has undergone significant changes in response to shifting cultural landscapes. Initially practiced primarily within local communities, it has now gained recognition on a global scale. International festivals and cultural exchange programs have provided platforms for Babene dancers to showcase their talents to audiences around the world.</p>
<p>As Babene continues to evolve, it faces both challenges and opportunities. On one hand, increased exposure can lead to greater appreciation and support for this unique art form. On the other hand, there's a risk of commercialization and loss of authenticity. Balancing tradition with innovation is key to ensuring the long-term survival of Babene.</p>

<h3>The Future of Babene</h3>
<p>Looking ahead, the future of Babene appears promising. Efforts to preserve and promote this cultural heritage are gaining momentum. Organizations dedicated to African arts and culture are actively working towards safeguarding Babene and other traditional dance forms.</p>
<p>Education plays a vital role in preserving Babene. Schools and universities are incorporating African dance and music into their curricula, introducing young people to the richness of West African culture. This next generation of learners will be the custodians of Babene's legacy, ensuring its continued relevance and impact.</p>
<p>Technological advancements also offer new possibilities for preserving and sharing Babene. Online platforms provide opportunities for artists to document and disseminate their work, reaching wider audiences than ever before. Social media campaigns can raise awareness about the importance of cultural preservation and encourage support for initiatives aimed at protecting Babene.</p>

<h2>Conclusion</h2>
<p>In conclusion, Babene is more than just a dance form; it's a testament to the resilience and creativity of West African cultures. Its rich history, cultural significance, and evolving nature make it an essential part of our global heritage.</p>
<p>Whether you're a fan of African music and dance or simply curious about diverse cultural expressions, exploring Babene is well worth your time. By learning more about this fascinating phenomenon, we can all contribute to its preservation and appreciation, ensuring that future generations can continue to enjoy and learn from Babene.</p>
<p>Stay tuned for more insights into the world of Babene and other unique cultural treasures. Thank you for joining us on this journey, and we hope you've found this article informative and engaging.</p>
<p><strong>About the Author:</strong> This article was written by Serpulse.com, a dedicated resource for information on African arts, culture, and heritage. We strive to provide accurate, insightful content that celebrates the diversity and richness of Africa's cultural landscape.</p>"
    ["phrase_seo"]=>
    NULL
    ["word_definitions"]=>
    string(240) "14993!!!babene!!!Любовь!!!1962; Maisonneuve J., Psycho-sociologie des affinitГ©s, P., 1966; Theories of attraction and love, ed. byB. J. Murstein, N. Y., 1972; Wienold H., <b>Kontakt</b>, EinfГјhrungund Attraktion, Stuttg., 1972. "
  }
  ["yandex_rows"]=>
  array(9) {
    [0]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(15064)
      ["domain_name"]=>
      string(17) "babene.moskva.com"
      ["last_position"]=>
      int(1)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:1:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [1]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(30664)
      ["domain_name"]=>
      string(21) "onlinehomebusiness.ru"
      ["last_position"]=>
      int(2)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:2:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [2]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(2992504)
      ["domain_name"]=>
      string(25) "lapochkagalochka.narod.ru"
      ["last_position"]=>
      int(3)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:3:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [3]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(55675)
      ["domain_name"]=>
      string(17) "catalog.deport.ru"
      ["last_position"]=>
      int(4)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:4:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [4]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(92089)
      ["domain_name"]=>
      string(13) "babene.my1.ru"
      ["last_position"]=>
      int(5)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:5:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [5]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(5492)
      ["domain_name"]=>
      string(20) "archives.maillist.ru"
      ["last_position"]=>
      int(7)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:7:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [6]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(6625)
      ["domain_name"]=>
      string(8) "proza.ru"
      ["last_position"]=>
      int(8)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:8:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [7]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(4664972)
      ["domain_name"]=>
      string(27) "babene-oleg.livejournal.com"
      ["last_position"]=>
      int(9)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(18) "15127:9:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
    [8]=>
    array(14) {
      ["serp_setup_id"]=>
      int(2)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(11535)
      ["domain_name"]=>
      string(11) "myspace.com"
      ["last_position"]=>
      int(10)
      ["last_day_number"]=>
      int(15127)
      ["title_data"]=>
      NULL
      ["snippet_data"]=>
      NULL
      ["page_data"]=>
      string(10) "17760071:/"
      ["position_history"]=>
      string(19) "15127:10:17760071::"
      ["time"]=>
      int(1306982118)
      ["day_number"]=>
      int(15127)
      ["phrase_check_days"]=>
      string(5) "15127"
    }
  }
  ["google_rows"]=>
  array(9) {
    [0]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(67)
      ["domain_name"]=>
      string(13) "otvet.mail.ru"
      ["last_position"]=>
      int(1)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(90) "2067680:А как переводится слово Babene?из мультфильма ..."
      ["snippet_data"]=>
      string(292) "7426565:7 февр. 2010 г. — А как переводится слово Babene ?из мультфильма Приключения капитана Врунгеля. Употребляли это слово бандито ганстерито). знания · #мультфильм. 66."
      ["page_data"]=>
      string(38) "17760071:/;24270591:/question/35877462"
      ["position_history"]=>
      string(52) "15007:18:17760071::;20381:1:24270591:2067680:7426565"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [1]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(8695609)
      ["domain_name"]=>
      string(19) "context.reverso.net"
      ["last_position"]=>
      int(2)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(90) "37563388:Babene - Перевод на русский - примеры английский"
      ["snippet_data"]=>
      string(221) "45722574:Babine Lake is the longest natural lake in the province . Озеро Бабин является самым длинным природным озером в провинции. Sphinx and Babele refers to an ..."
      ["page_data"]=>
      string(163) "41522891:/%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4/%D0%B0%D0%BD%D0%B3%D0%BB%D0%B8%D0%B9%D1%81%D0%BA%D0%B8%D0%B9-%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9/Babene"
      ["position_history"]=>
      string(34) "20381:2:41522891:37563388:45722574"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [2]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(8715641)
      ["domain_name"]=>
      string(12) "fighttime.ru"
      ["last_position"]=>
      int(3)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(59) "19458710:Грегори Бабен / Gregory Babene (Blade)"
      ["snippet_data"]=>
      string(215) "58362967:Грегори Бабен / Gregory Babene (Blade ). Грегори Бабен / Gregory Babene (Blade). Дата рождения: 1984-01-26. Возраст: 41. Франция. Франция. Вес ..."
      ["page_data"]=>
      string(44) "27522399:/fighters/10677/Gregory-Babene.html"
      ["position_history"]=>
      string(34) "20381:3:27522399:19458710:58362967"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [3]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(10104623)
      ["domain_name"]=>
      string(16) "www.tapology.com"
      ["last_position"]=>
      int(4)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(52) "23495840:Gregory Babene ("Blade") | MMA Fighter Page"
      ["snippet_data"]=>
      string(141) "23645843:Gregory "Blade" Babene (23-13-0, 1 NC) is a Pro MMA Fighter out of Paris, France and the #117th ranked Top Middleweight MMA fighter."
      ["page_data"]=>
      string(56) "20326399:/fightcenter/fighters/3957-gregory-babene-blade"
      ["position_history"]=>
      string(34) "20381:4:20326399:23495840:23645843"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [4]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(2129837)
      ["domain_name"]=>
      string(23) "mymemory.translated.net"
      ["last_position"]=>
      int(5)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(92) "24805635:Babene - Итальянский - Русский Переводы и примеры"
      ["snippet_data"]=>
      string(277) "29565074:Вы искали: babene (Итальянский - Русский) · Переводы пользователей · Самый надежный переводчик в мире. Точный перевод текста, документов и устной речи."
      ["page_data"]=>
      string(140) "17485868:/ru/%D0%98%D1%82%D0%B0%D0%BB%D1%8C%D1%8F%D0%BD%D1%81%D0%BA%D0%B8%D0%B9/%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9/babene;17760071:/"
      ["position_history"]=>
      string(54) "15007:82:17760071::;20381:5:17485868:24805635:29565074"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [5]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(8679747)
      ["domain_name"]=>
      string(19) "translate.yandex.ru"
      ["last_position"]=>
      int(6)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(93) "18130257:babene - Словарь и онлайн перевод на английский ..."
      ["snippet_data"]=>
      string(297) "58011714:Бесплатный онлайн перевод с английского и других языков на русский и обратно . Переводчик работает со словами, текстами, а также веб-страницами и надписями ..."
      ["page_data"]=>
      string(43) "30855364:/dictionary/Italiano-Alemao/babene"
      ["position_history"]=>
      string(34) "20381:6:30855364:18130257:58011714"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [6]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(10096702)
      ["domain_name"]=>
      string(12) "www.espn.com"
      ["last_position"]=>
      int(7)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(50) "10105025:Gregory Babene (Middleweight) MMA Profile"
      ["snippet_data"]=>
      string(138) "15868748:View the profile of the MMA fighter Gregory Babene from France on ESPN. Get the latest news, live stats and MMA fight highlights."
      ["page_data"]=>
      string(49) "21532298:/mma/fighter/_/id/2559789/gregory-babene"
      ["position_history"]=>
      string(34) "20381:7:21532298:10105025:15868748"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [7]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(10104869)
      ["domain_name"]=>
      string(15) "www.sherdog.com"
      ["last_position"]=>
      int(8)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(23) "17237508:Gregory Babene"
      ["snippet_data"]=>
      string(150) "57354021:The industry pioneer in UFC, Bellator and all things MMA (aka Ultimate Fighting). MMA news, interviews, pictures, videos and more since 1997."
      ["page_data"]=>
      string(38) "37271380:/fighter/Gregory-Babene-10677"
      ["position_history"]=>
      string(34) "20381:8:37271380:17237508:57354021"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
    [8]=>
    array(14) {
      ["serp_setup_id"]=>
      int(3)
      ["phrase_id"]=>
      int(19892)
      ["phrase"]=>
      string(6) "babene"
      ["domain_id"]=>
      int(8802053)
      ["domain_name"]=>
      string(10) "pflmma.com"
      ["last_position"]=>
      int(9)
      ["last_day_number"]=>
      int(20381)
      ["title_data"]=>
      string(44) "14978190:Gregory Babene | Middleweight (185)"
      ["snippet_data"]=>
      string(135) "17975810:Babene · Middleweight (185 ) · PFL Record: 0-1-0 · Career Record: 23-13-0, 1 NC. Gregory. "BLADE". Babene. Middleweight ..."
      ["page_data"]=>
      string(32) "30113829:/fighter/gregory-babene"
      ["position_history"]=>
      string(34) "20381:9:30113829:14978190:17975810"
      ["time"]=>
      int(1296609606)
      ["day_number"]=>
      int(15007)
      ["phrase_check_days"]=>
      string(11) "15007;20381"
    }
  }
  ["lemma_rows"]=>
  array(0) {
  }
  ["book_sample_rows"]=>
  array(0) {
  }
  ["meaning_rows"]=>
  array(0) {
  }
  ["google_total_count"]=>
  int(9)
  ["yandex_total_count"]=>
  int(49)
}
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
	<title>Suchen Sie Query -Statistiken, überprüfen Sie die Website -Positionen, Google und Yandex Suchergebnisse, Website -Wettbewerber</title>
    <!-- Meta Tags -->
    <meta name="description" content="Suchen Sie Query -Statistiken, überprüfen Sie die Website -Positionen, Google und Yandex Suchergebnisse, Website -Wettbewerber">
    <meta name="keywords" content="SEO, Suchphrasen, SERP-Positionen, Website-Analyse, Konkurrenten, Google, Yandex">
    <meta name="robots" content="index, follow">
    
	<link rel="alternate" hreflang="de" href="https://serpuls.com/de/phrase/babene/" /><link rel="alternate" hreflang="bg" href="https://serpuls.com/bg/phrase/babene/" /><link rel="alternate" hreflang="ca" href="https://serpuls.com/ca/phrase/babene/" /><link rel="alternate" hreflang="hr" href="https://serpuls.com/hr/phrase/babene/" /><link rel="alternate" hreflang="cs" href="https://serpuls.com/cs/phrase/babene/" /><link rel="alternate" hreflang="da" href="https://serpuls.com/da/phrase/babene/" /><link rel="alternate" hreflang="nl" href="https://serpuls.com/nl/phrase/babene/" /><link rel="alternate" hreflang="en" href="https://serpuls.com/en/phrase/babene/" /><link rel="alternate" hreflang="et" href="https://serpuls.com/et/phrase/babene/" /><link rel="alternate" hreflang="fr" href="https://serpuls.com/fr/phrase/babene/" /><link rel="alternate" hreflang="el" href="https://serpuls.com/el/phrase/babene/" /><link rel="alternate" hreflang="hu" href="https://serpuls.com/hu/phrase/babene/" /><link rel="alternate" hreflang="it" href="https://serpuls.com/it/phrase/babene/" /><link rel="alternate" hreflang="lv" href="https://serpuls.com/lv/phrase/babene/" /><link rel="alternate" hreflang="no" href="https://serpuls.com/no/phrase/babene/" /><link rel="alternate" hreflang="pl" href="https://serpuls.com/pl/phrase/babene/" /><link rel="alternate" hreflang="pt" href="https://serpuls.com/pt/phrase/babene/" /><link rel="alternate" hreflang="ro" href="https://serpuls.com/ro/phrase/babene/" /><link rel="alternate" hreflang="ru" href="https://serpuls.com/ru/phrase/babene/" /><link rel="alternate" hreflang="sr" href="https://serpuls.com/sr/phrase/babene/" /><link rel="alternate" hreflang="sk" href="https://serpuls.com/sk/phrase/babene/" /><link rel="alternate" hreflang="sl" href="https://serpuls.com/sl/phrase/babene/" /><link rel="alternate" hreflang="es" href="https://serpuls.com/es/phrase/babene/" /><link rel="alternate" hreflang="sv" href="https://serpuls.com/sv/phrase/babene/" /><link rel="alternate" hreflang="tr" href="https://serpuls.com/tr/phrase/babene/" /><link rel="alternate" hreflang="zh" href="https://serpuls.com/zh/phrase/babene/" /><link rel="alternate" hreflang="ja" href="https://serpuls.com/ja/phrase/babene/" />	<link rel="alternate" hreflang="x-default" href="https://serpuls.com/en/phrase/babene/" />
		<link rel="canonical" href="https://serpuls.com/de/phrase/babene/" />	

	
    <!-- Open Graph / Social Media -->
    <meta property="og:title" content="Suchen Sie Query -Statistiken, überprüfen Sie die Website -Positionen, Google und Yandex Suchergebnisse, Website -Wettbewerber">
    <meta property="og:description" content="Suchen Sie Query -Statistiken, überprüfen Sie die Website -Positionen, Google und Yandex Suchergebnisse, Website -Wettbewerber">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://serpuls.com">
    <meta property="og:image" content="https://serpuls.com/images/og-image.jpg">
    
	<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js"></script>
	
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "serpuls.com - SEO Analysis Tool",
      "description": "Suchen Sie Query -Statistiken, überprüfen Sie die Website -Positionen, Google und Yandex Suchergebnisse, Website -Wettbewerber",
      "url": "https://serpuls.com",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "All",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD"
      }
    }
    </script>
	
		
	    

    <!-- CSS -->
    <style>
        /* ============================================
   CSS RESET & BASE STYLES
   ============================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--dark);
    background-color: #f5f7fb;
}

/* ============================================
   CSS VARIABLES (CUSTOM PROPERTIES)
   ============================================ */
:root {
    --primary: #4361ee;
    --primary-dark: #3a56d4;
    --secondary: #7209b7;
    --accent: #f72585;
    --success: #4cc9f0;
    --warning: #f8961e;
    --danger: #f94144;
    --light: #f8f9fa;
    --dark: #212529;
    --gray: #6c757d;
    --border-radius: 8px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

/* ============================================
   ANIMATIONS & KEYFRAMES
   ============================================ */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes modalFadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@keyframes subtlePulse {
    0% { opacity: 1; }
    50% { opacity: 0.9; }
    100% { opacity: 1; }
}

/* ============================================
   LAYOUT & CONTAINERS
   ============================================ */
.container {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1.5rem;
}

.nav-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1.5rem;
}

.lang-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.domain-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.archive-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.page-details-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.stats-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.settings-grid {
    display: grid;
    gap: 1.5rem;
}

.score-details {
    display: flex;
    justify-content: space-around;
    margin-top: 1.5rem;
}

.filters {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-group {
    flex: 1;
    min-width: 200px;
}

.select-group {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.engine-tabs {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.5rem;
}

.days-selection {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.device-selection {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

.task-actions {
    display: flex;
    gap: 0.5rem;
}

.api-key-actions {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.balance-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.balance-actions {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-bottom-links {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.social-links {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.screenshot-controls {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.captcha-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    margin: 1rem 0;
}

.phrases-validation-list {
    display: block;
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.9rem;
    line-height: 1.5;
    max-height: 150px;
    overflow-y: auto;
}

.setting-options {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.setting-option {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* ============================================
   HEADER & NAVIGATION
   ============================================ */
header {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 1rem 0;
    box-shadow: var(--box-shadow);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.logo {
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-decoration: none;
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 1.5rem;
}

.nav-links a {
    color: white;
    text-decoration: none;
    font-weight: 500;
    transition: var(--transition);
    padding: 0.5rem 0.75rem;
    border-radius: var(--border-radius);
}

.nav-links a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.auth-buttons {
    display: flex;
    gap: 0.75rem;
}

.hamburger {
    display: none;
    cursor: pointer;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
}

.mobile-menu-container {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

/* ============================================
   LANGUAGE SELECTOR
   ============================================ */
.lang-selector {
    background-color: white;
    padding: 0.75rem 1.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.lang-container a {
    color: var(--gray);
    text-decoration: none;
    font-size: 0.85rem;
    transition: var(--transition);
}

.lang-container a:hover {
    color: var(--primary);
}

.lang-container span {
    color: var(--primary);
    font-weight: 600;
}

/* ============================================
   CARD COMPONENTS
   ============================================ */
.card {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 1.5rem;
    animation: fadeIn 0.5s ease;
    transition: var(--transition), opacity 0.3s ease, transform 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.card.updating {
    opacity: 0.7;
    transform: scale(0.98);
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.card-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--dark);
}

.card-icon {
    color: var(--primary);
    font-size: 1.25rem;
}

.card-content {
    animation: fadeIn 0.5s ease;
}

.card-content ul {
    margin: 1rem 0;
    padding-left: 1.5rem;
    list-style-type: none;
}

.card-content li {
    margin-bottom: 0.75rem;
    line-height: 1.6;
    color: var(--dark);
    position: relative;
    padding-left: 0.5rem;
    background-color: rgba(67, 97, 238, 0.03);
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius);
    border-left: 3px solid var(--primary);
    transition: var(--transition);
}

.card-content li:hover {
    background-color: rgba(67, 97, 238, 0.08);
    transform: translateX(5px);
}

.card-content li:before {
    content: "•";
    color: var(--primary);
    font-weight: bold;
    position: absolute;
    left: -1rem;
}

.card-content li strong {
    color: var(--primary-dark);
    font-weight: 600;
}

.card-content li em {
    color: var(--secondary);
    font-style: italic;
}

/* ============================================
   DOMAIN COMPONENTS
   ============================================ */
.domain-header {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    animation: fadeIn 0.5s ease;
    background: linear-gradient(135deg, white, #f8f9fa);
    border-left: 4px solid var(--primary);
}

.domain-title {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.domain-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    color: white;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(67, 97, 238, 0.3);
}

.domain-name {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark);
}

.domain-status {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background-color: #e8f5e9;
    color: #2e7d32;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-left: 1rem;
}

.domain-status.expired {
    background-color: #ffebee;
    color: #c62828;
}

.domain-status.registered {
    background-color: #e3f2fd;
    color: #1565c0;
}

.domain-description {
    color: var(--gray);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.domain-info-item {
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
}

.domain-info-label {
    font-weight: 600;
    color: var(--gray);
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.domain-info-value {
    font-weight: 600;
    color: var(--dark);
}

.domain-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.domain-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    transition: var(--transition);
    border: 1px solid #e9ecef;
}

.domain-item:hover {
    background-color: #f8f9fa;
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.domain-name {
    font-weight: 600;
    color: var(--primary);
    text-decoration: none;
}

.domain-name:hover {
    color: var(--primary-dark);
    text-decoration: underline;
}

.domain-date {
    color: var(--gray);
    font-size: 0.9rem;
    font-family: monospace;
}

/* ============================================
   BUTTONS & CONTROLS
   ============================================ */
.btn {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    border: none;
}

.btn-outline {
    background: transparent;
    border: 1px solid white;
    color: white;
}

.btn-outline:hover {
    background: white;
    color: var(--primary);
}

.btn-primary {
    background: var(--accent);
    color: white;
}

.btn-primary:hover {
    background: #e11574;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.cta-button.secondary {
    background: var(--gray);
}

.cta-button.secondary:hover {
    background: #5a6268;
}

.toggle-btn {
    background: var(--primary);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: var(--transition);
}

.toggle-btn:hover {
    background: var(--primary-dark);
}

.create-task-btn {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.create-task-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.topup-button {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.topup-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.topup-button.secondary {
    background: var(--gray);
}

.topup-button.secondary:hover {
    background: #5a6268;
}

.copy-btn {
    background: var(--primary);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.copy-btn:hover {
    background: var(--primary-dark);
}

.copy-btn.success {
    background: #4caf50;
}

.regenerate-btn {
    background: var(--warning);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.regenerate-btn:hover {
    background: #e68900;
}

.cancel-btn {
    background: var(--gray);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
}

.cancel-btn:hover {
    background: #5a6268;
}

.save-btn {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    box-shadow: 0 4px 6px rgba(67, 97, 238, 0.3);
}

.save-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(67, 97, 238, 0.4);
}

.save-btn:disabled {
    background: #adb5bd !important;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none !important;
    box-shadow: none !important;
}

.save-btn:disabled:hover {
    background: #adb5bd !important;
    transform: none !important;
    box-shadow: none !important;
}

.action-btn {
    padding: 0.25rem 0.5rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.edit-btn {
    background: var(--primary);
    color: white;
}

.edit-btn:hover {
    background: var(--primary-dark);
}

.delete-btn {
    background: var(--danger);
    color: white;
}

.delete-btn:hover {
    background: #d32f2f;
}

.run-btn {
    background: var(--success);
    color: white;
}

.run-btn:hover {
    background: #00acc1;
}

.view-btn {
    background: var(--success);
    color: white;
}

.view-btn:hover {
    background: #00acc1;
}

.toggle-btn {
    background: var(--warning);
    color: white;
    font-size: 0.9rem;
}

.toggle-btn:hover {
    background: #e68900;
}

.pause-btn {
    background: #ff9800;
}

.play-btn {
    background: #4caf50;
}

.stats-btn {
    background: var(--primary);
    color: white;
}

.stats-btn:hover {
    background: var(--primary-dark);
}

.action-btn.disabled {
    background: #adb5bd !important;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none !important;
    box-shadow: none !important;
}

.action-btn.edit-btn.disabled {
    background-color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.5;
}

.action-btn.edit-btn.disabled:hover {
    background-color: #adb5bd;
    transform: none;
}

.show-page-btn {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: underline;
    margin-left: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: var(--transition);
}

.show-page-btn:hover {
    color: var(--primary-dark);
    background-color: rgba(67, 97, 238, 0.1);
}

.refresh-captcha {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: underline;
    margin-top: 0.5rem;
}

.refresh-captcha:hover {
    color: var(--primary-dark);
}

.show-snippet-btn {
    background: none;
    border: none;
    color: var(--primary);
    cursor: pointer;
    font-size: 0.85rem;
    text-decoration: underline;
}

.show-snippet-btn:hover {
    color: var(--primary-dark);
}

.screenshot-expand-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    padding: 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}

.screenshot-expand-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.screenshot-download-btn,
.screenshot-close-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: var(--border-radius);
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    font-size: 0.9rem;
}

.screenshot-download-btn {
    background: var(--primary);
    color: white;
}

.screenshot-download-btn:hover {
    background: var(--primary-dark);
}

.screenshot-close-btn {
    background: var(--gray);
    color: white;
}

.screenshot-close-btn:hover {
    background: #5a6268;
}

/* ============================================
   FORM ELEMENTS
   ============================================ */
.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--dark);
}

.form-control {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    transition: var(--transition);
}

.form-control:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.form-control.error {
    border-color: var(--danger);
    box-shadow: 0 0 0 3px rgba(249, 65, 68, 0.2);
}

.error-message {
    color: var(--danger);
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: none;
}

.error-message.show {
    display: block;
}

.filter-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    transition: var(--transition);
}

.filter-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.filter-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--dark);
}

.phrases-container {
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    padding: 1rem;
    background: #f8f9fa;
}

.phrases-input {
    width: 100%;
    min-height: 100px;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    resize: vertical;
    margin-bottom: 0.75rem;
}

.captcha-input {
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: var(--border-radius);
    font-size: 1rem;
    width: 200px;
    text-align: center;
}

.captcha-input:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.verify-code-input {
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
    font-family: monospace;
}

/* ============================================
   TABS & TOGGLES
   ============================================ */


 /* Auth Modal */
        .auth-tabs {
            display: flex;
            margin-bottom: 1.5rem;
            border-bottom: 1px solid #e9ecef;
        }

        .auth-tab {
            padding: 0.75rem 1.5rem;
            cursor: pointer;
            font-weight: 600;
            color: var(--gray);
            transition: var(--transition);
            border-bottom: 2px solid transparent;
        }

        .auth-tab.active {
            color: var(--primary);
            border-bottom: 2px solid var(--primary);
        }

        .auth-form {
            display: none;
        }

        .auth-form.active {
            display: block;
        }
/*  */

.engine-tab {
    padding: 0.5rem 1rem;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: var(--gray);
    transition: var(--transition);
    border-bottom: 2px solid transparent;
}

.engine-tab.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.engine-tab:hover {
    color: var(--primary);
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: var(--primary);
}

input:checked + .slider:before {
    transform: translateX(26px);
}

/* ============================================
   SELECTION CONTROLS
   ============================================ */
.day-checkbox {
    display: none;
}

.day-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    user-select: none;
}

.day-checkbox:checked + .day-label {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
}

.device-radio {
    display: none;
}

.device-label {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border: 2px solid #ddd;
    border-radius: var(--border-radius);
    cursor: pointer;
    transition: var(--transition);
    text-align: center;
}

.device-radio:checked + .device-label {
    border-color: var(--primary);
    background: rgba(67, 97, 238, 0.1);
}

.device-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.payment-option input[type="radio"] {
    margin-right: 1rem;
    transform: scale(1.2);
}

/* ============================================
   TABLES
   ============================================ */
.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table th {
    background-color: #f8f9fa;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--dark);
    border-bottom: 1px solid #dee2e6;
}

.data-table td {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.data-table tr:hover {
    background-color: #f8f9fa;
}

.tasks-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
    min-width: 800px;
}

.tasks-table th {
    background: #f8f9fa;
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: var(--dark);
    border-bottom: 2px solid #e9ecef;
}

.tasks-table td {
    padding: 0.75rem;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.tasks-table tr:hover {
    background: #f8f9fa;
}

.tasks-table tr.active {
    background: #e8f5e9;
}

.tasks-table tr.inactive {
    background: #ffebee;
}

.task-row.task-paused {
    background-color: #f8f9fa;
    opacity: 0.7;
}

.task-row.task-paused:hover {
    background-color: #e9ecef;
}

.task-row.task-paused td {
    color: #6c757d;
}

.tasks-table tbody tr:nth-child(even) {
    background-color: #fafafa;
}

.tasks-table tbody tr:nth-child(even):hover {
    background-color: rgba(67, 97, 238, 0.05);
}

.tasks-table-container {
    overflow-x: auto;
    width: 100%;
    margin-top: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid #e9ecef;
    background: white;
    position: relative;
}

.table-responsive {
    overflow-x: auto;
}

/* ============================================
   STATUS INDICATORS & BADGES
   ============================================ */
.status-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 0.5rem;
}

.status-active {
    background-color: var(--success);
}

.status-pending {
    background-color: var(--warning);
}

.status-inactive {
    background-color: var(--danger);
}

.task-status {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    min-width: 100px;
    justify-content: center;
    transition: var(--transition);
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.status-active {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-inactive {
    background: #ffebee;
    color: #c62828;
}

.status-pending {
    background: #fff3e0;
    color: #ef6c00;
}

.status-new {
    background: #e3f2fd;
    color: #1565c0;
}

.status-checking {
    background: #fff3e0;
    color: #ef6c00;
}

.status-paused {
    background: #fff3e0;
    color: #ef6c00;
}

.badge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: 12px;
    padding: 0.3rem 0.7rem;
}

.badge-success {
    background-color: #e8f5e9;
    color: #2e7d32;
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    color: white;
}

.badge-warning {
    background-color: #fff3e0;
    color: #ef6c00;
    background: linear-gradient(135deg, #ff9800, #ffb74d);
    color: white;
}

.badge-danger {
    background-color: #ffebee;
    color: #c62828;
    background: linear-gradient(135deg, #f44336, #ef5350);
    color: white;
}

/* ============================================
   MODALS & POPUPS
   ============================================ */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 1rem;
}

.modal-content {
    background: white;
    border-radius: var(--border-radius);
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
    animation: modalFadeIn 0.3s ease;
	padding: 2rem;
}	

.modal-large {
    max-width: 800px;
}

.modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title {
    margin-bottom: 1rem;
    color: var(--dark);
    font-size: 1.5rem;
    font-weight: 600;
}

.modal-text {
    margin-bottom: 1.5rem;
    color: var(--gray);
}

.modal-body {
    padding: 1.5rem;
}

.modal-iframe {
    width: 100%;
    height: 80vh;
    max-height: 900px;
    min-height: 500px;
    border: none;
    border-radius: var(--border-radius);
}

.close-btn {
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--gray);
    transition: var(--transition);
    background: none;
    border: none;
}

.close-btn:hover {
    color: var(--dark);
}

.popup-trigger {
    position: relative;
    display: inline-block;
}

.popup-text {
    display: none;
    position: absolute;
    background: var(--dark);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius);
    font-size: 0.85rem;
    width: 250px;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0.5rem;
    z-index: 10;
    box-shadow: var(--box-shadow);
}

.popup-trigger:hover .popup-text {
    display: block;
}

.popup-text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: var(--dark) transparent transparent transparent;
}

/* ============================================
   ARCHIVE & SEO SCORE SECTIONS
   ============================================ */
.archive-preview {
    text-align: center;
    padding: 2rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
    margin-bottom: 1.5rem;
}

.archive-image {
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    margin-bottom: 1rem;
}

.archive-stat {
    text-align: center;
    padding: 1rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.archive-stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.25rem;
}

.archive-stat-label {
    font-size: 0.85rem;
    color: var(--gray);
}

.seo-score {
    text-align: center;
    padding: 2rem;
    background: linear-gradient(135deg, #4361ee, #7209b7);
    color: white;
    border-radius: var(--border-radius);
    margin-bottom: 2rem;
}

.score-value {
    font-size: 3rem;
    font-weight: 700;
    margin: 1rem 0;
}

.score-label {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.score-item {
    text-align: center;
}

.score-number {
    font-size: 1.5rem;
    font-weight: 700;
}

.score-text {
    font-size: 0.85rem;
    opacity: 0.9;
}

/* ============================================
   AUDIT ITEMS
   ============================================ */
.audit-item {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-bottom: 0.75rem;
    transition: var(--transition);
}

.audit-item:hover {
    background-color: #f8f9fa;
}

.audit-status {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
}

.status-pass {
    background-color: #4caf50;
}

.status-fail {
    background-color: #f44336;
}

.status-warning {
    background-color: #ff9800;
}

.audit-info {
    flex: 1;
}

.audit-name {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.audit-value {
    font-size: 0.9rem;
    color: var(--gray);
    margin-bottom: 0.25rem;
}

.audit-recommendation {
    font-size: 0.85rem;
    color: var(--gray);
}

/* ============================================
   LISTS & LINKS
   ============================================ */
.links-list {
    list-style-type: none;
}

.links-list li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f1f1f1;
}

.links-list li:last-child {
    border-bottom: none;
}

.links-list a {
    color: var(--primary);
    text-decoration: none;
}

.links-list a:hover {
    text-decoration: underline;
}

.footer-links {
    list-style: none;
}

.footer-links li {
    margin-bottom: 0.5rem;
}

.footer-links a {
    color: #adb5bd;
    text-decoration: none;
    transition: var(--transition);
    font-size: 0.9rem;
}

.footer-links a:hover {
    color: white;
    text-decoration: underline;
}

.project-features {
    list-style: none;
    margin: 1.5rem 0;
}

.project-features li {
    padding: 0.5rem 0;
    color: var(--dark);
    position: relative;
    padding-left: 1.5rem;
}

.project-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--success);
    font-weight: bold;
}

.info-list {
    text-align: left;
    color: var(--gray);
    font-size: 0.9rem;
    padding-left: 1.2rem;
    margin: 0;
}

.info-list li {
    margin-bottom: 0.25rem;
}

.how-it-works-list {
    text-align: left;
    color: var(--gray);
    font-size: 0.9rem;
    padding-left: 1.2rem;
    margin: 0;
}

.how-it-works-list li {
    margin-bottom: 0.5rem;
}

/* ============================================
   CHART CONTAINERS
   ============================================ */
.chart-container {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 1.5rem;
}

.chart-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--dark);
}

/* ============================================
   SNIPPETS & CODE BLOCKS
   ============================================ */
.snippet {
    background: #f8f9fa;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: var(--gray);
    border-left: 3px solid var(--primary);
}

.success-token {
    background: white;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    font-family: monospace;
    word-break: break-all;
    border: 1px solid #ddd;
    margin: 0.5rem 0;
}

.api-key-value {
    font-family: monospace;
    font-size: 1rem;
    color: var(--dark);
    word-break: break-all;
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* ============================================
   SECTION HEADERS & TITLES
   ============================================ */
.section-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0 1rem;
    color: var(--dark);
    border-bottom: 2px solid var(--primary);
    padding-bottom: 0.5rem;
    position: relative;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: var(--accent);
}

.page-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--dark);
}

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

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 1rem;
    position: relative;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.1rem;
    color: var(--gray);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ============================================
   PROJECT CARDS
   ============================================ */
.project-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    border-left: 4px solid var(--primary);
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.project-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(67, 97, 238, 0.1), transparent);
    transition: var(--transition);
}

.project-card:hover::before {
    left: 100%;
}

.project-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    font-size: 1.5rem;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
}

.project-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 1rem;
    line-height: 1.3;
}

.project-description {
    color: var(--gray);
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.project-highlight {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    padding: 0.75rem 1rem;
    border-radius: var(--border-radius);
    margin: 1.5rem 0;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
}

.project-cta {
    display: inline-flex;
    align-items: center;
    background: var(--primary);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition);
    border: none;
    cursor: pointer;
    margin-top: 1rem;
}

.project-cta:hover {
    background: var(--primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(67, 97, 238, 0.4);
}

/* ============================================
   PROFILE SECTION
   ============================================ */
.profile-header {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    animation: fadeIn 0.5s ease;
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    box-shadow: var(--box-shadow);
}

.profile-info {
    flex: 1;
}

.profile-name {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 0.5rem;
}

.profile-email {
    color: var(--gray);
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.profile-status {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    background: #e8f5e9;
    color: #2e7d32;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.profile-status::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #2e7d32;
    border-radius: 50%;
    margin-right: 0.5rem;
}

/* ============================================
   STATS & METRICS
   ============================================ */
.stat-item {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    text-align: center;
    border: 1px solid #e9ecef;
}

.stat-value {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.25rem;
}

.stat-label {
    font-size: 0.85rem;
    color: var(--gray);
}

.stat-card {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    text-align: center;
}

.stat-value {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 0.5rem;
}

.stat-label {
    color: var(--gray);
    font-size: 0.9rem;
}

.balance-amount {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary);
}

.balance-currency {
    font-size: 1.5rem;
    color: var(--gray);
    margin-left: 0.5rem;
}

/* ============================================
   SETTINGS SECTIONS
   ============================================ */
.setting-group {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    border: 1px solid #e9ecef;
}

.setting-title {
    font-weight: 600;
    color: var(--dark);
    margin-bottom: 0.75rem;
    font-size: 1.1rem;
}

.setting-label {
    cursor: pointer;
    color: var(--dark);
    user-select: none;
}

.setting-hint {
    font-size: 0.85rem;
    color: var(--gray);
    margin-left: 2rem;
    margin-top: 0.25rem;
}

.api-key-container {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
}

/* ============================================
   UTILITY CLASSES
   ============================================ */
.hidden {
    display: none;
}

.centered-content {
    text-align: center;
    padding: 1rem;
}

.loading {
    animation: pulse 1.5s infinite;
}

.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================
   INFO BOXES & ALERTS
   ============================================ */
.last-update-info {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--primary);
    font-size: 0.9rem;
}

.update-label {
    font-weight: 600;
    color: var(--gray);
    margin-right: 0.5rem;
}

.update-time {
    font-weight: 600;
    color: var(--dark);
}

.update-time.updating {
    color: var(--primary);
    animation: pulse 1.5s infinite;
}

.redirect-info {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: #fff3e0;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--warning);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.redirect-label {
    font-weight: 600;
    color: var(--gray);
}

.redirect-url {
    color: var(--primary);
    text-decoration: none;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    background: rgba(67, 97, 238, 0.1);
    border-radius: 4px;
    transition: var(--transition);
}

.redirect-url:hover {
    background: rgba(67, 97, 238, 0.2);
    text-decoration: underline;
}

.redirect-status {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-left: auto;
}

.redirect-status.active {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.redirect-status.inactive {
    background-color: #ffebee;
    color: #c62828;
}

.redirect-status.temporary {
    background-color: #e3f2fd;
    color: #1565c0;
}

.info-box {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
}

.info-title {
    margin-bottom: 0.5rem;
    color: var(--dark);
}

.how-it-works {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
}

.how-it-works-title {
    margin-bottom: 0.5rem;
    color: var(--dark);
}

.token-container {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin: 1.5rem 0;
}

.token-label {
    margin-bottom: 0.5rem;
    color: var(--dark);
    font-weight: 600;
}

.token-hint {
    font-size: 0.85rem;
    color: var(--gray);
    margin-top: 0.5rem;
}

.timer-container {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    color: #856404;
    padding: 0.75rem;
    border-radius: var(--border-radius);
    margin: 1rem 0;
    text-align: center;
    font-weight: 600;
}

.timer-expired {
    background: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.email-check-status {
    margin-top: 1rem;
    padding: 0.75rem;
    background: #e7f3ff;
    border-radius: var(--border-radius);
    text-align: center;
}

.status-checking {
    color: var(--primary);
}

.status-success {
    color: #155724;
    background: #d4edda;
}

.status-error {
    color: #721c24;
    background: #f8d7da;
}

.analysis-status {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: var(--border-radius);
    text-align: center;
    font-weight: 600;
}

.analysis-status.success {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.analysis-status.error {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ffcdd2;
}

.phrases-hint {
    font-size: 0.85rem;
    color: var(--gray);
    margin-top: 0.5rem;
}

.empty-state {
    text-align: center;
    padding: 3rem;
    color: var(--gray);
}

.empty-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.3;
    color: var(--primary);
}

.empty-text {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

/* ============================================
   FAQ ACCORDION
   ============================================ */
.faq-accordion {
    margin: 2rem 0;
    padding: 1.5rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.faq-accordion h2 {
    color: var(--dark);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

.faq-accordion details {
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
    border-radius: var(--border-radius);
    overflow: hidden;
    transition: var(--transition);
    background: white;
}

.faq-accordion details:hover {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(67, 97, 238, 0.1);
}

.faq-accordion details[open] {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(67, 97, 238, 0.15);
}

.faq-accordion summary {
    padding: 1.25rem 1.5rem;
    background: #f8f9fa;
    cursor: pointer;
    font-weight: 600;
    color: var(--dark);
    list-style: none;
    position: relative;
    transition: var(--transition);
    font-size: 1rem;
    border-bottom: 1px solid transparent;
}

.faq-accordion summary:hover {
    background: #e9ecef;
}

.faq-accordion details[open] summary {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.faq-accordion summary::-webkit-details-marker {
    display: none;
}

.faq-accordion summary::after {
    content: '+';
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--primary);
    transition: var(--transition);
}

.faq-accordion details[open] summary::after {
    content: '−';
    color: var(--accent);
}

.faq-accordion p {
    padding: 1.5rem;
    margin: 0;
    background: linear-gradient(to bottom, #fafbff, white);
    color: var(--dark);
    line-height: 1.6;
    border-top: 1px solid #f1f1f1;
    border-left: 3px solid var(--success);
    animation: fadeIn 0.3s ease;
}

/* ============================================
   DOMAIN SCREENSHOTS
   ============================================ */
.domain-screenshot-container {
    position: relative;
    margin: 1.5rem 0;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow);
    max-width: 800px;
    border: 1px solid #e9ecef;
    cursor: pointer;
    transition: var(--transition);
}

.domain-screenshot-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

.domain-screenshot {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    transition: var(--transition);
}

.domain-screenshot:hover {
    filter: brightness(1.05);
}

.screenshot-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, transparent 100%);
    padding: 1rem;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.screenshot-text {
    font-size: 0.9rem;
    font-weight: 600;
}

.screenshot-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 100%);
    pointer-events: none;
}

.full-screenshot-container {
    text-align: center;
    margin-top: 1rem;
}

.full-screenshot {
    max-width: 100%;
    max-height: 70vh;
    border-radius: var(--border-radius);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    margin-bottom: 1rem;
}

/* ============================================
   PAYMENT OPTIONS
   ============================================ */
.payment-options {
    margin: 1.5rem 0;
    border: 1px solid #e9ecef;
    border-radius: var(--border-radius);
    overflow: hidden;
    display: none;
}

.payment-option {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    transition: var(--transition);
    cursor: pointer;
}

.payment-option:last-child {
    border-bottom: none;
}

.payment-option:hover {
    background-color: #f8f9fa;
}

.payment-option.selected {
    background-color: rgba(67, 97, 238, 0.1);
    border-left: 3px solid var(--primary);
}

.payment-option label {
    cursor: pointer;
    font-weight: 500;
    color: var(--dark);
    flex: 1;
}

/* ============================================
   MODAL SUCCESS STATES
   ============================================ */
.modal-success {
    text-align: center;
    padding: 2rem;
    display: none;
}

.modal-success.show {
    display: block;
}

.success-icon {
    font-size: 3rem;
    color: #4caf50;
    margin-bottom: 1rem;
}

/* ============================================
   PHRASE-SPECIFIC STYLES
   ============================================ */
.word-section {
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--primary);
}

.word-section h3 {
    color: var(--primary);
    margin-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.5rem;
}

/* ============================================
   PAGE DETAILS
   ============================================ */
.page-details {
    display: none;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: var(--border-radius);
    margin-top: 0.5rem;
    border-left: 3px solid var(--primary);
    font-size: 0.85rem;
    color: var(--dark);
}

.page-details.active {
    display: block;
    animation: fadeIn 0.3s ease;
}

.page-detail-item {
    padding: 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.page-detail-label {
    font-weight: 600;
    color: var(--gray);
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
}

.page-detail-value {
    color: var(--dark);
    font-weight: 500;
}

.page-url {
    color: var(--primary);
    text-decoration: none;
    word-break: break-all;
}

.page-url:hover {
    text-decoration: underline;
}

.page-metrics {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.page-metric {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.5rem;
    background: white;
    border-radius: 4px;
    border: 1px solid #e9ecef;
    font-size: 0.8rem;
}

.page-metric-value {
    font-weight: 600;
    color: var(--primary);
}

/* ============================================
   LOADING & TOAST NOTIFICATIONS
   ============================================ */

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.loading-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Loading Spinner */
.loading-spinner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    backdrop-filter: blur(3px);
}

.loading-spinner.active {
    opacity: 1;
    visibility: visible;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: var(--primary);
    animation: spin 1s ease-in-out infinite;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .loading-spinner {
        background: rgba(0, 0, 0, 0.7);
    }
    
    .spinner {
        border: 4px solid rgba(255, 255, 255, 0.2);
        border-top-color: var(--primary);
    }
}

/* Optional: Add text under spinner */
.loading-overlay::after {
    content: 'Loading...';
    position: absolute;
    bottom: 40%;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #333;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 10000;
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    font-size: 14px;
    max-width: 300px;
}

.toast.show {
    opacity: 1;
    transform: translateY(0);
}

.toast.success {
    background: #4caf50;
}

.toast.error {
    background: #f44336;
}

.toast.warning {
    background: #ff9800;
}

/* ============================================
   FOOTER
   ============================================ */
footer {
    background-color: var(--dark);
    color: white;
    padding: 2rem 0;
    margin-top: 3rem;
}

.footer-section h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: white;
}

.footer-info {
    color: #adb5bd;
    font-size: 0.9rem;
    line-height: 1.5;
}

.footer-bottom {
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #495057;
}

.copyright {
    color: #adb5bd;
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
}

.social-link {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #495057;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: var(--transition);
}

.social-link:hover {
    background: var(--primary);
    transform: translateY(-2px);
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */
@media (max-width: 768px) {
    .mobile-menu-container {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(135deg, var(--primary), var(--secondary));
        padding: 1.5rem;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        gap: 1rem;
        z-index: 1001;
        max-height: 80vh;
        overflow-y: auto;
    }

    .mobile-menu-container.active {
        display: flex;
    }

    .nav-links {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0.5rem;
    }

    .auth-buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 0.75rem;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .nav-links a {
        display: block;
        padding: 0.75rem 1rem;
        border-radius: var(--border-radius);
        background-color: rgba(255, 255, 255, 0.1);
        margin-bottom: 0.25rem;
    }

    .hamburger {
        display: block;
    }

    .domain-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .domain-status {
        margin-left: 0;
        margin-top: 0.5rem;
    }

    .score-details {
        flex-direction: column;
        gap: 1rem;
    }

    .filters {
        flex-direction: column;
    }

    .filter-group {
        min-width: 100%;
    }

    .card-content li {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0.5rem;
    }

    .card-content ul {
        padding-left: 1rem;
    }

    .redirect-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .redirect-status {
        margin-left: 0;
        align-self: flex-start;
    }

    .faq-accordion {
        padding: 1rem;
        margin: 1.5rem 0;
    }

    .faq-accordion h2 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

    .faq-accordion summary {
        padding: 1rem;
        font-size: 0.95rem;
    }

    .faq-accordion p {
        padding: 1rem;
        font-size: 0.9rem;
    }

    .faq-accordion summary::after {
        right: 1rem;
    }

    .domain-screenshot-container {
        margin: 1rem 0;
    }

    .domain-screenshot {
        height: 200px;
    }

    .screenshot-overlay {
        padding: 0.75rem;
    }

    .screenshot-text {
        font-size: 0.8rem;
    }

    .screenshot-expand-btn {
        padding: 0.4rem;
        font-size: 0.9rem;
    }

    .full-screenshot {
        max-height: 60vh;
    }

    .screenshot-controls {
        flex-direction: column;
        align-items: center;
    }

    .screenshot-download-btn,
    .screenshot-close-btn {
        width: 200px;
    }

    .profile-header {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
    }

    .profile-avatar {
        width: 80px;
        height: 80px;
        font-size: 2rem;
    }

    .balance-info {
        flex-direction: column;
        text-align: center;
    }

    .balance-actions {
        justify-content: center;
    }

    .api-key-actions {
        flex-direction: column;
    }

    .api-key-actions button {
        width: 100%;
    }

    .page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .create-task-btn {
        width: 100%;
        justify-content: center;
    }

    .tasks-table {
        display: block;
        overflow-x: auto;
    }

    .select-group {
        flex-direction: column;
    }

    .device-selection {
        flex-direction: column;
    }

    .device-option {
        min-width: 100%;
    }

    .form-actions {
        flex-direction: column;
    }

    .form-actions button {
        width: 100%;
    }

    .projects-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .project-card {
        padding: 1.5rem;
    }

    .project-title {
        font-size: 1.3rem;
    }

    .word-section {
        padding: 0.75rem;
        margin-bottom: 1rem;
    }

    .domain-info-grid {
        grid-template-columns: 1fr;
    }

    .page-details-grid {
        grid-template-columns: 1fr;
    }

    .page-metrics {
        flex-direction: column;
        gap: 0.5rem;
    }

    .tasks-table-container {
        border: none;
        background: transparent;
    }

    .tasks-table {
        min-width: 600px;
        font-size: 0.9rem;
    }

    .tasks-table th,
    .tasks-table td {
        padding: 0.75rem 0.5rem;
    }

    .task-status {
        padding: 0.25rem 0.6rem;
        font-size: 0.8rem;
        min-width: 85px;
    }

    .task-actions {
        gap: 0.25rem;
        min-width: 150px;
    }

    .action-btn {
        width: 32px;
        height: 32px;
        font-size: 0.85rem;
    }

    .tasks-table-container::after {
        content: '← scroll →';
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: var(--primary);
        color: white;
        padding: 0.25rem 0.5rem;
        border-radius: 12px;
        font-size: 0.7rem;
        opacity: 0.8;
        pointer-events: none;
    }
}

@media (max-width: 480px) {
    .domain-screenshot {
        height: 150px;
    }

    .projects-section {
        padding: 2rem 0;
    }

    .section-title {
        font-size: 1.75rem;
    }

    .project-card {
        padding: 1rem;
    }

    .section-title {
        font-size: 1.25rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .badge {
        font-size: 0.7rem;
        padding: 0.2rem 0.5rem;
    }

    .domain-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .domain-date {
        align-self: flex-end;
        font-size: 0.8rem;
    }

    .table-responsive {
        border: 1px solid #e9ecef;
        border-radius: var(--border-radius);
    }

    .data-table {
        font-size: 0.9rem;
    }

    .data-table th,
    .data-table td {
        padding: 0.5rem;
    }

    .tasks-table {
        min-width: 500px;
    }

    .tasks-table th,
    .tasks-table td {
        padding: 0.6rem 0.4rem;
    }

    .task-actions {
        min-width: 130px;
    }

    .action-btn {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }
}

/* ============================================
   PRINT STYLES
   ============================================ */
@media print {
    .nav-container,
    .lang-selector,
    .auth-buttons,
    .card-icon {
        display: none;
    }

    .card {
        box-shadow: none;
        border: 1px solid #ddd;
    }

    .domain-item {
        border: 1px solid #ddd;
    }
}

/* ============================================
   DARK MODE SUPPORT
   ============================================ */
@media (prefers-color-scheme: dark) {
    body {
        background: #1a1a1a;
        color: #e0e0e0;
    }

    .card, .stat-card {
        background: #2d2d2d;
        color: #e0e0e0;
    }

    .card-title {
        color: #e0e0e0;
    }

    .domain-item {
        border-color: #4a5568;
        background: #2d3748;
    }

    .domain-item:hover {
        background: #4a5568;
    }

    .data-table tbody tr:nth-child(even) {
        background-color: #4a5568;
    }

    .data-table tbody tr:hover {
        background-color: #718096;
    }

    .tasks-table th {
        background: #3d3d3d;
        color: #e0e0e0;
    }

    .tasks-table td {
        border-color: #4d4d4d;
    }

    .tasks-table tr:hover {
        background: #3d3d3d;
    }

    .form-control {
        background: #3d3d3d;
        border-color: #4d4d4d;
        color: #e0e0e0;
    }

    .phrases-container {
        background: #3d3d3d;
        border-color: #4d4d4d;
    }

    .day-label, .device-label {
        border-color: #4d4d4d;
        background: #3d3d3d;
    }

    .lang-selector {
        background: #2d2d2d;
    }
}

/* ============================================
   ACCESSIBILITY IMPROVEMENTS
   ============================================ */
.domain-name:focus,
.btn:focus {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .domain-item {
        border: 2px solid;
    }

    .badge {
        border: 1px solid;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ============================================
   SCROLLBAR STYLING
   ============================================ */
.tasks-table-container::-webkit-scrollbar {
    height: 8px;
}

.tasks-table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.tasks-table-container::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 4px;
}

.tasks-table-container::-webkit-scrollbar-thumb:hover {
    background: var(--primary-dark);
}

</style>

    <!-- Preload critical resources -->
	<!--
    <link rel="preload" href="/css/index.css" as="style">
    <link rel="preload" href="/css/all.min.css" as="style">
	-->
    <link rel="preload" href="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" as="script">
	<!-- Add QRCode.js library -->
	<!-- Add QRCode.js from official repository -->
	<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
    
    <!-- CSS -->
	<!--
    <link rel="stylesheet" type="text/css" href="/css/index.css">
    <link rel="stylesheet" type="text/css" href="/css/all.min.css">
	-->

    
    
    <!-- Load jQuery from Google CDN -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <!--<script type="text/javascript" src="/js/index.js"></script>-->
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    
</head>
<body>
    <!-- Header & Navigation -->
    <header>
        <div class="nav-container">
            <a href="/de/" class="logo">serpuls.com</a>
            
            <!-- Combined mobile menu container -->
            <div class="mobile-menu-container" id="mobileMenu">
                <ul class="nav-links" id="navLinks">
                    <li><a href="/de/api_docs/">API</a></li>
                    <li><a href="/de/domain/">Domänen</a></li>
                    <li><a href="/de/phrase/">Phrasen</a></li>
                    <li><a href="/de/services/">Dienstleistungen</a></li>
                </ul>
				
				<div class="auth-buttons" id="authButtons">
					<!-- Show user info when logged in -->
					<div id="userInfo" style="display: none;">
						<a href="/de/profile/" id="userName" style="color: white; margin-right: 1rem; text-decoration: none; font-weight: 500;"></a>
						<button class="btn btn-outline" onclick="logout()">Abmelden</button>
					</div>
					<!-- Show auth buttons when not logged in -->
					<div id="guestButtons">
						<button class="btn btn-outline" id="loginBtn">Login</button>
						<button class="btn btn-primary" id="registerBtn">Registrieren</button>
					</div>
				</div>
				
            </div>
            
            <button class="hamburger" id="hamburger">☰</button>
        </div>
    </header>
	


    <!-- Language Selector -->
    <div class="lang-selector" itemscope itemtype="https://schema.org/Language">
		<link itemprop="inLanguage" href="https://schema.org/English" />
        <div class="lang-container">
             <a href="https://serpuls.com/bg/phrase/babene/" hreflang="bg" lang="bg" title="Български">Български</a> | <a href="https://serpuls.com/ca/phrase/babene/" hreflang="ca" lang="ca" title="Català">Català</a> | <span>Deutsche</span> | <a href="https://serpuls.com/hr/phrase/babene/" hreflang="hr" lang="hr" title="Hrvatski">Hrvatski</a> | <a href="https://serpuls.com/cs/phrase/babene/" hreflang="cs" lang="cs" title="Čeština">Čeština</a> | <a href="https://serpuls.com/da/phrase/babene/" hreflang="da" lang="da" title="Dansk">Dansk</a> | <a href="https://serpuls.com/nl/phrase/babene/" hreflang="nl" lang="nl" title="Nederlandse">Nederlandse</a> | <a href="https://serpuls.com/en/phrase/babene/" hreflang="en" lang="en" title="English">English</a> | <a href="https://serpuls.com/et/phrase/babene/" hreflang="et" lang="et" title="Eesti keel">Eesti keel</a> | <a href="https://serpuls.com/fr/phrase/babene/" hreflang="fr" lang="fr" title="Français">Français</a> | <a href="https://serpuls.com/el/phrase/babene/" hreflang="el" lang="el" title="Ελληνικά">Ελληνικά</a> | <a href="https://serpuls.com/hu/phrase/babene/" hreflang="hu" lang="hu" title="Magyar">Magyar</a> | <a href="https://serpuls.com/it/phrase/babene/" hreflang="it" lang="it" title="Italiano">Italiano</a> | <a href="https://serpuls.com/lv/phrase/babene/" hreflang="lv" lang="lv" title="Latviski">Latviski</a> | <a href="https://serpuls.com/no/phrase/babene/" hreflang="no" lang="no" title="Norsk">Norsk</a> | <a href="https://serpuls.com/pl/phrase/babene/" hreflang="pl" lang="pl" title="Polski">Polski</a> | <a href="https://serpuls.com/pt/phrase/babene/" hreflang="pt" lang="pt" title="Português">Português</a> | <a href="https://serpuls.com/ro/phrase/babene/" hreflang="ro" lang="ro" title="Română">Română</a> | <a href="https://serpuls.com/ru/phrase/babene/" hreflang="ru" lang="ru" title="Русский">Русский</a> | <a href="https://serpuls.com/sr/phrase/babene/" hreflang="sr" lang="sr" title="Српски">Српски</a> | <a href="https://serpuls.com/sk/phrase/babene/" hreflang="sk" lang="sk" title="Slovenský">Slovenský</a> | <a href="https://serpuls.com/sl/phrase/babene/" hreflang="sl" lang="sl" title="Slovenščina">Slovenščina</a> | <a href="https://serpuls.com/es/phrase/babene/" hreflang="es" lang="es" title="Español">Español</a> | <a href="https://serpuls.com/sv/phrase/babene/" hreflang="sv" lang="sv" title="Svenska">Svenska</a> | <a href="https://serpuls.com/tr/phrase/babene/" hreflang="tr" lang="tr" title="Türkçe">Türkçe</a> | <a href="https://serpuls.com/zh/phrase/babene/" hreflang="zh" lang="zh" title="汉语">汉语</a> | <a href="https://serpuls.com/ja/phrase/babene/" hreflang="ja" lang="ja" title="日本語">日本語</a> |        </div>
    </div>

    <!-- Main Content -->
    <div class="container">
<!-- Phrase Header -->
<div class="domain-header">
	<input type="hidden" id="phrase" value="babene">
	<input type="hidden" id="phrase_id" value="19892">
    <div class="domain-title">
        <div class="domain-icon">P</div>
        <div>
            <h1 class="domain-name">babene</h1>
            <span class="domain-status registered">Aktiver Satz</span>
        </div>
    </div>
    
    <!-- Last Update Info -->
    <div class="last-update-info">
        <span class="update-label">Datum der Informationsaktualisierung:</span>
        <span class="update-time" id="lastUpdateTime">2025/10/06</span>
    </div>
    
    <!-- Analysis Button Container -->
    <div class="analysis-button-container">
        <button class="cta-button" id="analyzeNowBtn">Analyse jetzt aktualisieren</button>
        <div id="analysisStatus" class="analysis-status" style="display: none;"></div>
    </div>
    
    <div class="domain-info-grid">
        <div class="domain-info-item">
            <div class="domain-info-label">Häufigkeit der Suchanfragen</div>
            <div class="domain-info-value">63</div>
        </div>
                        <div class="domain-info-item">
            <div class="domain-info-label">Phrasendefinition</div>
            <div class="domain-info-value">unbekannt</div>
        </div>
                        <div class="domain-info-item">
            <div class="domain-info-label">Satzübersetzung</div>
            <div class="domain-info-value">Babene, Babine, Babäne, Babenie, Babenein</div>
        </div>
            </div>
    
</div>



<!-- Morphological Lemmas -->


<!-- Phrase Meanings -->

<!-- Book Samples -->


<!-- Search Engine Positions -->
<!-- Chart Container -->
<div class="chart-container">
    <h2 class="chart-title">Positionen in Google</h2>
    <div id="chart_div_google" style="width: 100%; height: 400px;"></div>
</div>




<div class="card">
    <div class="card-header">
        <h2 class="card-title">Suchphrasen - Google</h2>
        <div class="card-icon">🔍</div>
    </div>
    <div class="card-content">
        <div class="filters">
            <div class="filter-group">
                <label class="filter-label" for="googlePhraseFilter">Domain:</label>
                <input type="text" id="googleDomainFilter" class="filter-input" placeholder="Nach Domäne filtern">
            </div>
            <div class="filter-group">
                <label class="filter-label" for="googlePageFilter">Seite:</label>
                <input type="text" id="googlePageFilter" class="filter-input" placeholder="Nach Seite filtern">
            </div>
            <div class="filter-group">
                <label class="filter-label">&nbsp;</label>
                <button class="cta-button" onclick="applyPhraseFilters('google')">Filter anwenden</button>
            </div>
        </div>
        
        <!-- Update the table structure to include show page functionality -->
		<div class="table-responsive">
			<table class="data-table" id="googleDomainsTable">
				<thead>
					<tr>
						<th>Position</th>
						<th>Domain</th>
						<th>Seite</th>
						<th>Aktionen</th>
					</tr>
				</thead>
				<tbody id="googlePhrasesBody">
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									1								</span>
															</td>
							<td>
									<a href="/de/domain/otvet.mail.ru/" >
										otvet.mail.ru									</a>
							</td>
							<td>/;24270591</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-1">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://otvet.mail.ru/;24270591" 
												   class="page-url" target="_blank" rel="nofollow">
													https://otvet.mail.ru/;24270591												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												А как переводится слово Babene?из мультфильма ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									2								</span>
															</td>
							<td>
									<a href="/de/domain/context.reverso.net/" >
										context.reverso.net									</a>
							</td>
							<td>/%D0%BF%D0%B5%D1%80%...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-2">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://context.reverso.net/%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4/%D0%B0%D0%BD%D0%B3%D0%BB%D0%B8%D0%B9%D1%81%D0%BA%D0%B8%D0%B9-%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9/Babene" 
												   class="page-url" target="_blank" rel="nofollow">
													https://context.reverso.net/%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4/%D0%B0%D0%BD%D0%B3%D0%BB%D0%B8%D0%B9%D1%81%D0%BA%D0%B8%D0%B9-%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9/Babene												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												Babene - Перевод на русский - примеры английский											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://context.reverso.net/%D0%BF%D0%B5%D1%80%D0%B5%D0%B2%D0%BE%D0%B4/%D0%B0%D0%BD%D0%B3%D0%BB%D0%B8%D0%B9%D1%81%D0%BA%D0%B8%D0%B9-%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9/Babene" rel="nofollow" target="_blank">Babene - Перевод на русский - примеры английский</a></noindex><br>Babine Lake is the longest natural lake in the province . Озеро Бабин является самым длинным природным озером в провинции. Sphinx and Babele refers to an ...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									3								</span>
															</td>
							<td>
									<a href="/de/domain/fighttime.ru/" >
										fighttime.ru									</a>
							</td>
							<td>/fighters/10677/Greg...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-3">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://fighttime.ru/fighters/10677/Gregory-Babene.html" 
												   class="page-url" target="_blank" rel="nofollow">
													https://fighttime.ru/fighters/10677/Gregory-Babene.html												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												Грегори Бабен / Gregory Babene (Blade)											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://fighttime.ru/fighters/10677/Gregory-Babene.html" rel="nofollow" target="_blank">Грегори Бабен / Gregory Babene (Blade)</a></noindex><br>Грегори Бабен / Gregory Babene (Blade ). Грегори Бабен / Gregory Babene (Blade). Дата рождения									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									4								</span>
															</td>
							<td>
									<a href="/de/domain/www.tapology.com/" >
										www.tapology.com									</a>
							</td>
							<td>/fightcenter/fighter...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-4">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://www.tapology.com/fightcenter/fighters/3957-gregory-babene-blade" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.tapology.com/fightcenter/fighters/3957-gregory-babene-blade												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												Gregory Babene ("Blade") | MMA Fighter Page											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://www.tapology.com/fightcenter/fighters/3957-gregory-babene-blade" rel="nofollow" target="_blank">Gregory Babene ("Blade") | MMA Fighter Page</a></noindex><br>Gregory "Blade" Babene (23-13-0, 1 NC) is a Pro MMA Fighter out of Paris, France and the #117th ranked Top Middleweight MMA fighter.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									5								</span>
															</td>
							<td>
									<a href="/de/domain/mymemory.translated.net/" >
										mymemory.translated.net									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-5">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://mymemory.translated.net/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://mymemory.translated.net/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									6								</span>
															</td>
							<td>
									<a href="/de/domain/translate.yandex.ru/" >
										translate.yandex.ru									</a>
							</td>
							<td>/dictionary/Italiano...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-6">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://translate.yandex.ru/dictionary/Italiano-Alemao/babene" 
												   class="page-url" target="_blank" rel="nofollow">
													https://translate.yandex.ru/dictionary/Italiano-Alemao/babene												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												babene - Словарь и онлайн перевод на английский ...											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://translate.yandex.ru/dictionary/Italiano-Alemao/babene" rel="nofollow" target="_blank">babene - Словарь и онлайн перевод на английский ...</a></noindex><br>Бесплатный онлайн перевод с английского и других языков на русский и обратно . Переводчик работает со словами, текстами, а также веб-страницами и надписями ...									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									7								</span>
															</td>
							<td>
									<a href="/de/domain/www.espn.com/" >
										www.espn.com									</a>
							</td>
							<td>/mma/fighter/_/id/25...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-7">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://www.espn.com/mma/fighter/_/id/2559789/gregory-babene" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.espn.com/mma/fighter/_/id/2559789/gregory-babene												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												Gregory Babene (Middleweight) MMA Profile											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://www.espn.com/mma/fighter/_/id/2559789/gregory-babene" rel="nofollow" target="_blank">Gregory Babene (Middleweight) MMA Profile</a></noindex><br>View the profile of the MMA fighter Gregory Babene from France on ESPN. Get the latest news, live stats and MMA fight highlights.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									8								</span>
															</td>
							<td>
									<a href="/de/domain/www.sherdog.com/" >
										www.sherdog.com									</a>
							</td>
							<td>/fighter/Gregory-Bab...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-8">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://www.sherdog.com/fighter/Gregory-Babene-10677" 
												   class="page-url" target="_blank" rel="nofollow">
													https://www.sherdog.com/fighter/Gregory-Babene-10677												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												Gregory Babene											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://www.sherdog.com/fighter/Gregory-Babene-10677" rel="nofollow" target="_blank">Gregory Babene</a></noindex><br>The industry pioneer in UFC, Bellator and all things MMA (aka Ultimate Fighting). MMA news, interviews, pictures, videos and more since 1997.									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									9								</span>
															</td>
							<td>
									<a href="/de/domain/pflmma.com/" >
										pflmma.com									</a>
							</td>
							<td>/fighter/gregory-bab...</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-google-9">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://pflmma.com/fighter/gregory-babene" 
												   class="page-url" target="_blank" rel="nofollow">
													https://pflmma.com/fighter/gregory-babene												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												Gregory Babene | Middleweight (185)											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										<noindex><a href="https://https://pflmma.com/fighter/gregory-babene" rel="nofollow" target="_blank">Gregory Babene | Middleweight (185)</a></noindex><br>Babene · Middleweight (185 ) · PFL Record									</div>
								</div>
							</td>
						</tr>
									</tbody>
			</table>
		</div>
		
		<div class="pagination" id="googlePagination">
            <button disabled onclick="loadSearchDomains('google', 0)">«</button>
                            <button class="active" onclick="loadSearchDomains('google', 1)">1</button>
                        <button disabled onclick="loadSearchDomains('google', 2)">»</button>
        </div>
		
    </div>
</div>



<script>

google.charts.load('current', {
    'packages': ['corechart', 'line'],
    'callback': drawChart_google});

function drawChart_google() {
    var data = new google.visualization.DataTable();
    
    data.addColumn('date', 'Tag');
    data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");
    data.addRows([
        [new Date(2011, 1, 2),18,null,null,null,82,null,null,null,null,],[new Date(2025, 9, 20),1,2,3,4,5,6,7,8,9,],    ]);

    var options = {
        chart: {
            title: 'Top-Domains in google Suchergebnisse für Phrase: "babene"',
            subtitle: 'Verlauf der Domainposition'
        },
        width: '100%',
        height: 400,
        curveType: 'function',
        legend: { position: 'bottom' },
        pointSize: 5,
        pointsVisible: true,
        interpolateNulls: true,
        selectionMode: 'multiple',
        vAxis: {
            direction: '-1',
            title: 'Position',
        },
        hAxis: {
            title: 'Datum',	
        },
    };

    var chart = new google.visualization.LineChart(document.getElementById("chart_div_google"));
    chart.draw(data, options);
}
</script>
<!-- Chart Container -->
<div class="chart-container">
    <h2 class="chart-title">Positionen in Yandex</h2>
    <div id="chart_div_yandex" style="width: 100%; height: 400px;"></div>
</div>




<div class="card">
    <div class="card-header">
        <h2 class="card-title">Suchphrasen - Yandex</h2>
        <div class="card-icon">🔍</div>
    </div>
    <div class="card-content">
        <div class="filters">
            <div class="filter-group">
                <label class="filter-label" for="yandexPhraseFilter">Domain:</label>
                <input type="text" id="yandexDomainFilter" class="filter-input" placeholder="Nach Domäne filtern">
            </div>
            <div class="filter-group">
                <label class="filter-label" for="yandexPageFilter">Seite:</label>
                <input type="text" id="yandexPageFilter" class="filter-input" placeholder="Nach Seite filtern">
            </div>
            <div class="filter-group">
                <label class="filter-label">&nbsp;</label>
                <button class="cta-button" onclick="applyPhraseFilters('yandex')">Filter anwenden</button>
            </div>
        </div>
        
        <!-- Update the table structure to include show page functionality -->
		<div class="table-responsive">
			<table class="data-table" id="yandexDomainsTable">
				<thead>
					<tr>
						<th>Position</th>
						<th>Domain</th>
						<th>Seite</th>
						<th>Aktionen</th>
					</tr>
				</thead>
				<tbody id="yandexPhrasesBody">
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									1								</span>
															</td>
							<td>
									<a href="/de/domain/babene.moskva.com/" >
										babene.moskva.com									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-1">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://babene.moskva.com/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://babene.moskva.com/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									2								</span>
															</td>
							<td>
									<a href="/de/domain/onlinehomebusiness.ru/" >
										onlinehomebusiness.ru									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-2">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://onlinehomebusiness.ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://onlinehomebusiness.ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-success">
									3								</span>
															</td>
							<td>
									<a href="/de/domain/lapochkagalochka.narod.ru/" >
										lapochkagalochka.narod.ru									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-3">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://lapochkagalochka.narod.ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://lapochkagalochka.narod.ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									4								</span>
															</td>
							<td>
									<a href="/de/domain/catalog.deport.ru/" >
										catalog.deport.ru									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-4">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://catalog.deport.ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://catalog.deport.ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									5								</span>
															</td>
							<td>
									<a href="/de/domain/babene.my1.ru/" >
										babene.my1.ru									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-5">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://babene.my1.ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://babene.my1.ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									7								</span>
															</td>
							<td>
									<a href="/de/domain/archives.maillist.ru/" >
										archives.maillist.ru									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-6">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://archives.maillist.ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://archives.maillist.ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									8								</span>
															</td>
							<td>
									<a href="/de/domain/proza.ru/" >
										proza.ru									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-7">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://proza.ru/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://proza.ru/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									9								</span>
															</td>
							<td>
									<a href="/de/domain/babene-oleg.livejournal.com/" >
										babene-oleg.livejournal.com									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-8">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://babene-oleg.livejournal.com/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://babene-oleg.livejournal.com/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
											<!-- Main result row -->
						<tr>
							<td>
								<span class="badge badge-warning">
									10								</span>
															</td>
							<td>
									<a href="/de/domain/myspace.com/" >
										myspace.com									</a>
							</td>
							<td>/</td>
							<td>
								<button class="show-page-btn" onclick="togglePageDetails(this)">
									Seitendetails anzeigen								</button>
							</td>
						</tr>
						
						<!-- Page details row -->
						<tr class="page-details-row">
							<td colspan="4">
								<div class="page-details" id="page-details-yandex-9">
									<div class="page-details-grid">
										<div class="page-detail-item">
											<div class="page-detail-label">Vollständige URL</div>
											<div class="page-detail-value">
												<a href="https://myspace.com/" 
												   class="page-url" target="_blank" rel="nofollow">
													https://myspace.com/												</a>
											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Titel</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Zuletzt aktualisiert</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
										<div class="page-detail-item">
											<div class="page-detail-label">Seitenautorität</div>
											<div class="page-detail-value">
												N / A											</div>
										</div>
									</div>
									<div class="page-metrics">
										<div class="page-metric">
											<span class="page-detail-label">Verkehr:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Backlinks:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Soziale Anteile:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
										<div class="page-metric">
											<span class="page-detail-label">Ladezeit:</span>
											<span class="page-metric-value">
												N / A											</span>
										</div>
									</div>
									<div class="snippet" style="margin-top: 1rem;">
										<strong>Snippet-Vorschau:</strong><br>
										
										Kein Ausschnitt verfügbar									</div>
								</div>
							</td>
						</tr>
									</tbody>
			</table>
		</div>
		
		<div class="pagination" id="yandexPagination">
            <button disabled onclick="loadSearchDomains('yandex', 0)">«</button>
                            <button class="active" onclick="loadSearchDomains('yandex', 1)">1</button>
                            <button class="" onclick="loadSearchDomains('yandex', 2)">2</button>
                            <button class="" onclick="loadSearchDomains('yandex', 3)">3</button>
                            <button class="" onclick="loadSearchDomains('yandex', 4)">4</button>
                            <button class="" onclick="loadSearchDomains('yandex', 5)">5</button>
                        <button  onclick="loadSearchDomains('yandex', 2)">»</button>
        </div>
		
    </div>
</div>



<script>

google.charts.load('current', {
    'packages': ['corechart', 'line'],
    'callback': drawChart_yandex});

function drawChart_yandex() {
    var data = new google.visualization.DataTable();
    
    data.addColumn('date', 'Tag');
    data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");data.addColumn("number", "babene");
    data.addRows([
        [new Date(2011, 5, 2),1,2,3,4,5,7,8,9,10,],    ]);

    var options = {
        chart: {
            title: 'Top-Domains in yandex Suchergebnisse für Phrase: "babene"',
            subtitle: 'Verlauf der Domainposition'
        },
        width: '100%',
        height: 400,
        curveType: 'function',
        legend: { position: 'bottom' },
        pointSize: 5,
        pointsVisible: true,
        interpolateNulls: true,
        selectionMode: 'multiple',
        vAxis: {
            direction: '-1',
            title: 'Position',
        },
        hAxis: {
            title: 'Datum',	
        },
    };

    var chart = new google.visualization.LineChart(document.getElementById("chart_div_yandex"));
    chart.draw(data, options);
}
</script>


<!-- Phrase SEO Article -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">babene Artikel</h2>
        <div class="card-icon">📝</div>
    </div>
    <div class="card-content">
        <p><h1>Das rätselhafte Babene entdecken: Ein umfassender Leitfaden</h1>
<p>Willkommen zu einer faszinierenden Reise in die Welt von Babene, einem faszinierenden Thema, das Forscher und Enthusiasten gleichermaßen fasziniert. In diesem Artikel werden wir uns damit befassen, was Babene ist, welche Bedeutung es hat und warum es in letzter Zeit so viel Aufmerksamkeit erregt hat. Egal, ob Sie ein neugieriger Neuling oder ein erfahrener Experte sind, dieser Leitfaden soll eine Fülle von Informationen über Babene bieten.</p>
<h2>Was genau ist Babene?</h2>
<p>Babene ist ein Begriff, der sich je nach Kontext auf verschiedene Konzepte beziehen kann. In diesem Artikel konzentrieren wir uns jedoch auf Babene als ein einzigartiges kulturelles Phänomen, das seinen Ursprung in Westafrika hat. Insbesondere ist Babene eine traditionelle Tanzform, die vor allem in Ländern wie Nigeria, Ghana und Togo zu finden ist. Dieser lebendige kulturelle Ausdruck verbindet rhythmische Bewegungen mit Geschichtenerzählen und ist damit ein integraler Bestandteil des sozialen Gefüges in diesen Regionen.</p>
<p>Die Ursprünge von Babene sind geheimnisvoll, manche gehen auf mehrere Jahrhunderte zurück. Trotz begrenzter historischer Aufzeichnungen glauben viele, dass Babene aus alten Ritualen lokaler Stämme entstanden ist. Im Laufe der Zeit wandelte er sich in eine strukturiertere Tanzform und behielt dabei seine spirituelle Essenz bei.</p>
<h2>Die Bedeutung von Babene</h2>
<p>Babene hat in den westafrikanischen Gemeinden eine enorme kulturelle und soziale Bedeutung. Es dient mehreren Zwecken, darunter:</p>
<ul>
    <li><strong>Feierlichkeiten und Unterhaltung:</strong> Babene wird oft bei Festen, Hochzeiten und anderen freudigen Anlässen aufgeführt. Seine lebhaften Rhythmen und dynamischen Bewegungen schaffen eine Atmosphäre der Spannung und des Feierns.</li>
    <li><strong>Geschichtenerzählen:</strong> Jede Babene-Aufführung dreht sich normalerweise um eine bestimmte Geschichte oder Legende. Diese Erzählungen werden über Generationen weitergegeben und bewahren wichtige kulturelle Werte und Traditionen.</li>
    <li><strong>Spiritueller Ausdruck:</strong> Für viele Teilnehmer und Zuschauer ist Babene ein Mittel, sich mit ihren spirituellen Wurzeln zu verbinden. Der Tanz beinhaltet Elemente des Gebets, der Meditation und des Rituals und fördert ein Gefühl der Einheit und Verbindung zum Göttlichen.</li>
    <li><strong>Gemeinschaftsaufbau:</strong> Babene-Treffen bringen Menschen verschiedener Altersgruppen und Hintergründe zusammen. Sie bieten Möglichkeiten für soziale Interaktion, Lernen und gemeinsame Erfahrungen und stärken die Bindungen zur Gemeinschaft.</li>
</ul>
<h3>Die Rolle der Musik in Babene</h3>
<p>Keine Babene-Aufführung ist vollständig ohne die dazugehörige Musik. Traditionelle Instrumente wie Trommeln, Flöten und Xylophone spielen eine entscheidende Rolle bei der Festlegung des Rhythmus und der Stimmung des Tanzes. Das Zusammenspiel dieser Instrumente schafft eine fesselnde Klanglandschaft, die das Gesamterlebnis bereichert.</p>
<p>Moderne Adaptionen von Babene beinhalten die Einbeziehung zeitgenössischer Musikstile, darunter Hip-Hop, Reggae und R&B. Diese Verschmelzung von Alt und Neu hat dazu beigetragen, dass die Tanzform für ein jüngeres Publikum relevant und attraktiv bleibt.</p>
<h2>Die Entwicklung von Babene</h2>
<p>Im Laufe der Jahre hat Babene als Reaktion auf die sich verändernden Kulturlandschaften erhebliche Veränderungen erfahren. Ursprünglich hauptsächlich in lokalen Gemeinschaften praktiziert, hat es mittlerweile weltweit Anerkennung gefunden. Internationale Festivals und kulturelle Austauschprogramme bieten Babene-Tänzern Plattformen, um ihre Talente dem Publikum auf der ganzen Welt zu präsentieren.</p>
<p>Während sich Babene weiterentwickelt, steht das Unternehmen sowohl vor Herausforderungen als auch Chancen. Einerseits kann eine größere Präsenz zu einer größeren Wertschätzung und Unterstützung dieser einzigartigen Kunstform führen. Andererseits besteht die Gefahr der Kommerzialisierung und des Authentizitätsverlusts. Die Balance zwischen Tradition und Innovation ist der Schlüssel zum langfristigen Überleben von Babene.</p>
<h3>Die Zukunft von Babene</h3>
<p>Mit Blick auf die Zukunft scheint die Zukunft von Babene vielversprechend. Die Bemühungen, dieses kulturelle Erbe zu bewahren und zu fördern, gewinnen an Dynamik. Organisationen, die sich der afrikanischen Kunst und Kultur widmen, arbeiten aktiv daran, Babene und andere traditionelle Tanzformen zu schützen.</p>
<p>Bildung spielt eine entscheidende Rolle für den Erhalt von Babene. Schulen und Universitäten integrieren afrikanischen Tanz und Musik in ihre Lehrpläne und machen junge Menschen mit dem Reichtum der westafrikanischen Kultur vertraut. Diese nächste Generation von Lernenden wird die Hüter des Erbes von Babene sein und dessen anhaltende Relevanz und Wirkung sicherstellen.</p>
<p>Technologische Fortschritte bieten auch neue Möglichkeiten für die Erhaltung und Weitergabe von Babene. Online-Plattformen bieten Künstlern die Möglichkeit, ihre Arbeiten zu dokumentieren und zu verbreiten und so ein breiteres Publikum als je zuvor zu erreichen. Social-Media-Kampagnen können das Bewusstsein für die Bedeutung des Kulturerhalts schärfen und die Unterstützung von Initiativen zum Schutz von Babene fördern.</p>
<h2>Schlussfolgerung</h2><p>In conclusion, Babene is more than just a dance form; it's a testament to the resilience and creativity of West African cultures. Its rich history, cultural significance, and evolving nature make it an essential part of our global heritage.</p>
<p>Egal, ob Sie ein Fan afrikanischer Musik und Tänze sind oder einfach nur neugierig auf verschiedene kulturelle Ausdrucksformen sind, die Erkundung von Babene ist eine Reise wert. Indem wir mehr über dieses faszinierende Phänomen erfahren, können wir alle zu seiner Erhaltung und Wertschätzung beitragen und sicherstellen, dass zukünftige Generationen weiterhin Freude an Babene haben und von ihm lernen können.</p>
<p>Stay tuned for more insights into the world of Babene and other unique cultural treasures. Thank you for joining us on this journey, and we hope you've found this article informative and engaging.</p>
<p><strong>Über den Autor:</strong> Dieser Artikel wurde von Serpulse.com verfasst, einer speziellen Informationsquelle zu afrikanischer Kunst, Kultur und Erbe. We strive to provide accurate, insightful content that celebrates the diversity and richness of Africa's cultural landscape.</p></p>
    </div>
</div>



<!-- Words Definitions -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">babene Worte</h2>
        <div class="card-icon">📚</div>
    </div>
    <div class="card-content">
                    <div class="word-section" style="margin-bottom: 2rem;">
                <h3 style="color: var(--primary); margin-bottom: 1rem; border-bottom: 1px solid #e9ecef; padding-bottom: 0.5rem;">
                    babene                </h3>
                <div class="info-grid">
                                            <div class="info-item">
                            <strong>Любовь:</strong>
                            <span>1962; Maisonneuve J., Psycho-sociologie des affinitГ©s, P., 1966; Theories of attraction and love, ed. byB. J. Murstein, N. Y., 1972; Wienold H., <b>Kontakt</b>, EinfГјhrungund Attraktion, Stuttg., 1972. </span>
                        </div>
                                    </div>
            </div>
            </div>
</div>

<!-- Additional Services -->
<div class="card">
    <div class="card-header">
        <h2 class="card-title">Zusätzliche Dienstleistungen</h2>
        <div class="card-icon">💎</div>
    </div>
    <div class="card-content">
        <div class="info-grid">
            <div class="info-item">
                <span class="popup-trigger" alt="Vollständiges SEO-Audit mit detaillierten Empfehlungen">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Vollständiges SEO-Audit" 
                        data-text="Vollständiges SEO-Audit mit detaillierten Empfehlungen zur Verbesserung der Suchmaschinenpositionen." 
                        data-price="99.99">
                        Vollständiges SEO-Audit                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
            <div class="info-item">
                <span class="popup-trigger" alt="Monatliche Positionsüberwachung für 100 Schlüsselphrasen">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Positionsüberwachung" 
                        data-text="Monatliche Positionsüberwachung für 100 Schlüsselphrasen in Google und Yandex." 
                        data-price="49.99">
                        Positionsüberwachung                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
            <div class="info-item">
                <span class="popup-trigger" alt="Konkurrenzanalyse und Identifizierung ihrer Werbestrategien">
                    <button class="cta-button" 
                        data-modal="paymentModal" 
                        data-title="Konkurrenzanalyse" 
                        data-text="Konkurrenzanalyse und Identifizierung ihrer Werbestrategien." 
                        data-price="79.99">
                        Konkurrenzanalyse                    </button>
                    <span class="popup-text"></span>
                </span>
            </div>
        </div>
    </div>
</div>

<!-- JavaScript for AJAX Pagination -->
<script>
// Apply filters function
function applyPhraseFilters(engine) {
    loadSearchDomains(engine, 1);
}

// Load search domains for phrase
function loadSearchDomains(engine, page) {
    const domainFilter = document.getElementById(engine + 'DomainFilter').value;
    const pageFilter = document.getElementById(engine + 'PageFilter').value;
    const phrase_id = document.getElementById('phrase_id').value;
	
    const data = {
        type: 'search_domains',
        engine: engine,
        page: page,
        phrase_id: phrase_id, // Send the phrase
        domain_filter: domainFilter,
        page_filter: pageFilter
    };

    sendRequest('/ajax/', data, function(response) {
        if (response.status === 'ok') {
            renderSearchDomains(engine, response.data);
            renderPagination(engine, response.pagination);
        } else {
            console.error('Error loading search domains:', response.error);
        }
    });
}



// Render domain pagination specifically for phrase pages
function renderDomainPagination(engine, pagination) {
    const paginationContainer = document.getElementById(engine + 'Pagination');
    paginationContainer.innerHTML = '';

    const { current_page, total_pages, has_previous, has_next } = pagination;

    // Previous button
    const prevButton = document.createElement('button');
    prevButton.innerHTML = '&laquo;';
    prevButton.disabled = !has_previous;
    prevButton.addEventListener('click', () => {
        if (has_previous) loadSearchDomains(engine, current_page - 1);
    });
    paginationContainer.appendChild(prevButton);

    // Page buttons
    for (let i = 1; i <= total_pages; i++) {
        const pageButton = document.createElement('button');
        pageButton.textContent = i;
        pageButton.classList.toggle('active', i === current_page);
        pageButton.addEventListener('click', () => {
            if (i !== current_page) loadSearchDomains(engine, i);
        });
        paginationContainer.appendChild(pageButton);
    }

    // Next button
    const nextButton = document.createElement('button');
    nextButton.innerHTML = '&raquo;';
    nextButton.disabled = !has_next;
    nextButton.addEventListener('click', () => {
        if (has_next) loadSearchDomains(engine, current_page + 1);
    });
    paginationContainer.appendChild(nextButton);
}

// Get badge class based on position
function getPositionBadgeClass(position) {
    if (position <= 3) return 'badge-success';
    if (position <= 10) return 'badge-warning';
    return 'badge-danger';
}

// Toggle snippet visibility
function toggleSnippet(button) {
    const snippet = button.nextElementSibling;
    const isVisible = snippet.style.display === 'block';
    
    snippet.style.display = isVisible ? 'none' : 'block';
    button.textContent = isVisible ? 'Ausschnitt anzeigen' : 'Ausschnitt ausblenden';
}
</script>


<script>
    // Toggle page details visibility
    function togglePageDetails(button) {
        const row = button.closest('tr');
        const detailsRow = row.nextElementSibling;
        const pageDetails = detailsRow.querySelector('.page-details');
        
        // Close all other open page details
        document.querySelectorAll('.page-details').forEach(detail => {
            if (detail !== pageDetails) {
                detail.classList.remove('active');
            }
        });
        
        // Update all button texts
        document.querySelectorAll('.show-page-btn').forEach(btn => {
            if (btn !== button) {
                btn.textContent = 'Seitendetails anzeigen';
            }
        });
        
        // Toggle current page details
        if (pageDetails.classList.contains('active')) {
            pageDetails.classList.remove('active');
            button.textContent = 'Seitendetails anzeigen';
        } else {
            pageDetails.classList.add('active');
            button.textContent = 'Seitendetails ausblenden';
        }
    }

    // Close all page details when clicking outside
    document.addEventListener('click', function(e) {
        if (!e.target.closest('.show-page-btn') && !e.target.closest('.page-details')) {
            document.querySelectorAll('.page-details').forEach(detail => {
                detail.classList.remove('active');
            });
            document.querySelectorAll('.show-page-btn').forEach(btn => {
                btn.textContent = 'Seitendetails anzeigen';
            });
        }
    });

    // Update the renderSearchDomains function to include show page buttons
    function renderSearchDomains(engine, data) {
        const tbody = document.getElementById(engine + 'PhrasesBody');
        tbody.innerHTML = '';

        data.forEach((item, index) => {
            const row = document.createElement('tr');
            
            // Format position with change
            let positionHtml = `<span class="badge ${getPositionBadgeClass(item.position)}">${item.position}</span>`;
            if (item.change !== null && item.change !== 0) {
                const changeClass = item.change > 0 ? 'positive' : 'negative';
                const changeSymbol = item.change > 0 ? '+' : '';
                positionHtml += `<span class="position-change ${changeClass}">(${changeSymbol}${item.change})</span>`;
            }

            row.innerHTML = `
                <td>${positionHtml}</td>
                <td><noindex><a href="/de/domain/${item.domain}/" rel="nofollow">${item.domain}</a></noindex></td>
                <td>${item.page}</td>
                <td>
                    <button class="show-page-btn" onclick="togglePageDetails(this)">Seitendetails anzeigen</button>
                </td>
            `;
            tbody.appendChild(row);
            
            // Add page details row
            const detailsRow = document.createElement('tr');
            detailsRow.className = 'page-details-row';
            detailsRow.innerHTML = `
                <td colspan="4">
                    <div class="page-details" id="page-details-${engine}-${index}">
                        <div class="page-details-grid">
                            <div class="page-detail-item">
                                <div class="page-detail-label">Full URL</div>
                                <div class="page-detail-value">
                                    <a href="${item.full_url || '#'}" class="page-url" target="_blank" rel="nofollow">
                                        ${item.full_url || 'N/A'}
                                    </a>
                                </div>
                            </div>
                            <div class="page-detail-item">
                                <div class="page-detail-label">Title</div>
                                <div class="page-detail-value">${item.page_title || 'N/A'}</div>
                            </div>
                            <div class="page-detail-item">
                                <div class="page-detail-label">Last Updated</div>
                                <div class="page-detail-value">${item.last_updated || 'N/A'}</div>
                            </div>
                            <div class="page-detail-item">
                                <div class="page-detail-label">Page Authority</div>
                                <div class="page-detail-value">${item.page_authority || 'N/A'}</div>
                            </div>
                        </div>
                        <div class="page-metrics">
                            <div class="page-metric">
                                <span class="page-detail-label">Traffic:</span>
                                <span class="page-metric-value">${item.traffic || 'N/A'}</span>
                            </div>
                            <div class="page-metric">
                                <span class="page-detail-label">Backlinks:</span>
                                <span class="page-metric-value">${item.backlinks || 'N/A'}</span>
                            </div>
                            <div class="page-metric">
                                <span class="page-detail-label">Social Shares:</span>
                                <span class="page-metric-value">${item.social_shares || 'N/A'}</span>
                            </div>
                            <div class="page-metric">
                                <span class="page-detail-label">Load Time:</span>
                                <span class="page-metric-value">${item.load_time || 'N/A'}</span>
                            </div>
                        </div>
                        <div class="snippet" style="margin-top: 1rem;">
                            <strong>Snippet Preview:</strong><br>
                            ${item.snippet || 'No snippet available'}
                        </div>
                    </div>
                </td>
            `;
            tbody.appendChild(detailsRow);
        });
    }
</script>    </div>

	<!-- Footer -->
    <footer>
        <div class="footer-container">
            <div class="footer-content">
                <div class="footer-section">
					<h3>About serpulse.com</h3>
					<div class="footer-info">
						<p>Professionelles Tool zur Suchmaschinenanalyse, Positionsüberwachung und SEO-Optimierung.</p>
						<p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p>
						<p><strong>Company No:</strong> SL027564</p>
						<p><strong>Address:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p>
					</div>
				</div>
                
                <div class="footer-section">
                    <h3>Quick Links</h3>
                    <ul class="footer-links">
                        <li><a href="/de/">Heim</a></li>
                        <li><a href="/de/profile/">Profil</a></li>
                        <li><a href="/de/tasks/">Überwachungsaufgaben</a></li>
                        <li><a href="/de/api_docs/">API-Dokumentation</a></li>
						<li><a href="/de/team/">Unser Team</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Resources</h3>
                    <ul class="footer-links">
                        <!--<li><a href="#">Dokumentation</a></li>-->
                        <li><a href="/de/blogs/">Blog</a></li>
                        <li><a href="/de/faq/">FAQ</a></li>
                        <li><a href="/de/support/">Unterstützung</a></li>
                    </ul>
                </div>
                
                <div class="footer-section">
                    <h3>Contacts</h3>
                    <div class="footer-info">
                        <p>Email: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p>
                        <p>Telegram: <a href="https://t.me/serpulse_support">@serpulse_support</a></p>
                        <div class="social-links">
                            <a href="#" class="social-link" title="Telegram">📱</a>
                            <a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a>
                            <a href="#" class="social-link" title="Twitter">🐦</a>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p class="copyright">© 2026 serpuls.com. All rights reserved. Skynet360 LP.</p>
                <div class="footer-bottom-links">
                    <a href="/de/privacy/">Datenschutzrichtlinie</a>
                    <a href="/de/terms/">Nutzungsbedingungen</a>
                    <a href="/de/agreement/">Benutzervereinbarung</a>
                    <a href="/de/cookie/">Cookie-Richtlinie</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Updated Payment Modal HTML -->
	<div class="modal" id="paymentModal">
		<div class="modal-content">
			<span class="close-btn">&times;</span>
			<div class="modal-success" id="paymentSuccess">
				<div class="success-icon">✓</div>
				<h3>Платеж успешен!</h3>
				<p>Спасибо за ваш заказ. Мы свяжемся с вами в ближайшее время.</p>
				<button class="cta-button" onclick="closeModal('paymentModal')">Закрывать</button>
			</div>
			<form id="paymentForm" onsubmit="return processPayment(event)">
				<h2 class="modal-title" id="modalTitle">Оплата за услугу</h2>
				<p class="modal-text" id="modalText">Описание услуги</p>
				
				<!-- Hidden fields for payment type and ID -->
				<input type="hidden" id="paymentType" name="payment_type" value="">
				<input type="hidden" id="paymentItemId" name="payment_item_id" value="">
				
				<!-- Payment Options -->
				<div class="payment-options" id="paymentOptions">
					<!-- Options will be dynamically generated here -->
				</div>
				
				<!-- Manual Price Input (Optional) - Now dynamically shown based on config -->
				<div class="form-group" id="manualPriceGroup" style="display: none;">
					<label for="manualPrice">Введите сумму (USD):</label>
					<input type="number" 
						   id="manualPrice" 
						   class="form-control" 
						   placeholder="Введите сумму"
						   min="1"
						   max="10000"
						   step="0.01"
						   oninput="updateManualPrice(this.value)">
					<div class="error-message" id="manualPriceError"></div>
				</div>
				
				<!-- Custom Price Option Toggle - Now dynamically shown -->
				<div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;">
					<label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
						<input type="radio" 
							   id="customPriceRadio" 
							   name="paymentOption" 
							   value="custom"
							   onchange="toggleCustomPriceSelection(this.checked)">
						Указать свою сумму
					</label>
				</div>
				
				<div class="form-group">
					<label for="modalName">Имя:</label>
					<input type="text" id="modalName" class="form-control" placeholder="Введите свое имя" required>
					<div class="error-message" id="modalNameError"></div>
				</div>
				<div class="form-group">
					<label for="modalEmail">Электронная почта:</label>
					<input type="email" id="modalEmail" class="form-control" placeholder="Введите адрес электронной почты" required>
					<div class="error-message" id="modalEmailError"></div>
				</div>
				<p class="modal-price" id="modalPrice">Цена: $0.00</p>
				<button type="submit" class="cta-button" id="payButton">Платить $0.00</button>
			</form>
		</div>
	</div>

    <!-- Redirect Modal (for iframe) -->
    <div class="modal" id="redirectModal">
        <div class="modal-content modal-large">
            <span class="close-btn">&times;</span>
            <h2 class="modal-title">Zahlung</h2>
            <iframe id="redirectIframe" class="modal-iframe" src=""></iframe>
        </div>
    </div>

	
	
	<!-- Auth Modal -->
	<div class="modal" id="authModal">
		<div class="modal-content">
			<span class="close-btn">&times;</span>
			<div class="auth-tabs">
				<div class="auth-tab active" data-tab="login">Авторизоваться</div>
				<div class="auth-tab" data-tab="register">Зарегистрироваться</div>
			</div>
			
			<div class="auth-form active" id="loginForm">
				<h2 class="modal-title">Войти в аккаунт</h2>
				
				<!-- Regular Login -->
				<div class="form-group">
					<label for="loginEmail">Электронная почта:</label>
					<input type="email" id="loginEmail" class="form-control" placeholder="Введите адрес электронной почты">
					<div class="error-message" id="loginEmailError"></div>
				</div>
				<div class="form-group">
					<label for="loginPassword">Пароль:</label>
					<input type="password" id="loginPassword" class="form-control" placeholder="Введите свой пароль">
					<div class="error-message" id="loginPasswordError"></div>
				</div>
				<button class="cta-button" style="width: 100%;" onclick="processLogin()">Авторизоваться</button>
				
				<!-- Telegram Login Option -->
				<div style="text-align: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;">
					<p style="margin-bottom: 1rem; color: var(--gray);">Или войдите через Telegram</p>
					<button class="cta-button" style="background: #0088cc; width: 100%;" onclick="loginWithTelegram()">
						<span style="margin-right: 0.5rem;">📱</span> Войти через Telegram
					</button>
				</div>
			</div>
			
			<div class="auth-form" id="registerForm">
				<h2 class="modal-title">Зарегистрироваться через Telegram</h2>
				
				<!-- Registration Form -->
				<div class="form-group">
					<label for="registerName">Имя:</label>
					<input type="text" id="registerName" class="form-control" placeholder="Введите свое имя" required>
					<div class="error-message" id="registerNameError"></div>
				</div>
				
				<div class="form-group">
					<label for="registerEmail">Электронная почта:</label>
					<input type="email" id="registerEmail" class="form-control" placeholder="Введите адрес электронной почты" required>
					<div class="error-message" id="registerEmailError"></div>
				</div>
				
				<button class="cta-button" style="background: #0088cc; width: 100%; padding: 1rem; font-size: 1.1rem;" onclick="startTelegramRegistration()">
					<span style="margin-right: 0.5rem;">🚀</span> Продолжить регистрацию в Telegram
				</button>
				
				<div class="how-it-works">
					<h4 class="how-it-works-title">Как это работает:</h4>
					<ol class="how-it-works-list">
						<li>Введите имя и email выше</li>
						<li>Нажмите кнопку для открытия Telegram</li>
						<li>Завершите регистрацию в боте (потребуется номер телефона)</li>
						<li>Получите email с данными для входа</li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	

	<!-- Telegram Code Input Modal -->

	<div class="modal" id="telegramCodeModal">
		<div class="modal-content">
			<span class="close-btn" onclick="closeModal('telegramCodeModal')">&times;</span>
			<div class="centered-content">
				<div class="success-icon">🔐</div>
				<h2 class="modal-title">Код подтверждения</h2>
				<p class="modal-text">Код был отправлен в Telegram. Введите его ниже:</p>
						
				<div class="form-group">
					<input type="text" id="telegramLoginCode" class="form-control verify-code-input" 
							placeholder="0000000" maxlength="7" style="font-size: 1.5rem; letter-spacing: 0.5rem;">
					<div class="error-message" id="telegramLoginCodeError"></div>
				</div>
						
						
				<button class="cta-button" style="width: 100%; margin-top: 1rem;" onclick="verifyTelegramLoginCode()">
						Подтвердить вход
				</button>
						
				<div class="timer-container" id="loginCodeTimer">
					Код действителен: <span id="loginTimer">05:00</span>
				</div>
			</div>
		</div>
	</div>
	
	<!-- Updated Telegram Verification Modal -->
	<div class="modal" id="telegramVerifyModal">
		<div class="modal-content">
			<span class="close-btn" onclick="closeTelegramVerifyModal()">&times;</span>
			<div class="centered-content">
				<div class="success-icon">📱</div>
				<h2 class="modal-title">Завершите регистрацию в Telegram</h2>
				<p class="modal-text" id="telegramModalText">
					Telegram был открыт в новой вкладке.<br>
					Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код.
				</p>
				
				<!-- QR Code Container -->
				<div id="qrCodeContainer" style="margin: 1.5rem 0; text-align: center;">
					<div id="qrcode" style="display: inline-block;"></div>
					<p style="font-size: 0.9rem; color: var(--gray); margin-top: 0.5rem;">
						Отсканируйте QR-код для открытия бота
					</p>
				</div>
				
				<!-- Timer and Status -->
				<div id="telegramTimer" class="timer-container">
					Ожидание подтверждения... <span id="timer">05:00</span>
				</div>
				
				<!-- Action Buttons -->
				<div style="display: flex; gap: 1rem; margin-top: 1.5rem; flex-wrap: wrap; justify-content: center;">
					<button class="cta-button" style="background: #0088cc;" onclick="openTelegramBot()" id="openTelegramBtn">
						📱 Открыть Telegram снова
					</button>
					<button class="cta-button secondary" onclick="refreshTelegramQR()" id="refreshQRBtn">
						🔄 Обновить QR-код
					</button>
				</div>
				
				<!-- Status Info -->
				<div class="info-box" style="margin-top: 1.5rem;">
					<p style="margin: 0; font-size: 0.9rem;">
						<strong>Как это работает:</strong><br>
						1. Нажмите "Открыть Telegram" или отсканируйте QR-код<br>
						2. В боте нажмите START и поделитесь номером телефона<br>
						3. Статус подтверждения обновится автоматически
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Email Verification Modal -->
	<div class="modal" id="emailVerifyModal">
		<div class="modal-content">
			<span class="close-btn" onclick="closeEmailVerifyModal()">&times;</span>
			<div class="centered-content">
				<div class="success-icon">📧</div>
				<h2 class="modal-title">Подтверждение Email</h2>
				<p class="modal-text">Мы отправили письмо с подтверждением на ваш email</p>
				
				<!-- Email Verification Input -->
				<div class="form-group">
					<label for="emailVerifyToken">Код подтверждения:</label>
					<input type="text" id="emailVerifyToken" class="form-control" placeholder="Введите код из письма" style="text-align: center; font-size: 1.1rem;">
					<div class="error-message" id="emailVerifyTokenError"></div>
				</div>
				
				<button class="cta-button" style="width: 100%; margin-bottom: 1rem;" onclick="verifyEmailToken()">
					Подтвердить Email
				</button>
				
				<button id="resendEmailBtn" class="cta-button secondary" style="width: 100%;" onclick="resendEmailVerification()" disabled>
					Отправить код повторно (<span id="resendTimer">300</span>)
				</button>
				
				<!-- Auto-check status -->
				<div id="emailCheckStatus" style="margin-top: 1rem; display: none;">
					<p style="color: var(--gray); font-size: 0.9rem;">
						🔍 Проверяем статус подтверждения...
					</p>
				</div>
			</div>
		</div>
	</div>

    <!-- Image reusable Modal -->
    <div class="modal" id="imgModal">
        <div class="modal-content">
            <span class="close-btn">&times;</span>
            <img id="modalImg" src="" style="max-width:90%; max-height:90%; margin-top:40px; border-radius:8px;">
        </div>
    </div>


	<!--Loading overlay -->
	<div class="loading-overlay" id="loadingOverlay">
		<div class="loading-spinner"></div>
	</div>

	<div class="toast" id="toast"></div>

	
	<script>
	
		// Get language from URL path like /en/about or /ru/products
		function getLangFromUrl() {
			const path = window.location.pathname;
			const match = path.match(/^\/([a-z]{2})(\/|$)/i);
			return match ? match[1] : 'en'; // default to 'en' if no language code found
		}

		// Store in global variable
		window.currentLang = getLangFromUrl();

	
	
		// Show loading overlay
        function showLoading() {
            document.getElementById('loadingOverlay').classList.add('active');
        }

        // Hide loading overlay
        function hideLoading() {
            document.getElementById('loadingOverlay').classList.remove('active');
        }
		
		// Show toast notification
        function showToast(message, type = 'info') {
            const toast = document.getElementById('toast');
            toast.textContent = message;
            toast.className = 'toast ' + type;
            toast.classList.add('show');
            
            setTimeout(() => {
                toast.classList.remove('show');
            }, 3000);
        }
	
        // Check user login status on page load
        document.addEventListener('DOMContentLoaded', function() {
            checkUserLoginStatus();
        });

        // Function to check if user is logged in
        function checkUserLoginStatus() {
			const userInfoElement = document.getElementById('userInfo');
			const guestButtonsElement = document.getElementById('guestButtons');
			const userNameElement = document.getElementById('userName');
			
			// Show loading state or keep defaults while checking
			if (guestButtonsElement) {
				guestButtonsElement.style.display = 'flex';
			}
			if (userInfoElement) {
				userInfoElement.style.display = 'none';
			}
			
			const data = {
				type: 'check_user_logined'
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.user_logined === 1) {
						// User is logged in
						if (userInfoElement) {
							userInfoElement.style.display = 'block';
						}
						if (guestButtonsElement) {
							guestButtonsElement.style.display = 'none';
						}
						if (userNameElement) {
							// Use logined_user_name if available, otherwise show default
							userNameElement.textContent = response.logined_user_name || 'Профиль';
						}
						
						// Optionally store minimal info in localStorage for quick access
						// but don't rely on it for auth state
						if (response.logined_user_id) {
							localStorage.setItem('user_id', response.logined_user_id);
						}
						if (response.logined_user_name) {
							localStorage.setItem('user_name', response.logined_user_name);
						}
					} else {
						// User is not logged in
						if (userInfoElement) {
							userInfoElement.style.display = 'none';
						}
						if (guestButtonsElement) {
							guestButtonsElement.style.display = 'flex';
						}
						
						// Clear any previously stored user data
						localStorage.removeItem('user_id');
						localStorage.removeItem('user_name');
						localStorage.removeItem('user_info');
					}
				} else {
					console.error('Error checking login status:', response.error);
					// On error, default to guest view
					if (userInfoElement) {
						userInfoElement.style.display = 'none';
					}
					if (guestButtonsElement) {
						guestButtonsElement.style.display = 'flex';
					}
				}
			}, false); // Don't show loading overlay for this quick check
		}

        // Logout function
        function logout() {
			// Send logout request to server
			const data = {
				type: 'logout'
			};
			
			sendRequest('/ajax/', data, function(response) {
				// Clear all user data from localStorage regardless of response
				localStorage.removeItem('user_info');
				localStorage.removeItem('user_id');
				localStorage.removeItem('user_name');
				localStorage.removeItem('current_user_token');
				
				// Update UI
				checkUserLoginStatus();
				
				// Redirect to main page
				window.location.href = '/';
			});
		}
    </script>
	
    <script>
	
		// Mobile menu toggle - Combined approach
		document.getElementById('hamburger').addEventListener('click', function() {
			const mobileMenu = document.getElementById('mobileMenu');
			mobileMenu.classList.toggle('active');
		});

		// Close mobile menu when clicking on links or buttons
		document.querySelectorAll('.nav-links a, .auth-buttons button').forEach(element => {
			element.addEventListener('click', function() {
				document.getElementById('mobileMenu').classList.remove('active');
			});
		});

		// Close mobile menu when clicking outside
		document.addEventListener('click', function(event) {
			const mobileMenu = document.getElementById('mobileMenu');
			const hamburger = document.getElementById('hamburger');
			const navContainer = document.querySelector('.nav-container');
			
			if (!navContainer.contains(event.target) && mobileMenu.classList.contains('active')) {
				mobileMenu.classList.remove('active');
			}
		});
		
        // Simple animation on scroll
        document.addEventListener('DOMContentLoaded', function() {
            const cards = document.querySelectorAll('.card, .domain-header, .chart-container, .lemma-card');
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                    }
                });
            }, { 
				threshold: 0.01, // Optional: keep small percentage
				rootMargin: '350px 0px 350px 0px' // Trigger 100px before element enters
			});
            
            cards.forEach(card => {
                card.style.opacity = '0';
                card.style.transform = 'translateY(20px)';
                card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
                observer.observe(card);
            });
        });

        // Toggle links visibility
        function toggleLinks(className, btn, max_count = 5) {
            const list = document.getElementById(className);
            const items = list.querySelectorAll('li');
            const hiddenItems = list.querySelectorAll('li.hidden');

            if (hiddenItems.length > 0) {
                // Show all
                list.querySelectorAll('li.hidden').forEach(el => el.classList.remove('hidden'));
                btn.textContent = 'Verstecken';
            } else {
                // Hide all beyond the first 5
                items.forEach((el, index) => {
                    if (index >= max_count) el.classList.add('hidden');
                });
                btn.textContent = 'Mehr anzeigen';
            }
        }

        // Toggle raw data visibility
        function toggleRawData(elementId, btn) {
            const element = document.getElementById(elementId);
            if (element.style.maxHeight === '200px') {
                element.style.maxHeight = 'none';
                btn.textContent = 'Vollständige Daten ausblenden';
            } else {
                element.style.maxHeight = '200px';
                btn.textContent = 'Vollständige Daten anzeigen';
            }
        }




</script>

<script>

        // Payment Modal
		
		// Global variable to store payment config
		let paymentConfig = {
			allowCustomAmount: false,
			minAmount: 1,
			maxAmount: 1000
		};
		
		
		// Payment options functionality
		document.addEventListener('DOMContentLoaded', function() {
			// Replace the entire payment options event listener with this:
			document.addEventListener('change', function(e) {
				if (e.target && e.target.name === 'paymentOption') {
					// Update selected state for regular options
					document.querySelectorAll('.payment-option').forEach(opt => {
						opt.classList.remove('selected');
					});
					
					// Handle custom price radio separately
					if (e.target.id === 'customPriceRadio') {
						// For custom price, we don't have a .payment-option wrapper
						// Just update the custom price toggle UI
						document.querySelectorAll('.payment-option').forEach(opt => {
							opt.classList.remove('selected');
						});
						
						// You might want to add visual feedback for custom price selection
						const customPriceToggle = document.getElementById('customPriceToggle');
						if (customPriceToggle) {
							customPriceToggle.style.backgroundColor = 'rgba(67, 97, 238, 0.1)';
							customPriceToggle.style.borderLeft = '3px solid var(--primary)';
							customPriceToggle.style.padding = '0.5rem';
							customPriceToggle.style.borderRadius = 'var(--border-radius)';
						}
					} else {
						// For regular options, highlight the .payment-option container
						const paymentOption = e.target.closest('.payment-option');
						if (paymentOption) {
							paymentOption.classList.add('selected');
							
							// Reset custom price toggle styling if it was highlighted
							const customPriceToggle = document.getElementById('customPriceToggle');
							if (customPriceToggle) {
								customPriceToggle.style.backgroundColor = '';
								customPriceToggle.style.borderLeft = '';
								customPriceToggle.style.padding = '';
							}
						}
					}
					
					// Update price (this should work for all options)
					updatePaymentPrice(e.target.value);
				}
			});
		});

		// Update the updatePaymentPrice function to handle custom price:
		function updatePaymentPrice(price) {
			const modalPrice = document.getElementById('modalPrice');
			const payButton = document.getElementById('payButton');
			const customPriceRadio = document.getElementById('customPriceRadio');
			
			// Uncheck custom price radio if regular option is selected
			if (customPriceRadio && customPriceRadio.checked === false) {
				document.getElementById('manualPriceGroup').style.display = 'none';
				
				// Reset custom price toggle styling
				const customPriceToggle = document.getElementById('customPriceToggle');
				if (customPriceToggle) {
					customPriceToggle.style.backgroundColor = '';
					customPriceToggle.style.borderLeft = '';
					customPriceToggle.style.padding = '';
				}
			}
			
			modalPrice.textContent = 'Цена: $' + parseFloat(price).toFixed(2);
			payButton.textContent = 'Платить $' + parseFloat(price).toFixed(2);
			payButton.disabled = false;
			payButton.style.opacity = '1';
		}

		// Generate payment options based on config
		function generatePaymentOptions(optionsData, paymentType = 'balance', paymentItemId = '', config = {}) {
			const paymentOptionsContainer = document.getElementById('paymentOptions');
			const paymentTypeInput = document.getElementById('paymentType');
			const paymentItemIdInput = document.getElementById('paymentItemId');
			const customPriceToggle = document.getElementById('customPriceToggle');
			const manualPriceGroup = document.getElementById('manualPriceGroup');
			
			// Set hidden fields
			paymentTypeInput.value = paymentType;
			paymentItemIdInput.value = paymentItemId;
			
			// Store config globally
			paymentConfig = {
				allowCustomAmount: config.allowCustomAmount || false,
				minAmount: config.minAmount || 1,
				maxAmount: config.maxAmount || 1000
			};
			
			// Clear container
			paymentOptionsContainer.innerHTML = '';
			
			// Generate regular options
			if (optionsData && optionsData.length > 0) {
				optionsData.forEach((option, index) => {
					const optionElement = document.createElement('div');
					optionElement.className = 'payment-option';
					optionElement.innerHTML = `
						<input type="radio" 
							   id="option${index}" 
							   name="paymentOption" 
							   value="${option.price}" 
							   data-label="${option.label}"
							   ${option.default ? 'checked' : ''}
							   onchange="updatePaymentPrice('${option.price}')">
						<label for="option${index}">${option.label} - $${option.price}</label>
					`;
					paymentOptionsContainer.appendChild(optionElement);
				});
				
				paymentOptionsContainer.style.display = 'block';
			} else {
				paymentOptionsContainer.style.display = 'none';
			}
			
			// Show/hide custom amount option based on config
			if (paymentConfig.allowCustomAmount) {
				customPriceToggle.style.display = 'block';
				
				// Update manual price input constraints
				document.getElementById('manualPrice').min = paymentConfig.minAmount;
				document.getElementById('manualPrice').max = paymentConfig.maxAmount;
				document.getElementById('manualPrice').placeholder = 
					`От $${paymentConfig.minAmount} до $${paymentConfig.maxAmount}`;
			} else {
				customPriceToggle.style.display = 'none';
				manualPriceGroup.style.display = 'none';
			}
			
			// Select first option by default if none is marked as default
			if (optionsData && optionsData.length > 0) {
				const defaultOption = paymentOptionsContainer.querySelector('input[type="radio"][checked]') ||
									 paymentOptionsContainer.querySelector('input[type="radio"]');
				if (defaultOption) {
					defaultOption.checked = true;
					defaultOption.closest('.payment-option').classList.add('selected');
					updatePaymentPrice(defaultOption.value);
				}
			} else if (paymentConfig.allowCustomAmount) {
				// If no options but custom amount is allowed, show custom by default
				document.getElementById('customPriceRadio').checked = true;
				toggleCustomPriceSelection(true);
			}
		}
		
		// Also update the toggleCustomPriceSelection function:
		function toggleCustomPriceSelection(isSelected) {
			const manualPriceGroup = document.getElementById('manualPriceGroup');
			const paymentOptions = document.getElementById('paymentOptions');
			const customPriceRadio = document.getElementById('customPriceRadio');
			
			if (isSelected) {
				manualPriceGroup.style.display = 'block';
				
				// Deselect all regular options
				document.querySelectorAll('input[name="paymentOption"]').forEach(radio => {
					if (radio.id !== 'customPriceRadio') {
						radio.checked = false;
						const paymentOption = radio.closest('.payment-option');
						if (paymentOption) {
							paymentOption.classList.remove('selected');
						}
					}
				});
				
				// Visual feedback for custom price selection
				const customPriceToggle = document.getElementById('customPriceToggle');
				if (customPriceToggle) {
					customPriceToggle.style.backgroundColor = 'rgba(67, 97, 238, 0.1)';
					customPriceToggle.style.borderLeft = '3px solid var(--primary)';
					customPriceToggle.style.padding = '0.5rem';
					customPriceToggle.style.borderRadius = 'var(--border-radius)';
					customPriceToggle.style.transition = 'var(--transition)';
				}
				
				// Focus on manual price input
				setTimeout(() => {
					const manualInput = document.getElementById('manualPrice');
					manualInput.focus();
					
					// Update price if there's already a value
					if (manualInput.value) {
						updateManualPrice(manualInput.value);
					} else {
						// Set default to min amount
						updateManualPrice(paymentConfig.minAmount);
						manualInput.value = paymentConfig.minAmount;
					}
				}, 100);
			} else {
				manualPriceGroup.style.display = 'none';
				
				// Reset custom price toggle styling
				const customPriceToggle = document.getElementById('customPriceToggle');
				if (customPriceToggle) {
					customPriceToggle.style.backgroundColor = '';
					customPriceToggle.style.borderLeft = '';
					customPriceToggle.style.padding = '';
				}
			}
		}
		
		// Update price from manual input in real-time
		function updateManualPrice(price) {
			if (!price || price < paymentConfig.minAmount || price > paymentConfig.maxAmount) {
				const modalPrice = document.getElementById('modalPrice');
				const payButton = document.getElementById('payButton');
				
				if (price && (price < paymentConfig.minAmount || price > paymentConfig.maxAmount)) {
					modalPrice.textContent = `Цена: от $${paymentConfig.minAmount} до $${paymentConfig.maxAmount}`;
					payButton.textContent = 'Неверная сумма';
					payButton.disabled = true;
					payButton.style.opacity = '0.6';
				} else {
					modalPrice.textContent = 'Цена: $0.00';
					payButton.textContent = 'Платить $0.00';
					payButton.disabled = true;
					payButton.style.opacity = '0.6';
				}
				return;
			}
			
			const modalPrice = document.getElementById('modalPrice');
			const payButton = document.getElementById('payButton');
			
			modalPrice.textContent = 'Цена: $' + parseFloat(price).toFixed(2);
			payButton.textContent = 'Платить $' + parseFloat(price).toFixed(2);
			payButton.disabled = false;
			payButton.style.opacity = '1';
		}
		
        const paymentModal = document.getElementById('paymentModal');
        const paymentCloseBtn = paymentModal.querySelector('.close-btn');

        // Elements inside modal
        const modalTitle = document.getElementById('modalTitle');
        const modalText = document.getElementById('modalText');
        const modalPrice = document.getElementById('modalPrice');
        const payButton = document.getElementById('payButton');
        const paymentForm = document.getElementById('paymentForm');
        const paymentSuccess = document.getElementById('paymentSuccess');

        // Updated modal opening handler
		document.querySelectorAll('[data-modal="paymentModal"]').forEach(trigger => {
			trigger.addEventListener('click', function(e) {
				e.preventDefault();

				// Get data attributes
				const title = this.getAttribute('data-title');
				const text = this.getAttribute('data-text');
				const price = this.getAttribute('data-price');
				const paymentType = this.getAttribute('data-payment-type') || 'balance';
				const paymentItemId = this.getAttribute('data-payment-item-id') || '';
				
				// Get payment config from data attributes
				const allowCustomAmount = this.getAttribute('data-allow-custom') === 'true';
				const minAmount = parseFloat(this.getAttribute('data-min-amount')) || 1;
				const maxAmount = parseFloat(this.getAttribute('data-max-amount')) || 1000;
				
				// Get payment options from data attribute
				const optionsData = this.getAttribute('data-options');
				let paymentOptions = [];
				
				if (optionsData) {
					try {
						paymentOptions = JSON.parse(optionsData);
					} catch (e) {
						console.error('Error parsing payment options:', e);
					}
				}

				// Fill modal content
				document.getElementById('modalTitle').textContent = title;
				document.getElementById('modalText').textContent = text;
				
				// Generate payment options with config
				const config = {
					allowCustomAmount: allowCustomAmount,
					minAmount: minAmount,
					maxAmount: maxAmount
				};
				
				generatePaymentOptions(paymentOptions, paymentType, paymentItemId, config);
				
				// If no options and custom amount not allowed, use default price
				if (paymentOptions.length === 0 && !allowCustomAmount) {
					updatePaymentPrice(price);
				}

				// Reset form
				resetForm('paymentModal');
				document.getElementById('paymentForm').style.display = 'block';
				document.getElementById('paymentSuccess').style.display = 'none';

				// Show modal
				document.getElementById('paymentModal').style.display = 'flex';
			});
		});

		// Helper function to reset form
		function resetPaymentForm() {
			document.getElementById('modalName').value = '';
			document.getElementById('modalEmail').value = '';
			document.getElementById('manualPrice').value = '';
			
			if (document.getElementById('customPriceRadio')) {
				document.getElementById('customPriceRadio').checked = false;
			}
			
			clearErrors(['nameError', 'emailError', 'manualPriceError']);
		}

        // Close payment modal
        paymentCloseBtn.addEventListener('click', function() {
            paymentModal.style.display = 'none';
        });

        // Close on outside click
        window.addEventListener('click', function(e) {
            if (e.target === paymentModal) {
                paymentModal.style.display = 'none';
            }
        });

        // Fill tooltip with alt text automatically
        document.querySelectorAll('.popup-trigger').forEach(trigger => {
            const altText = trigger.getAttribute('alt');
            const popupText = trigger.querySelector('.popup-text');
            if (popupText && altText) {
                popupText.textContent = altText;
            }
        });

</script>

<script>


		// Fill tooltip with alt text automatically
        document.querySelectorAll('.popup-trigger').forEach(trigger => {
            const altText = trigger.getAttribute('alt');
            const popupText = trigger.querySelector('.popup-text');
            if (popupText && altText) {
                popupText.textContent = altText;
            }
        });

        // Auth Modal
        const authModal = document.getElementById('authModal');
        const authCloseBtn = authModal.querySelector('.close-btn');
        const loginBtn = document.getElementById('loginBtn');
        const registerBtn = document.getElementById('registerBtn');
        const authTabs = document.querySelectorAll('.auth-tab');
        const authForms = document.querySelectorAll('.auth-form');

        // Open auth modal
        loginBtn.addEventListener('click', function() {
            authModal.style.display = 'flex';
            switchAuthTab('login');
            resetForm('authModal');
        });

        registerBtn.addEventListener('click', function() {
            authModal.style.display = 'flex';
            switchAuthTab('register');
            resetForm('authModal');
        });

        // Close auth modal
        authCloseBtn.addEventListener('click', function() {
            authModal.style.display = 'none';
        });

        // Close on outside click
        window.addEventListener('click', function(e) {
            if (e.target === authModal) {
                authModal.style.display = 'none';
            }
        });

        // Switch auth tabs
        function switchAuthTab(tabName) {
            authTabs.forEach(tab => {
                if (tab.getAttribute('data-tab') === tabName) {
                    tab.classList.add('active');
                } else {
                    tab.classList.remove('active');
                }
            });

            authForms.forEach(form => {
                if (form.id === tabName + 'Form') {
                    form.classList.add('active');
                } else {
                    form.classList.remove('active');
                }
            });
        }

        // Add click events to auth tabs
        authTabs.forEach(tab => {
            tab.addEventListener('click', function() {
                const tabName = this.getAttribute('data-tab');
                switchAuthTab(tabName);
                resetForm('authModal');
            });
        });

        // Reset form and errors
        function resetForm(modalType) {
            if (modalType === 'paymentModal') {
                document.getElementById('modalName').value = '';
                document.getElementById('modalEmail').value = '';
                clearErrors(['nameError', 'emailError']);
            } else if (modalType === 'authModal') {
                document.getElementById('loginEmail').value = '';
                document.getElementById('loginPassword').value = '';
                document.getElementById('registerName').value = '';
                document.getElementById('registerEmail').value = '';
                if(document.getElementById('registerPassword'))document.getElementById('registerPassword').value = '';
                if(document.getElementById('registerConfirmPassword'))document.getElementById('registerConfirmPassword').value = '';
                clearErrors(['loginEmailError', 'loginPasswordError', 'registerNameError', 'registerEmailError', 'registerPasswordError', 'registerConfirmPasswordError']);
            }
        }

        // Clear error messages
        function clearErrors(errorIds) {
            errorIds.forEach(id => {
                const errorElement = document.getElementById(id);
				if (errorElement) {
					errorElement.textContent = '';
					errorElement.classList.remove('show');
					const inputElement = document.getElementById(id.replace('Error', ''));
					if (inputElement) {
						inputElement.classList.remove('error');
					}
				}
            });
        }

		// Show error message
		function showError(fieldId, message) {
			const errorElement = document.getElementById(fieldId + 'Error');
			const inputElement = document.getElementById(fieldId);
			
			if (errorElement) {
				errorElement.textContent = message;
				errorElement.classList.add('show');
			}
			
			if (inputElement) {
				inputElement.classList.add('error');
			}
		}

        // Enhanced close modal function for general use
		function closeModal(modalId) {
			// Clear timers based on which modal is being closed
			switch(modalId) {
				case 'telegramVerifyModal':
					clearTelegramTimers();
					break;
				case 'emailVerifyModal':
					clearEmailTimers();
					break;
				case 'authModal':
					// Clear any potential timers in auth modal
					break;
			}
			
			document.getElementById(modalId).style.display = 'none';
		}

        // Enhanced processPayment function
		function processPayment(event) {
			if (event) event.preventDefault();
			
			const name = document.getElementById('modalName').value;
			const email = document.getElementById('modalEmail').value;
			const paymentType = document.getElementById('paymentType').value;
			const paymentItemId = document.getElementById('paymentItemId').value;
			
			// Get price - check if using custom amount or selected option
			let price;
			let optionLabel = '';
			
			const customPriceRadio = document.getElementById('customPriceRadio');
			if (customPriceRadio && customPriceRadio.checked) {
				// Custom amount
				price = document.getElementById('manualPrice').value;
				optionLabel = 'custom_amount';
				
				// Validate custom amount
				if (!price || price < paymentConfig.minAmount || price > paymentConfig.maxAmount) {
					showError('manualPrice', `Сумма должна быть от $${paymentConfig.minAmount} до $${paymentConfig.maxAmount}`);
					return false;
				}
			} else {
				// Regular option
				const selectedOption = document.querySelector('input[name="paymentOption"]:checked');
				if (selectedOption) {
					price = selectedOption.value;
					optionLabel = selectedOption.getAttribute('data-label') || 'selected_option';
				} else {
					// Fallback to default price
					price = document.getElementById('modalPrice').textContent.match(/\d+\.\d+/)?.[0] || '0';
					optionLabel = 'default';
				}
			}
			
			const service = document.getElementById('modalTitle').textContent;

			// Clear previous errors
			clearErrors(['nameError', 'emailError', 'manualPriceError']);

			// Validate form
			let hasErrors = false;
			
			if (!name) {
				showError('modalName', 'Пожалуйста, введите свое имя');
				hasErrors = true;
			}
			
			if (!email) {
				showError('modalEmail', 'Пожалуйста, введите свой адрес электронной почты');
				hasErrors = true;
			} else if (!/\S+@\S+\.\S+/.test(email)) {
				showError('modalEmail', 'Пожалуйста, введите действительный адрес электронной почты');
				hasErrors = true;
			}

			if (hasErrors) return false;

			// Prepare data for API request
			const data = {
				type: 'payment',
				name: name,
				email: email,
				price: parseFloat(price).toFixed(2),
				service: service,
				payment_type: paymentType,
				payment_item_id: paymentItemId,
				option: optionLabel,
				is_custom_amount: (customPriceRadio && customPriceRadio.checked) ? 1 : 0
			};

			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.redirect_url) {
						handlePaymentRedirect(response.redirect_url, response.redirect_type);
					} else {
						// Show success message
						document.getElementById('paymentForm').style.display = 'none';
						document.getElementById('paymentSuccess').style.display = 'block';
					}
				} else {
					// Show error message
					alert('Ошибка: ' + response.error);
				}
			});
			
			return false;
		}

        // Handle payment redirect
        function handlePaymentRedirect(redirectUrl, redirectType) {
            switch (redirectType) {
                case 'new_window':
                    window.open(redirectUrl, '_blank');
                    closeModal('paymentModal');
                    break;
                case 'iframe':
                    document.getElementById('redirectIframe').src = redirectUrl;
                    closeModal('paymentModal');
                    document.getElementById('redirectModal').style.display = 'flex';
                    break;
                case 'default':
                default:
                    window.location.href = redirectUrl;
                    break;
            }
        }

        // Process login
        function processLogin() {
            const email = document.getElementById('loginEmail').value;
            const password = document.getElementById('loginPassword').value;

            // Clear previous errors
            clearErrors(['loginEmail', 'loginPassword']);

            // Validate form
            let hasErrors = false;
            if (!email) {
                showError('loginEmail', 'Bitte geben Sie Ihre E-Mail-Adresse ein');
                hasErrors = true;
            } else if (!/\S+@\S+\.\S+/.test(email)) {
                showError('loginEmail', 'Bitte geben Sie eine gültige E-Mail-Adresse ein');
                hasErrors = true;
            }
            if (!password) {
                showError('loginPassword', 'Bitte geben Sie Ihr Passwort ein');
                hasErrors = true;
            }

            if (hasErrors) return;

            // Prepare data for API request
            const data = {
                type: 'login',
                email: email,
                password: password
            };

            // Send request to API
            sendRequest('/ajax/', data, function(response) {
                if (response.status === 'ok') {
                    // Close modal and redirect or show success
                    closeModal('authModal');
                    alert('Anmeldung erfolgreich!');
                    // Redirect to profile
					window.location.href = '/' + window.currentLang + '/profile/';
					
                } else {
                    // Show error message
                    alert('Fehler: ' + response.error);
                }
            });
        }

        // Process registration
        function processRegistration() {
            const name = document.getElementById('registerName').value;
            const email = document.getElementById('registerEmail').value;
            const password = document.getElementById('registerPassword').value;
            const confirmPassword = document.getElementById('registerConfirmPassword').value;

            // Clear previous errors
            clearErrors(['registerName', 'registerEmail', 'registerPassword', 'registerConfirmPassword']);

            // Validate form
            let hasErrors = false;
            if (!name) {
                showError('registerName', 'Bitte geben Sie Ihren Namen ein');
                hasErrors = true;
            }
            if (!email) {
                showError('registerEmail', 'Bitte geben Sie Ihre E-Mail-Adresse ein');
                hasErrors = true;
            } else if (!/\S+@\S+\.\S+/.test(email)) {
                showError('registerEmail', 'Bitte geben Sie eine gültige E-Mail-Adresse ein');
                hasErrors = true;
            }
            if (!password) {
                showError('registerPassword', 'Bitte erstellen Sie ein Passwort');
                hasErrors = true;
            } else if (password.length < 6) {
                showError('registerPassword', 'Das Passwort muss mindestens 6 Zeichen lang sein');
                hasErrors = true;
            }
            if (!confirmPassword) {
                showError('registerConfirmPassword', 'Bitte bestätigen Sie Ihr Passwort');
                hasErrors = true;
            } else if (password !== confirmPassword) {
                showError('registerConfirmPassword', 'Passwörter stimmen nicht überein');
                hasErrors = true;
            }

            if (hasErrors) return;

            // Prepare data for API request
            const data = {
                type: 'registration',
                name: name,
                email: email,
                password: password
            };

            // Send request to API
            sendRequest('/ajax/', data, function(response) {
                if (response.status === 'ok') {
                    // Close modal and redirect or show success
                    closeModal('authModal');
                    alert('Registrierung erfolgreich!');
                    // Here you would typically redirect or update UI
                } else {
                    // Show error message
                    alert('Fehler: ' + response.error);
                }
            });
        }




        // Send AJAX request
        function sendRequest(url, data, callback,need_loading_overlay=true) {
			
			// Show loading overlay when request starts
			if(need_loading_overlay)showLoading();
			
			//console.log("XMLHttpRequest started");
			
            const xhr = new XMLHttpRequest();
            xhr.open('POST', url, true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            
            xhr.onreadystatechange = function() {
				
				//console.log("XMLHttpRequest onready fired, readyState:", xhr.readyState);
				
                if (xhr.readyState === 4) {
					// Hide loading overlay when request completes
					if(need_loading_overlay)hideLoading();
					
					//console.log("Request complete, status:", xhr.status);
					//console.log("responseText:", xhr.responseText);
					
                    if (xhr.status === 200) {
						let is_good = true;
						let response; // Declare response variable outside try block
                        try {
                            response = JSON.parse(xhr.responseText);
                        } catch (e) {
							is_good=false;
							console.error("JSON parse error:", e); 
							callback({status: 'error', error: 'Invalid response from server'});
                        }
						
						if(is_good)
							callback(response);
						
						
                    } else {
                        callback({status: 'error', error: 'Server error: ' + xhr.status});
                    }
                }
            };
            
            xhr.send(JSON.stringify(data));
        }
		

        // Close redirect modal
        document.getElementById('redirectModal').querySelector('.close-btn').addEventListener('click', function() {
            document.getElementById('redirectModal').style.display = 'none';
        });

        // Mock chart data (in a real implementation, you would use Google Charts)
        function initCharts() {
            // This is a placeholder for actual chart implementation
            //console.log('Charts would be initialized here with Google Charts API');
        }

        // Image modal functionality
        document.addEventListener('DOMContentLoaded', function() {
            // Image modal
            const imgModal = document.getElementById('imgModal');
            const modalImg = document.getElementById('modalImg');
            const imgCloseBtn = imgModal.querySelector('.close-btn');

            // Open image modal
            document.querySelectorAll('[data-modal="imgModal"]').forEach(img => {
                img.addEventListener('click', function() {
                    modalImg.src = this.src;
                    imgModal.style.display = 'flex';
                });
            });

            // Close image modal
            imgCloseBtn.addEventListener('click', function() {
                imgModal.style.display = 'none';
            });

            // Close on outside click
            window.addEventListener('click', function(e) {
                if (e.target === imgModal) {
                    imgModal.style.display = 'none';
                }
            });
        });
    </script>
	
	<script>
		//console.log("herei");
	
		// Analysis functionality
		document.addEventListener('DOMContentLoaded', function() {
		
			//console.log("DOMContentLoaded");
		
			const analyzeBtn = document.getElementById('analyzeNowBtn');
			const analysisStatus = document.getElementById('analysisStatus');
			
			if (analyzeBtn) {
				analyzeBtn.addEventListener('click', function() {
					//console.log("click");
					// Show captcha modal
					showCaptchaModal();
				});
			}
		});

		function showCaptchaModal() {
		
			//console.log("showCaptchaModal");
		
			// Create modal for captcha
			const modal = document.createElement('div');
			modal.className = 'modal';
			modal.id = 'captchaModal';
			modal.style.display = 'flex';
			
			modal.innerHTML = `
				<div class="modal-content">
					<span class="close-btn" onclick="closeCaptchaModal()">&times;</span>
					<h2 class="modal-title">Bestätigen Sie, dass Sie kein Roboter sind</h2>
					<p class="modal-text">Geben Sie den Text aus dem Bild ein::</p>
					<div class="captcha-container">
						<img src="/captcha.php" alt="CAPTCHA" class="captcha-image" id="captchaImage">
						<button type="button" class="refresh-captcha" onclick="refreshCaptcha()">Code aktualisieren</button>
						<input type="text" class="captcha-input" id="captchaInput" placeholder="Code eingeben" maxlength="6">
					</div>
					<button class="cta-button" onclick="submitAnalysis()" style="margin-top: 1rem;">Zur Analyse einreichen</button>
				</div>
			`;
			
			document.body.appendChild(modal);
		}

		function closeCaptchaModal() {
			const modal = document.getElementById('captchaModal');
			if (modal) {
				modal.remove();
			}
		}

		function refreshCaptcha() {
			const captchaImage = document.getElementById('captchaImage');
			if (captchaImage) {
				// Add timestamp to prevent caching
				captchaImage.src = '/captcha.php?t=' + new Date().getTime();
			}
		}

		function submitAnalysis() {
			const captchaInput = document.getElementById('captchaInput');
			const captchaCode = captchaInput ? captchaInput.value.trim() : '';
			const analysisStatus = document.getElementById('analysisStatus');
			
			if (!captchaCode) {
				alert('Bitte geben Sie den Code aus dem Bild ein');
				return;
			}
			
			// Show loading state
			analysisStatus.textContent = 'Anfrage wird gesendet...';
			analysisStatus.className = 'analysis-status';
			analysisStatus.style.display = 'block';
			
			// Prepare data for API request
			const domainName = document.getElementById('domain_name').value;
			const data = {
				type: 'domain_analysis',
				domain: domainName,
				captcha_code: captchaCode
			};
			
			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				// Close captcha modal
				closeCaptchaModal();
				
				if (response.status === 'ok') {
					// Show success message
					analysisStatus.textContent = 'Ihre Anfrage wurde gesendet. Bitte warten Sie auf die Domain-Bestätigung';
					analysisStatus.className = 'analysis-status success';
				} else {
					// Show error message
					analysisStatus.textContent = 'Fehler: ' + response.error;
					analysisStatus.className = 'analysis-status error';
					
					// Refresh captcha on error
					if (response.refresh_captcha) {
						setTimeout(refreshCaptcha, 500);
					}
				}
				
				analysisStatus.style.display = 'block';
				
				// Clear captcha input
				if (captchaInput) {
					captchaInput.value = '';
				}
			});
		}

	</script>	
	
	
	<script>
		// Full screenshot functionality
		function openFullScreenshot(src) {
			const modal = document.getElementById('fullScreenshotModal');
			const img = document.getElementById('fullScreenshotImg');
			
			img.src = src;
			modal.style.display = 'flex';
			
			// Prevent body scroll when modal is open
			document.body.style.overflow = 'hidden';
		}

		function closeFullScreenshot() {
			const modal = document.getElementById('fullScreenshotModal');
			modal.style.display = 'none';
			
			// Restore body scroll
			document.body.style.overflow = 'auto';
		}

		function downloadScreenshot() {
			const img = document.getElementById('fullScreenshotImg');
			const link = document.createElement('a');
			link.download = `screenshot-${document.getElementById('domain_name').value}-${new Date().getTime()}.jpg`;
			link.href = img.src;
			link.click();
		}

		// Close modal on outside click
		document.addEventListener('click', function(e) {
			const modal = document.getElementById('fullScreenshotModal');
			if (e.target === modal) {
				closeFullScreenshot();
			}
		});

		// Close modal on Escape key
		document.addEventListener('keydown', function(e) {
			if (e.key === 'Escape') {
				closeFullScreenshot();
			}
		});
	
	</script>
	
	
	<script>
		// Global variables to track intervals
		let telegramStatusInterval = null;
		let telegramTimerInterval = null;
		let resendTimerInterval = null;
		let emailCheckInterval = null;
		
		// Global variable to store QR code instance
		let qrcodeInstance = null;


		function startTelegramRegistration(name=false,email=false) {
			if(!name)name = document.getElementById('registerName').value.trim();
			if(!email)email = document.getElementById('registerEmail').value.trim();

			// Clear previous errors
			clearErrors(['registerName', 'registerEmail']);

			// Validate form
			let hasErrors = false;
			if (!name) {
				showError('registerName', 'Пожалуйста, введите ваше имя');
				hasErrors = true;
			}
			
			if (!email) {
				showError('registerEmail', 'Пожалуйста, введите ваш email');
				hasErrors = true;
			} else if (!/\S+@\S+\.\S+/.test(email)) {
				showError('registerEmail', 'Пожалуйста, введите действительный email адрес');
				hasErrors = true;
			}


			if (hasErrors) return;

			// Prepare data for API request
			const data = {
				type: 'telegram_registration_start',
				name: name,
				email: email
			};

			//console.log("telegram_registration_start request");
			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				
				//console.log("telegram_registration_start callback");
				
				if (response.status === 'ok') {
					// Store user token
					localStorage.setItem('current_user_token', response.user_token);
					
					 // Immediately open Telegram bot in new tab
					if (response.deep_link) {
						
						window.open(response.deep_link, '_blank');
					}
					
					// Show Telegram verification modal with deep link and QR code
					showTelegramVerifyModal(response.bot_username, response.telegram_token, response.deep_link,response.telegram_token_expires_remaining);
					
					// Clear form
					clearRegistrationForm();
					
					// Close auth modal
					closeModal('authModal');
					
				} else if (response.status === 'continue_email_verification') {
					//!!
					// User exists, Telegram verified, but email not verified
					localStorage.setItem('current_user_token', response.user_token);
					
					// Auto-resend email and show verification modal
					autoResendEmailAndShowModal(response.user_token);
					
					// Clear form
					clearRegistrationForm();
					
					// Close auth modal
					closeModal('authModal');
					
				} else {
					alert('Ошибка1: ' + response.error);
				}
			});
		}


		// Auto-resend email and show verification modal
		function autoResendEmailAndShowModal(userToken) {
			// First, try to resend the email
			const data = {
				type: 'resend_email_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Email sent successfully, show verification modal with full timer
					//showEmailVerifyModal();
					safeShowEmailVerifyModal();
				} else {
					// Handle resend error - use cooldown_remaining from response
					if (response.cooldown_remaining !== undefined) {
						// Use the exact remaining seconds from the response
						const remainingSeconds = Math.max(1, Math.floor(response.cooldown_remaining));
						
						// Show verification modal with synchronized timer
						showEmailVerifyModalWithCooldown(remainingSeconds);
					} else {
						// Other error - show modal with default timer
						//showEmailVerifyModal();
						safeShowEmailVerifyModal();
						alert('Ошибка: ' + response.error);
					}
				}
			});
		}

		// Enhanced resend email verification function
		function resendEmailVerification() {
			const userToken = localStorage.getItem('current_user_token');
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!resendBtn) {
				alert('Ошибка: кнопка не найдена. Пожалуйста, обновите страницу.');
				return;
			}
			
			// Prevent multiple clicks
			if (resendBtn.disabled) {
				return;
			}
			
			// Immediately disable button and show loading state
			resendBtn.disabled = true;
			resendBtn.style.opacity = '0.7';
			resendBtn.innerHTML = 'Отправка...';
			
			const data = {
				type: 'resend_email_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Success - restart timer AND restart email check interval
					setupResendButtonForTimer();
					startResendTimer(300);
					
					// CRITICAL FIX: Restart the email check interval
					restartEmailCheckInterval();
					
					// Update status message
					const statusElement = document.getElementById('emailCheckStatus');
					if (statusElement) {
						statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Новый код отправлен. Проверяем подтверждение...</p>';
						statusElement.className = 'email-check-status status-checking';
						statusElement.style.display = 'block';
					}
					
					alert('Новый код подтверждения отправлен на ваш email');
				} else {
					// Handle different error cases
					if (response.cooldown_remaining !== undefined) {
						const remainingSeconds = Math.max(1, Math.floor(response.cooldown_remaining));
						setupResendButtonForTimer();
						startResendTimer(remainingSeconds);
						
						// CRITICAL FIX: Even on cooldown, restart the email check interval
						restartEmailCheckInterval();
						
						const remainingMinutes = Math.ceil(remainingSeconds / 60);
						
						// Update status message
						const statusElement = document.getElementById('emailCheckStatus');
						if (statusElement) {
							statusElement.innerHTML = `<p style="color: #856404;">⏰ Новый код можно будет отправить через ${remainingMinutes} минут. Проверяем подтверждение предыдущего кода...</p>`;
							statusElement.style.display = 'block';
						}
						
						alert('Новый код можно отправить через ' + remainingMinutes + ' минут');
					} else {
						alert('Ошибка: ' + response.error);
						// Re-enable button on other errors
						resendBtn.disabled = false;
						resendBtn.style.opacity = '1';
						resendBtn.innerHTML = 'Отправить код повторно';
					}
				}
			});
		}
		
		function restartEmailCheckInterval() {
			const userToken = localStorage.getItem('current_user_token');
			let attempts = 0;
			const maxAttempts = 30;
			
			// Clear existing interval if any
			if (emailCheckInterval) {
				clearInterval(emailCheckInterval);
				emailCheckInterval = null;
			}
			
			// Update status to show checking
			updateEmailCheckStatus('checking', 'Проверяем статус подтверждения...');
			
			// Start new interval
			emailCheckInterval = setInterval(function() {
				if (attempts >= maxAttempts) {
					if (emailCheckInterval) {
						clearInterval(emailCheckInterval);
						emailCheckInterval = null;
					}
					updateEmailCheckStatus('timeout', 'Время проверки истекло. Пожалуйста, обновите страницу.');
					return;
				}
				
				checkEmailVerificationStatus(userToken);
				attempts++;
			}, 10000);
		}
		
		// Setup resend button for timer display
		function setupResendButtonForTimer() {
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!resendBtn) return;
			
			resendBtn.disabled = true;
			resendBtn.style.opacity = '0.7';
			
			// Ensure timer element exists
			let timerElement = document.getElementById('resendTimer');
			if (!timerElement) {
				timerElement = document.createElement('span');
				timerElement.id = 'resendTimer';
				resendBtn.appendChild(timerElement);
			}
			
			// Set initial timer display
			resendBtn.innerHTML = 'Отправить код повторно (<span id="resendTimer">5:00</span>)';
		}

		function showEmailVerifyModalWithCooldown(remainingSeconds) {
			// Clear previous input
			const emailVerifyToken = document.getElementById('emailVerifyToken');
			if (emailVerifyToken) {
				emailVerifyToken.value = '';
			}
			clearErrors(['emailVerifyToken']);
			
			// Setup button for timer
			setupResendButtonForTimer();
			
			// Start timer with remaining time
			startResendTimer(remainingSeconds);
			
			// Start email check interval
			startEmailCheckInterval();
			
			// Show modal
			document.getElementById('emailVerifyModal').style.display = 'flex';
			
			// Show info message
			const statusElement = document.getElementById('emailCheckStatus');
			if (statusElement) {
				const remainingMinutes = Math.ceil(remainingSeconds / 60);
				statusElement.innerHTML = `<p style="color: #856404;">⏰ Новый код можно будет отправить через ${remainingMinutes} минут</p>`;
				statusElement.className = 'email-check-status status-checking';
				statusElement.style.display = 'block';
			}
		}
		
		// Safe function to show email verification modal
		function safeShowEmailVerifyModal() {
			// Clear previous input
			const emailVerifyToken = document.getElementById('emailVerifyToken');
			if (emailVerifyToken) {
				emailVerifyToken.value = '';
			}
			clearErrors(['emailVerifyToken']);
			
			// Setup button for timer
			setupResendButtonForTimer();
			
			// Start fresh timer
			startResendTimer(300);
			
			// Start email check interval
			startEmailCheckInterval();
			
			// Show modal
			document.getElementById('emailVerifyModal').style.display = 'flex';
		}

		// Safe function to clear registration form
		function clearRegistrationForm() {
			const nameField = document.getElementById('registerName');
			const emailField = document.getElementById('registerEmail');
			
			if (nameField) nameField.value = '';
			if (emailField) emailField.value = '';
			
			// Only clear password fields if they exist (for traditional registration)
			const passwordField = document.getElementById('registerPassword');
			const confirmPasswordField = document.getElementById('registerConfirmPassword');
			
			if (passwordField) passwordField.value = '';
			if (confirmPasswordField) confirmPasswordField.value = '';
			
			// Clear any status messages
			const statusElement = document.getElementById('registrationStatus');
			if (statusElement) {
				statusElement.innerHTML = '';
				statusElement.style.display = 'none';
			}
		}

		// Enhanced showTelegramVerifyModal function
		function showTelegramVerifyModal(botUsername, telegramToken, deepLink,telegram_token_expires_remaining) {
			// Set Telegram bot deep link
			const telegramUrl = deepLink || `https://t.me/${botUsername}?start=${telegramToken}`;
			window.telegramBotUrl = telegramUrl;
			
			// Generate QR code
			generateQRCode(telegramUrl);
			
			// Update the "Open Telegram" button
			const openTelegramBtn = document.getElementById('openTelegramBtn');
			if (openTelegramBtn) {
				openTelegramBtn.onclick = function() {
					window.open(telegramUrl, '_blank');
				};
			}
			
			// Update modal text
			const modalText = document.getElementById('telegramModalText');
			if (modalText) {
				modalText.innerHTML = `
					Telegram был открыт в новой вкладке.<br>
					Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код.
				`;
			}
			
			// Start timer
			//console.log("start timer:"+telegram_token_expires_remaining);
			startTelegramTimer(telegram_token_expires_remaining);
			
			// Start status checking
			startTelegramStatusCheck();
			
			// Show modal
			document.getElementById('telegramVerifyModal').style.display = 'flex';
		}

		// Generate QR code using qrcodejs library
		function generateQRCode(url) {
			const qrcodeElement = document.getElementById('qrcode');
			
			// Clear previous QR code if exists
			if (qrcodeInstance) {
				qrcodeInstance.clear();
				qrcodeElement.innerHTML = '';
			}
			
			try {
				// Create new QR code instance
				qrcodeInstance = new QRCode(qrcodeElement, {
					text: url,
					width: 200,
					height: 200,
					colorDark: "#000000",
					colorLight: "#ffffff",
					correctLevel: QRCode.CorrectLevel.H
				});
				
				//console.log('QR code generated successfully');
				
			} catch (error) {
				console.error('QR code generation failed:', error);
				// Fallback: show message to use the button instead
				qrcodeElement.innerHTML = `
					<div style="color: var(--warning); font-size: 0.9rem; padding: 1rem;">
						<p>QR-код недоступен. Используйте кнопку "Открыть Telegram"</p>
					</div>
				`;
			}
		}

		// Refresh QR code
		function refreshTelegramQR() {
			if (window.telegramBotUrl) {
				const refreshBtn = document.getElementById('refreshQRBtn');
				const originalText = refreshBtn.innerHTML;
				refreshBtn.innerHTML = '🔄 Обновление...';
				refreshBtn.disabled = true;
				
				// Regenerate QR code
				generateQRCode(window.telegramBotUrl);
				
				setTimeout(() => {
					refreshBtn.innerHTML = originalText;
					refreshBtn.disabled = false;
				}, 500);
			}
		}

		// Open Telegram bot in new tab
		function openTelegramBot() {
			if (window.telegramBotUrl) {
				window.open(window.telegramBotUrl, '_blank');
			}
		}

		function startTelegramStatusCheck() {
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear existing interval if any
			if (telegramStatusInterval) {
				clearInterval(telegramStatusInterval);
			}
			
			// Check status every 5 seconds
			telegramStatusInterval = setInterval(function() {
				checkTelegramVerificationStatus(userToken);
			}, 5000);
		}

		// Update the checkTelegramVerificationStatus to clear timers on success
		function checkTelegramVerificationStatus(userToken) {
			const data = {
				type: 'check_telegram_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.telegram_verified) {
						// Telegram verified successfully
						clearTelegramTimers();
						
						// Show success message
						const timerContainer = document.getElementById('telegramTimer');
						timerContainer.innerHTML = '✅ Telegram успешно подтвержден!';
						timerContainer.className = 'timer-container';
						timerContainer.style.background = '#d4edda';
						timerContainer.style.color = '#155724';
						
						// Auto-proceed to email verification after 2 seconds
						setTimeout(function() {
							closeTelegramVerifyModal();
							safeShowEmailVerifyModal();
						}, 2000);
					}
				}
			},false);
		}

		// Enhanced timer functions that store interval IDs
		function startTelegramTimer(duration) {
			
			let  timerContainer = document.getElementById('telegramTimer');
			let  timerElement = document.getElementById('timer');
			
			// Check if timer was expired and reset if needed
			if (timerContainer && timerContainer.classList.contains('timer-expired')) {
				//console.log('Timer has expired - resetting UI');
				timerContainer.classList.remove('timer-expired');
				timerContainer.innerHTML = 'Ожидание подтверждения... <span id="timer">05:00</span>';
				
				// Update timerElement reference after resetting HTML
				timerElement = document.getElementById('timer');
			}
			
			
			let timer = duration;
			
			// Clear existing timer if any
			if (telegramTimerInterval) {
				clearInterval(telegramTimerInterval);
			}
			
			telegramTimerInterval = setInterval(function() {
				const minutes = parseInt(timer / 60, 10);
				const seconds = parseInt(timer % 60, 10);
				
				if (timerElement) {
					timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
				}
				
				if (--timer < 0) {
					clearTelegramTimers();
					
					if (timerElement) {
						timerElement.textContent = "00:00";
					}
					if (timerContainer) {
						timerContainer.classList.add('timer-expired');
						timerContainer.innerHTML = 'Время истекло. Пожалуйста, начните заново.';
					}
					
					// Auto-close after 3 seconds
					setTimeout(function() {
						closeTelegramVerifyModal();
					}, 3000);
				}
			}, 1000);
		}

		// Enhanced close function to clean up QR code
		function closeTelegramVerifyModal() {
			// Clear QR code instance
			if (qrcodeInstance) {
				qrcodeInstance.clear();
				qrcodeInstance = null;
			}
			
			// Clear container
			const qrcodeElement = document.getElementById('qrcode');
			if (qrcodeElement) {
				qrcodeElement.innerHTML = '';
			}
			
			// Clear timers
			clearTelegramTimers();
			
			// Hide modal
			document.getElementById('telegramVerifyModal').style.display = 'none';
		}

		// Verify Telegram code
		function verifyTelegramCode() {
			const code = document.getElementById('telegramVerifyCode').value.trim();
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear previous errors
			clearErrors(['telegramVerifyCode']);
			
			if (!code) {
				showError('telegramVerifyCode', 'Пожалуйста, введите код подтверждения');
				return;
			}
			
			if (code.length !== 7) {
				showError('telegramVerifyCode', 'Код должен содержать 7 цифр');
				return;
			}
			
			// Prepare data for API request
			const data = {
				type: 'verify_telegram_code',
				user_token: userToken,
				verify_code: code
			};

			// Send request to API
			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Stop timer
					clearInterval(telegramTimer);
					
					// Close Telegram modal
					closeTelegramVerifyModal();
					
					// Show email verification modal
					//showEmailVerifyModal();
					safeShowEmailVerifyModal();
				} else {
					showError('telegramVerifyCode', response.error);
				}
			});
		}

		// Update the modal opening calls
		function showEmailVerifyModal() {
			safeShowEmailVerifyModal();
		}

		// Enhanced start resend timer function
		function startResendTimer(duration) {
			let timer = duration;
			
			// Clear existing timer if any
			if (resendTimerInterval) {
				clearInterval(resendTimerInterval);
			}
			
			// Update timer display immediately
			updateResendTimerDisplay(timer);
			
			resendTimerInterval = setInterval(function() {
				timer--;
				updateResendTimerDisplay(timer);
				
				if (timer <= 0) {
					if (resendTimerInterval) {
						clearInterval(resendTimerInterval);
						resendTimerInterval = null;
					}
					enableResendButton();
				}
			}, 1000);
		}
		
		// Safe function to update timer display
		function updateResendTimerDisplay(timer) {
			const timerElement = document.getElementById('resendTimer');
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!timerElement || !resendBtn) {
				console.warn('Timer elements not found during update');
				return;
			}
			
			const minutes = Math.floor(timer / 60);
			const seconds = timer % 60;
			const timeString = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
			
			timerElement.textContent = timeString;
			
			// Update button text while preserving the timer element
			resendBtn.innerHTML = 'Отправить код повторно (<span id="resendTimer">' + timeString + '</span>)';
		}
		
		// Helper function to update timer display
		function updateTimerDisplay(timerElement, timer) {
			if (!timerElement) return;
			
			const minutes = Math.floor(timer / 60);
			const seconds = timer % 60;
			timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
		}

		// Enable resend button when timer expires
		function enableResendButton() {
			const resendBtn = document.getElementById('resendEmailBtn');
			
			if (!resendBtn) {
				console.error('Resend button not found');
				return;
			}
			
			resendBtn.disabled = false;
			resendBtn.style.opacity = '1';
			
			// Set final state without timer
			resendBtn.innerHTML = 'Отправить код повторно';
			
			// Re-create the timer element for future use
			const timerSpan = document.createElement('span');
			timerSpan.id = 'resendTimer';
			timerSpan.style.display = 'none'; // Hide when not active
			resendBtn.appendChild(timerSpan);
		}

		// Enhanced email check interval
		function startEmailCheckInterval() {
			restartEmailCheckInterval(); // Just call the new function
		}

		// Update the checkEmailVerificationStatus to clear interval on success
		function checkEmailVerificationStatus(userToken) {
			const data = {
				type: 'check_email_verification',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				const statusElement = document.getElementById('emailCheckStatus');
				
				if (response.status === 'ok') {
					if (response.email_verified) {
						// Email verified successfully
						if (emailCheckInterval) {
							clearInterval(emailCheckInterval);
							emailCheckInterval = null;
						}
						if (statusElement) {
							statusElement.innerHTML = '<p style="color: #155724;">✅ Email успешно подтвержден!</p>';
							statusElement.className = 'email-check-status status-success';
						}
						
						// Auto-redirect after 2 seconds
						setTimeout(function() {
							completeRegistration();
						}, 2000);
					} else {
						if (statusElement) {
							statusElement.style.display = 'block';
							statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Проверяем статус подтверждения...</p>';
							statusElement.className = 'email-check-status status-checking';
						}
					}
				} else {
					// Handle error response
					if (statusElement) {
						statusElement.innerHTML = `<p style="color: #721c24;">❌ Ошибка проверки: ${response.error}</p>`;
						statusElement.className = 'email-check-status status-error';
					}
				}
			},false);
		}

		// Verify email token manually
		function verifyEmailToken() {
			const token = document.getElementById('emailVerifyToken').value.trim();
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear previous errors
			clearErrors(['emailVerifyToken']);
			
			if (!token) {
				showError('emailVerifyToken', 'Пожалуйста, введите код подтверждения');
				return;
			}
			
			const data = {
				type: 'verify_email_token',
				user_token: userToken,
				email_token: token
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					completeRegistration();
				} else {
					showError('emailVerifyToken', response.error);
				}
			});
		}



		// Complete registration and login
		function completeRegistration() {
			const userToken = localStorage.getItem('current_user_token');
			
			const data = {
				type: 'complete_registration',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Store user info
					localStorage.setItem('user_info', JSON.stringify(response.user));
					
					// Close modal
					closeEmailVerifyModal();
					
					// Redirect to profile
					window.location.href = '/' + window.currentLang + '/profile/';
				} else {
					alert('Ошибка: ' + response.error);
				}
			});
		}

		function closeEmailVerifyModal() {
			// Clear all email-related intervals
			if (resendTimerInterval) {
				clearInterval(resendTimerInterval);
				resendTimerInterval = null;
			}
			
			if (emailCheckInterval) {
				clearInterval(emailCheckInterval);
				emailCheckInterval = null;
			}
			
			document.getElementById('emailVerifyModal').style.display = 'none';
		}
		
		
		// Add this to check registration status when email is entered
		document.getElementById('registerEmail').addEventListener('blur', function() {
			const email = this.value.trim();
			
			if(statusElement = document.getElementById('registrationStatus')){
				statusElement.innerHTML = '';
			}
			
			if (email && /\S+@\S+\.\S+/.test(email)) {
				checkRegistrationStatus(email);
			}
		});

		function checkRegistrationStatus(email) {
			const data = {
				type: 'check_registration_status',
				email: email
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					const status = response.registration_status;
					let statusElement = document.getElementById('registrationStatus'); // Remove 'const' declaration
					
					if (!statusElement) {
						// Create status element if it doesn't exist
						statusElement = document.createElement('div'); // Now we're assigning to the existing variable
						statusElement.id = 'registrationStatus';
						statusElement.style.marginTop = '1rem';
						statusElement.style.padding = '0.75rem';
						statusElement.style.borderRadius = 'var(--border-radius)';
						statusElement.style.fontSize = '0.9rem';
						
						const registerForm = document.getElementById('registerForm');
						const submitButton = registerForm.querySelector('button[onclick="startTelegramRegistration()"]');
						registerForm.insertBefore(statusElement, submitButton.nextSibling);
					}
					
					// Remove the duplicate declaration of statusElement here
					// const statusElement = document.getElementById('registrationStatus'); // ← This line is removed
					
					switch(status) {
						case 'completed':
							statusElement.innerHTML = '✅ Этот email уже зарегистрирован. <a href="#" onclick="switchAuthTab(\'login\')">Войдите в систему</a>';
							statusElement.style.background = '#d4edda';
							statusElement.style.color = '#155724';
							break;
						case 'email_pending':
							statusElement.innerHTML = '📧 Регистрация почти завершена! Требуется подтверждение email.';
							statusElement.style.background = '#fff3cd';
							statusElement.style.color = '#856404';
							break;
						case 'telegram_pending':
							statusElement.innerHTML = '📱 Продолжите регистрацию в Telegram.';
							statusElement.style.background = '#cce5ff';
							statusElement.style.color = '#004085';
							break;
						case 'incomplete':
							statusElement.innerHTML = '🔄 Продолжите регистрацию.';
							statusElement.style.background = '#e2e3e5';
							statusElement.style.color = '#383d41';
							break;
						default:
							statusElement.innerHTML = '';
					}
				}
			},false);
		}
		
		// Enhanced email check status function
		function updateEmailCheckStatus(type, message) {
			const statusElement = document.getElementById('emailCheckStatus');
			
			if (!statusElement) return;
			
			statusElement.style.display = 'block';
			
			switch(type) {
				case 'checking':
					statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Проверяем статус подтверждения...</p>';
					statusElement.className = 'email-check-status status-checking';
					break;
				case 'success':
					statusElement.innerHTML = '<p style="color: #155724;">✅ ' + message + '</p>';
					statusElement.className = 'email-check-status status-success';
					break;
				case 'error':
					statusElement.innerHTML = '<p style="color: #721c24;">❌ ' + message + '</p>';
					statusElement.className = 'email-check-status status-error';
					break;
				case 'timeout':
					statusElement.innerHTML = '<p style="color: #856404;">⏰ ' + message + '</p>';
					statusElement.className = 'email-check-status status-error';
					break;
			}
		}
		
		
		// Helper function to clear all Telegram timers
		function clearTelegramTimers() {
			if (telegramTimerInterval) {
				clearInterval(telegramTimerInterval);
				telegramTimerInterval = null;
			}
			if (telegramStatusInterval) {
				clearInterval(telegramStatusInterval);
				telegramStatusInterval = null;
			}
		}

		// Helper function to clear all email timers
		function clearEmailTimers() {
			if (resendTimerInterval) {
				clearInterval(resendTimerInterval);
				resendTimerInterval = null;
			}
			if (emailCheckInterval) {
				clearInterval(emailCheckInterval);
				emailCheckInterval = null;
			}
		}
	
	</script>
	
	
	<script>
		// Login with Telegram function
		function loginWithTelegram() {
			const email = document.getElementById('loginEmail').value.trim();
			
			// Clear previous errors
			clearErrors(['loginEmail']);
			
			// Validate email
			if (!email) {
				showError('loginEmail', 'Пожалуйста, введите ваш email');
				return;
			} else if (!/\S+@\S+\.\S+/.test(email)) {
				showError('loginEmail', 'Пожалуйста, введите действительный email адрес');
				return;
			}
			
			// Check if user exists and is verified
			checkUserForTelegramLogin(email);
		}

		// Check if user exists and is verified for Telegram login
		function checkUserForTelegramLogin(email) {
			const data = {
				type: 'check_user_for_telegram_login',
				email: email
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					
					if(response.user_exists && response.telegram_verified && response.email_verified){
						// User exists and Telegram verified and email verifed- generate login link
						generateTelegramLoginLink(email);
					}else if (response.user_exists && response.telegram_verified) {
						// User exists and Telegram verified 
						//alert('Для входа через Telegram необходимо сначала завершить регистрацию подтвердите email');
						startTelegramRegistration("noneedname",email);
					} else if (response.user_exists && !response.telegram_verified) {
						// User exists but Telegram not verified
						//alert('Для входа через Telegram необходимо сначала завершить регистрацию в Telegram');
						startTelegramRegistration("noneedname",email);
					} else {
						// User doesn't exist
						alert('Пользователь с таким email не найден. Пожалуйста, зарегистрируйтесь.');
					}
				} else {
					alert('Ошибка: ' + response.error);
				}
			});
		}

		// Generate Telegram login code
		function generateTelegramLoginLink(email) {
			const data = {
				type: 'generate_telegram_login_link',
				email: email
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Store user token
					localStorage.setItem('current_user_token', response.user_token);
					
					// Show Telegram verification modal for login
					showTelegramLoginModal(response.bot_username, response.deep_link, response.telegram_token_expires_remaining);
					
					// Close auth modal
					closeModal('authModal');
				} else {
					alert('Ошибка: ' + response.error);
				}
			});
		}

		// Show Telegram login modal
		function showTelegramLoginModal(botUsername, deepLink, expiresRemaining) {
			// Set Telegram bot deep link
			const telegramUrl = deepLink || `https://t.me/${botUsername}?start=login_${Date.now()}`;
			window.telegramBotUrl = telegramUrl;
			
			//open forced
			window.open(telegramUrl, '_blank');
			
			// Generate QR code
			generateQRCode(telegramUrl);
			
			// Update modal text for login
			const modalText = document.getElementById('telegramModalText');
			if (modalText) {
				modalText.innerHTML = `
					Telegram был открыт для входа.<br>
					Если бот не открылся автоматически, используйте кнопку ниже или отсканируйте QR-код.
				`;
			}
			
			// Update modal title
			const modalTitle = document.querySelector('#telegramVerifyModal .modal-title');
			if (modalTitle) {
				modalTitle.textContent = 'Вход через Telegram';
			}
			
			// Start timer
			startTelegramTimer(expiresRemaining || 300);
			
			// Start status checking for login
			startTelegramLoginStatusCheck();
			
			// Show modal
			document.getElementById('telegramVerifyModal').style.display = 'flex';
		}

		// Start Telegram login status check
		function startTelegramLoginStatusCheck() {
			const userToken = localStorage.getItem('current_user_token');
			
			// Clear existing interval if any
			if (telegramStatusInterval) {
				clearInterval(telegramStatusInterval);
			}
			
			// Check status every 5 seconds
			telegramStatusInterval = setInterval(function() {
				checkTelegramLoginStatus(userToken);
			}, 5000);
		}

		// Check Telegram login status
		function checkTelegramLoginStatus(userToken) {
			const data = {
				type: 'check_telegram_login_status',
				user_token: userToken
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					if (response.login_code_sended ) {
						// Login code received - show code input modal
						clearTelegramTimers();
						showTelegramCodeInputModal(response.verify_code);
					} else if (response.login_completed) {
						// Login completed successfully
						clearTelegramTimers();
						completeTelegramLogin();
					}
				}
			});
		}

		// Show Telegram code input modal
		function showTelegramCodeInputModal(verifyCode) {
			// Close Telegram verify modal
			closeTelegramVerifyModal();
			
			// Create or show code input modal
			let codeModal = document.getElementById('telegramCodeModal');
			
			// Start code timer
			startLoginCodeTimer(300);
			
			// Show modal
			codeModal.style.display = 'flex';
		}

		// Start login code timer
		function startLoginCodeTimer(duration) {
			let timer = duration;
			const timerElement = document.getElementById('loginTimer');
			
			if (!timerElement) return;
			
			// Clear existing timer if any
			if (window.loginCodeTimer) {
				clearInterval(window.loginCodeTimer);
			}
			
			window.loginCodeTimer = setInterval(function() {
				const minutes = parseInt(timer / 60, 10);
				const seconds = parseInt(timer % 60, 10);
				
				timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
				
				if (--timer < 0) {
					clearInterval(window.loginCodeTimer);
					timerElement.textContent = "00:00";
					
					// Show expired message
					const timerContainer = document.getElementById('loginCodeTimer');
					if (timerContainer) {
						timerContainer.classList.add('timer-expired');
						timerContainer.innerHTML = 'Время действия кода истекло. Пожалуйста, начните заново.';
					}
				}
			}, 1000);
		}

		// Verify Telegram login code
		function verifyTelegramLoginCode() {
			const userToken = localStorage.getItem('current_user_token');
			const codeInput = document.getElementById('telegramLoginCode');
			const code = codeInput ? codeInput.value.trim() : '';
			
			// Clear previous errors
			clearErrors(['telegramLoginCode']);
			
			if (!code) {
				showError('telegramLoginCode', 'Пожалуйста, введите код подтверждения');
				return;
			}
			
			if (code.length !== 7) {
				showError('telegramLoginCode', 'Код должен содержать 7 цифр');
				return;
			}
			
			const data = {
				type: 'verify_telegram_login_code',
				user_token: userToken,
				verify_code: code
			};

			sendRequest('/ajax/', data, function(response) {
				if (response.status === 'ok') {
					// Clear timer
					if (window.loginCodeTimer) {
						clearInterval(window.loginCodeTimer);
					}
					
					localStorage.setItem('user_info', JSON.stringify(response.user));
					
					// Close any open modals
					closeModal('telegramCodeModal');
					closeModal('telegramVerifyModal');
					
					// Show success message and redirect
					alert('Вход выполнен успешно!');
					window.location.href = '/' + window.currentLang + '/profile/';
					
				} else {
					showError('telegramLoginCode', response.error);
				}
			});
		}


	
	</script>
	
	<!-- Add this JavaScript before closing body tag -->
	<script>
		// Animation on scroll
		document.addEventListener('DOMContentLoaded', function() {
			const fadeElements = document.querySelectorAll('.fade-in');
			
			const observer = new IntersectionObserver((entries) => {
				entries.forEach(entry => {
					if (entry.isIntersecting) {
						entry.target.classList.add('visible');
					}
				});
			}, { threshold: 0.1 });
			
			fadeElements.forEach(element => {
				observer.observe(element);
			});

			// Add click handlers for project CTAs
			document.querySelectorAll('.project-cta').forEach(button => {
				button.addEventListener('click', function() {
					const projectTitle = this.closest('.project-card').querySelector('.project-title').textContent;
					alert(`Exploring: ${projectTitle}`);
					// In production, this would navigate to the appropriate page
				});
			});
		});
	</script>
	
	<script>
		// Cookie consent management
		(function() {
			// Configuration
			const COOKIE_CONSENT_KEY = 'serpuls_cookie_consent';
			const COOKIE_EXPIRY_DAYS = 365;
			
			// Create cookie consent banner if not already accepted
			function initCookieConsent() {
				// Check if user has already made a choice
				const consent = getCookieConsent();
				if (consent !== null) {
					// User already made a choice, apply preferences
					applyCookiePreferences(consent);
					return;
				}
				
				// Create banner
				createCookieBanner();
			}
			
			// Create the cookie banner HTML
			function createCookieBanner() {
				const banner = document.createElement('div');
				banner.id = 'cookie-consent-banner';
				banner.style.cssText = `
					position: fixed;
					bottom: 0;
					left: 0;
					right: 0;
					background: white;
					box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
					padding: 1.5rem;
					z-index: 9999;
					border-top: 3px solid var(--primary, #4361ee);
					animation: slideUp 0.5s ease;
				`;
				
				// Add animation style if not exists
				if (!document.getElementById('cookie-animation-style')) {
					const style = document.createElement('style');
					style.id = 'cookie-animation-style';
					style.textContent = `
						@keyframes slideUp {
							from { transform: translateY(100%); }
							to { transform: translateY(0); }
						}
					`;
					document.head.appendChild(style);
				}
				
				banner.innerHTML = `
					<div style="max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between;">
						<div style="flex: 2; min-width: 280px;">
							<h3 style="margin: 0 0 0.5rem 0; color: var(--dark, #212529); font-size: 1.25rem;">🍪 Cookie Consent</h3>
							<p style="margin: 0; color: var(--gray, #6c757d); line-height: 1.5;">
								We use cookies to enhance your browsing experience, serve personalized content, and analyze our traffic. 
								By clicking "Accept All", you consent to our use of cookies. 
								Read our <a href="/en/cookie/" style="color: var(--primary, #4361ee); text-decoration: underline;">Cookie Policy</a> 
								and <a href="/en/privacy/" style="color: var(--primary, #4361ee); text-decoration: underline;">Privacy Policy</a>.
							</p>
						</div>
						<div style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
							<button id="cookie-accept-all" style="padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--primary, #4361ee), var(--secondary, #7209b7)); color: white; border: none; border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(67,97,238,0.3);">
								Accept All
							</button>
							<button id="cookie-accept-essential" style="padding: 0.75rem 1.5rem; background: white; color: var(--dark, #212529); border: 1px solid var(--gray, #6c757d); border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer; transition: all 0.3s ease;">
								Essential Only
							</button>
							<button id="cookie-settings" style="padding: 0.75rem 1.5rem; background: transparent; color: var(--primary, #4361ee); border: none; font-weight: 600; cursor: pointer; text-decoration: underline;">
								Customize
							</button>
						</div>
					</div>
				`;
				
				document.body.appendChild(banner);
				
				// Add event listeners
				document.getElementById('cookie-accept-all').addEventListener('click', function() {
					acceptAllCookies();
				});
				
				document.getElementById('cookie-accept-essential').addEventListener('click', function() {
					acceptEssentialCookies();
				});
				
				document.getElementById('cookie-settings').addEventListener('click', function() {
					showCookieSettings();
				});
			}
			
			// Show cookie settings modal
			function showCookieSettings() {
				// Remove existing modal if any
				const existingModal = document.getElementById('cookie-settings-modal');
				if (existingModal) existingModal.remove();
				
				const modal = document.createElement('div');
				modal.id = 'cookie-settings-modal';
				modal.style.cssText = `
					position: fixed;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background: rgba(0,0,0,0.5);
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 10000;
					animation: fadeIn 0.3s ease;
				`;
				
				modal.innerHTML = `
					<div style="background: white; border-radius: var(--border-radius, 8px); max-width: 500px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 10px 25px rgba(0,0,0,0.2);">
						<div style="padding: 1.5rem; border-bottom: 1px solid #e9ecef;">
							<h3 style="margin: 0; color: var(--dark, #212529);">Cookie Preferences</h3>
						</div>
						<div style="padding: 1.5rem;">
							<p style="color: var(--gray, #6c757d); margin-bottom: 1.5rem;">Choose which cookies you allow. You can change these settings at any time.</p>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: not-allowed;">
									<input type="checkbox" checked disabled style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Essential Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Required for the website to function. Cannot be disabled.</p>
									</div>
								</label>
							</div>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
									<input type="checkbox" id="cookie-pref-analytics" checked style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Analytics Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Help us understand how visitors interact with our site.</p>
									</div>
								</label>
							</div>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
									<input type="checkbox" id="cookie-pref-functional" checked style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Functional Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Remember your preferences and settings.</p>
									</div>
								</label>
							</div>
							
							<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
								<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
									<input type="checkbox" id="cookie-pref-targeting" checked style="width: 18px; height: 18px;">
									<div>
										<strong style="color: var(--dark, #212529);">Targeting Cookies</strong>
										<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Used to deliver relevant content and ads.</p>
									</div>
								</label>
							</div>
						</div>
						<div style="padding: 1.5rem; border-top: 1px solid #e9ecef; display: flex; gap: 1rem; justify-content: flex-end;">
							<button id="cookie-save-preferences" style="padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--primary, #4361ee), var(--secondary, #7209b7)); color: white; border: none; border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer;">
								Save Preferences
							</button>
							<button id="cookie-close-modal" style="padding: 0.75rem 1.5rem; background: white; color: var(--dark, #212529); border: 1px solid var(--gray, #6c757d); border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer;">
								Cancel
							</button>
						</div>
					</div>
				`;
				
				document.body.appendChild(modal);
				
				// Close modal handlers
				document.getElementById('cookie-close-modal').addEventListener('click', function() {
					modal.remove();
				});
				
				document.getElementById('cookie-save-preferences').addEventListener('click', function() {
					const preferences = {
						essential: true, // Always true
						analytics: document.getElementById('cookie-pref-analytics').checked,
						functional: document.getElementById('cookie-pref-functional').checked,
						targeting: document.getElementById('cookie-pref-targeting').checked
					};
					
					saveCookiePreferences(preferences);
					modal.remove();
					removeCookieBanner();
				});
				
				// Click outside to close
				modal.addEventListener('click', function(e) {
					if (e.target === modal) {
						modal.remove();
					}
				});
			}
			
			// Accept all cookies
			function acceptAllCookies() {
				const preferences = {
					essential: true,
					analytics: true,
					functional: true,
					targeting: true
				};
				saveCookiePreferences(preferences);
				removeCookieBanner();
			}
			
			// Accept only essential cookies
			function acceptEssentialCookies() {
				const preferences = {
					essential: true,
					analytics: false,
					functional: false,
					targeting: false
				};
				saveCookiePreferences(preferences);
				removeCookieBanner();
			}
			
			// Save cookie preferences
			function saveCookiePreferences(preferences) {
				// Save to cookie
				const expiryDate = new Date();
				expiryDate.setDate(expiryDate.getDate() + COOKIE_EXPIRY_DAYS);
				
				const cookieValue = JSON.stringify(preferences);
				document.cookie = `${COOKIE_CONSENT_KEY}=${encodeURIComponent(cookieValue)}; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
				
				// Apply preferences
				applyCookiePreferences(preferences);
				
				// Store in localStorage for quick access
				localStorage.setItem(COOKIE_CONSENT_KEY, cookieValue);
				
				// Optional: send event to analytics
				if (typeof window.gtag !== 'undefined' && preferences.analytics) {
					window.gtag('consent', 'update', {
						'analytics_storage': 'granted'
					});
				}
			}
			
			// Get cookie consent from cookie or localStorage
			function getCookieConsent() {
				// Try to get from cookie first
				const match = document.cookie.match(new RegExp('(^| )' + COOKIE_CONSENT_KEY + '=([^;]+)'));
				if (match) {
					try {
						return JSON.parse(decodeURIComponent(match[2]));
					} catch (e) {
						console.error('Error parsing cookie consent:', e);
					}
				}
				
				// Try localStorage
				const stored = localStorage.getItem(COOKIE_CONSENT_KEY);
				if (stored) {
					try {
						return JSON.parse(stored);
					} catch (e) {
						console.error('Error parsing localStorage consent:', e);
					}
				}
				
				return null;
			}
			
			// Apply cookie preferences (enable/disable features)
			function applyCookiePreferences(preferences) {
				if (!preferences) return;
				
				// Example: Disable analytics if not consented
				if (!preferences.analytics) {
					// Disable Google Analytics if present
					if (typeof window.gtag !== 'undefined') {
						window.gtag('consent', 'default', {
							'analytics_storage': 'denied'
						});
					}
					
					// Optionally remove existing analytics cookies
					// This is handled by the analytics script itself usually
				}
				
				// Disable targeting cookies
				if (!preferences.targeting) {
					// Disable ad-related tracking
					// Remove Facebook pixel, etc.
				}
				
				// Store preferences in data attribute for other scripts to check
				document.documentElement.setAttribute('data-cookie-consent', JSON.stringify(preferences));
				
				// Dispatch event for other scripts to react
				window.dispatchEvent(new CustomEvent('cookieConsentChanged', { detail: preferences }));
			}
			
			// Remove cookie banner
			function removeCookieBanner() {
				const banner = document.getElementById('cookie-consent-banner');
				if (banner) {
					banner.style.animation = 'slideDown 0.5s ease forwards';
					setTimeout(() => {
						if (banner.parentNode) banner.remove();
					}, 500);
					
					// Add slideDown animation if not exists
					if (!document.getElementById('cookie-animation-slidedown')) {
						const style = document.createElement('style');
						style.id = 'cookie-animation-slidedown';
						style.textContent = `
							@keyframes slideDown {
								from { transform: translateY(0); }
								to { transform: translateY(100%); }
							}
						`;
						document.head.appendChild(style);
					}
				}
			}
			
			// Add a floating button to reopen cookie settings (optional)
			function addCookieSettingsButton() {
				const btn = document.createElement('button');
				btn.id = 'cookie-settings-button';
				btn.innerHTML = '🍪';
				btn.setAttribute('aria-label', 'Cookie Settings');
				btn.style.cssText = `
					position: fixed;
					bottom: 20px;
					left: 20px;
					width: 48px;
					height: 48px;
					border-radius: 50%;
					background: white;
					border: 1px solid var(--gray, #6c757d);
					box-shadow: var(--box-shadow, 0 4px 6px rgba(0,0,0,0.1));
					cursor: pointer;
					font-size: 1.2rem;
					display: flex;
					align-items: center;
					justify-content: center;
					z-index: 9998;
					transition: var(--transition, all 0.3s ease);
					opacity: 0.8;
				`;
				
				btn.addEventListener('mouseenter', function() {
					this.style.opacity = '1';
					this.style.transform = 'scale(1.1)';
				});
				
				btn.addEventListener('mouseleave', function() {
					this.style.opacity = '0.8';
					this.style.transform = 'scale(1)';
				});
				
				btn.addEventListener('click', function() {
					showCookieSettings();
				});
				
				document.body.appendChild(btn);
			}
			
			// Initialize on DOM ready
			if (document.readyState === 'loading') {
				document.addEventListener('DOMContentLoaded', initCookieConsent);
			} else {
				initCookieConsent();
			}
			
			// Optional: Add settings button after consent is given
			window.addEventListener('cookieConsentChanged', function() {
				// Only show settings button if not already present
				if (!document.getElementById('cookie-settings-button')) {
					//addCookieSettingsButton();
				}
			});
			
			// If consent already exists, add settings button
			const existingConsent = getCookieConsent();
			if (existingConsent && !document.getElementById('cookie-settings-button')) {
				document.addEventListener('DOMContentLoaded', function() {
					//addCookieSettingsButton();
				});
			}
		})();
	
	</script>
	
	
</body>
</html>