{"id":8,"date":"2026-02-20T08:12:29","date_gmt":"2026-02-20T08:12:29","guid":{"rendered":"https:\/\/babyaliens.fun\/?page_id=8"},"modified":"2026-02-21T07:21:35","modified_gmt":"2026-02-21T07:21:35","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/babyaliens.fun\/","title":{"rendered":"Elementor #8"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd5b407 e-con-full e-flex e-con e-parent\" data-id=\"cd5b407\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28239cf elementor-widget elementor-widget-html\" data-id=\"28239cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- Tema Sci-Fi Premium (Hitam & Neon) --- *\/\r\n  :root {\r\n    --bg-black: #000000;\r\n    --text-pure: #ffffff;\r\n    --text-muted: #b0c4de;\r\n    --accent-neon: #00f0ff;\r\n    --font-primary: 'Darker Grotesque', sans-serif;\r\n  }\r\n\r\n  \/* Reset *\/\r\n  .premium-nav-wrapper * {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n    font-family: var(--font-primary);\r\n  }\r\n\r\n  \/* --- Navbar Area --- *\/\r\n  .premium-navbar {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    background-color: var(--bg-black);\r\n    padding: 18px 40px;\r\n    width: 100%;\r\n    position: relative; \/* Ini menjadi anchor untuk dropdown mobile *\/\r\n    z-index: 9999;\r\n    border-bottom: 1px solid rgba(0, 240, 255, 0.1);\r\n  }\r\n\r\n  \/* --- Logo --- *\/\r\n  .premium-logo {\r\n    font-weight: 800;\r\n    font-size: 28px;\r\n    letter-spacing: 4px;\r\n    color: var(--text-pure);\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .premium-logo span {\r\n    color: var(--accent-neon);\r\n    text-shadow: 0 0 10px rgba(0, 240, 255, 0.4);\r\n  }\r\n\r\n  \/* --- Bagian Kanan (Menu & Tombol) --- *\/\r\n  .premium-menu-right {\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* --- Tombol Burger Elegan --- *\/\r\n  .premium-burger-btn {\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 5px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    height: 22px;\r\n    width: 35px;\r\n    z-index: 10001;\r\n  }\r\n\r\n  .premium-burger-line {\r\n    width: 100%;\r\n    height: 2px;\r\n    background-color: var(--text-pure);\r\n    transition: all 0.3s cubic-bezier(0.77, 0.2, 0.05, 1.0);\r\n  }\r\n\r\n  \/* Animasi Burger X *\/\r\n  .premium-menu-right.active .premium-burger-line:nth-child(1) {\r\n    transform: translateY(10px) rotate(45deg);\r\n    background-color: var(--accent-neon);\r\n    box-shadow: 0 0 8px var(--accent-neon);\r\n  }\r\n  .premium-menu-right.active .premium-burger-line:nth-child(2) {\r\n    opacity: 0;\r\n    transform: scale(0.2);\r\n  }\r\n  .premium-menu-right.active .premium-burger-line:nth-child(3) {\r\n    transform: translateY(-10px) rotate(-45deg);\r\n    background-color: var(--accent-neon);\r\n    box-shadow: 0 0 8px var(--accent-neon);\r\n  }\r\n\r\n  \/* --- Wrapper Tombol Navigasi (Desktop) --- *\/\r\n  .premium-links-container {\r\n    position: absolute;\r\n    right: 65px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    display: flex;\r\n    gap: 15px;\r\n    pointer-events: none;\r\n    z-index: 10000;\r\n  }\r\n\r\n  \/* --- Styling Tombol Kotak dgn Aksen Sudut --- *\/\r\n  .premium-btn {\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    letter-spacing: 2px;\r\n    color: var(--text-muted);\r\n    padding: 10px 22px;\r\n    position: relative;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n    \r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    background-color: transparent;\r\n\r\n    --t: 2px;\r\n    --l: 8px;\r\n    --c: var(--accent-neon);\r\n    \r\n    background-image: \r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));\r\n      \r\n    background-position: \r\n      0 0, 0 0, \r\n      100% 0, 100% 0, \r\n      0 100%, 0 100%, \r\n      100% 100%, 100% 100%;\r\n      \r\n    background-size: \r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l);\r\n      \r\n    background-repeat: no-repeat;\r\n    \r\n    opacity: 0;\r\n    transform: translateX(40px);\r\n  }\r\n\r\n  .premium-btn:hover {\r\n    color: var(--text-pure);\r\n    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);\r\n    background-color: rgba(0, 240, 255, 0.05);\r\n    border-color: rgba(0, 240, 255, 0.3);\r\n    --l: 12px; \r\n    box-shadow: inset 0 0 15px rgba(0, 240, 255, 0.1);\r\n  }\r\n\r\n  \/* --- Mekanisme Animasi Desktop --- *\/\r\n  .premium-menu-right.active .premium-links-container {\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .premium-menu-right.active .premium-btn {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n\r\n  .premium-menu-right.active .premium-btn:nth-child(1) { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.15s; }\r\n  .premium-menu-right.active .premium-btn:nth-child(2) { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.075s; }\r\n  .premium-menu-right.active .premium-btn:nth-child(3) { transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0s; }\r\n\r\n  .premium-btn:nth-child(1) { transition: all 0.3s ease 0s; }\r\n  .premium-btn:nth-child(2) { transition: all 0.3s ease 0.05s; }\r\n  .premium-btn:nth-child(3) { transition: all 0.3s ease 0.1s; }\r\n\r\n\r\n  \/* ========================================================= *\/\r\n  \/* --- RESPONSIVITAS MOBILE (PERBAIKAN OVERFLOW) --- *\/\r\n  \/* ========================================================= *\/\r\n  @media (max-width: 768px) {\r\n    .premium-navbar {\r\n      padding: 15px 20px;\r\n    }\r\n    \r\n    .premium-logo {\r\n      font-size: 22px;\r\n      letter-spacing: 3px;\r\n    }\r\n    \r\n    \/* KUNCI PERBAIKAN: Matikan position relative di parent kanan agar container link bisa mengambil ukuran full navbar *\/\r\n    .premium-menu-right {\r\n      position: static; \r\n    }\r\n\r\n    \/* Dropdown Vertikal di HP yang pas di layar *\/\r\n    .premium-links-container {\r\n      flex-direction: column;\r\n      top: 100%; \/* Turun ke batas bawah navbar *\/\r\n      left: 0;\r\n      right: 0;\r\n      width: 100%; \/* Lebar pas mengikuti navbar, tidak akan overflow ke kanan *\/\r\n      background-color: rgba(0, 0, 0, 0.95);\r\n      backdrop-filter: blur(10px);\r\n      padding: 30px 20px;\r\n      gap: 20px;\r\n      transform: translateY(-20px);\r\n      border-bottom: 1px solid rgba(0, 240, 255, 0.2);\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transition: all 0.4s ease;\r\n    }\r\n\r\n    .premium-btn {\r\n      width: 100%; \/* Tombol memenuhi lebar container baru *\/\r\n      text-align: center;\r\n      padding: 15px 22px;\r\n      transform: translateY(-20px);\r\n    }\r\n\r\n    .premium-menu-right.active .premium-links-container {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n      visibility: visible;\r\n    }\r\n    \r\n    .premium-menu-right.active .premium-btn {\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .premium-logo {\r\n      font-size: 20px;\r\n      letter-spacing: 2px;\r\n    }\r\n    .premium-burger-btn {\r\n      width: 30px;\r\n    }\r\n    .premium-btn {\r\n      font-size: 14px;\r\n      padding: 12px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"premium-nav-wrapper\">\r\n  <nav class=\"premium-navbar\">\r\n    \r\n    <div class=\"premium-logo\">\r\n      Baby <span>Aliens<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"premium-menu-right\" id=\"premiumMenuController\">\r\n      \r\n      <div class=\"premium-links-container\">\r\n        <a href=\"https:\/\/dexscreener.com\/solana\/7j7U77B27yn6ip5YwQZK41tWKvu3eZrVXep86SQdpump\" class=\"premium-btn\" onclick=\"togglePremiumMenu()\">CHART<\/a>\r\n        <a href=\"https:\/\/t.me\/babyaliensreal\" class=\"premium-btn\" onclick=\"togglePremiumMenu()\">TELEGRAM<\/a>\r\n        <a href=\"https:\/\/x.com\/babyaliensreal\" class=\"premium-btn\" onclick=\"togglePremiumMenu()\">TWITTER<\/a>\r\n      <\/div>\r\n\r\n      <button class=\"premium-burger-btn\" onclick=\"togglePremiumMenu()\">\r\n        <span class=\"premium-burger-line\"><\/span>\r\n        <span class=\"premium-burger-line\"><\/span>\r\n        <span class=\"premium-burger-line\"><\/span>\r\n      <\/button>\r\n      \r\n    <\/div>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<script>\r\n  function togglePremiumMenu() {\r\n    const menu = document.getElementById('premiumMenuController');\r\n    menu.classList.toggle('active');\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2aa6d6 e-con-full e-flex e-con e-parent\" data-id=\"a2aa6d6\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87a66c3 elementor-widget elementor-widget-html\" data-id=\"87a66c3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- Tema Sci-Fi Cinematic & Premium --- *\/\r\n  :root {\r\n    --bg-black: #000000;\r\n    --text-pure: #ffffff;\r\n    --text-muted: #8b9bb4;\r\n    --accent-cyan: #00e5ff;\r\n    --accent-cyan-dim: rgba(0, 229, 255, 0.2);\r\n    --font-primary: 'Darker Grotesque', sans-serif;\r\n  }\r\n\r\n  \/* Reset Dasar *\/\r\n  .hero-cinematic-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh; \/* Tinggi penuh satu layar *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end; \/* Mendorong konten ke bawah *\/\r\n    align-items: center;\r\n    background-color: var(--bg-black);\r\n    font-family: var(--font-primary);\r\n    overflow: hidden;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- Video Background --- *\/\r\n  .hero-video-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* --- Overlay Gradien (Bawah Gelap, Atas Terang) --- *\/\r\n  .hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    \/* Gradien pekat di bawah untuk teks, transparan di atas untuk video *\/\r\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0) 70%);\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Elemen HUD Tambahan (Garis tipis di kiri\/kanan untuk kesan canggih) *\/\r\n  .hud-line-left, .hud-line-right {\r\n    position: absolute;\r\n    bottom: 40px;\r\n    width: 1px;\r\n    height: 150px;\r\n    background: linear-gradient(to top, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n    z-index: 3;\r\n  }\r\n  .hud-line-left { left: 40px; }\r\n  .hud-line-right { right: 40px; }\r\n\r\n  \/* --- Kontainer Konten (Di Bawah) --- *\/\r\n  .hero-content {\r\n    position: relative;\r\n    z-index: 4;\r\n    width: 100%;\r\n    max-width: 1150px;\r\n    padding: 0 30px;\r\n    margin-bottom: 10vh; \/* Jarak dari bawah layar *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* --- Efek Teks Bergerak Premium --- *\/\r\n  .hero-title {\r\n    font-size: 5.5rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 6px;\r\n    line-height: 0.8;\r\n    margin: 0 0 15px 0;\r\n    \r\n    \/* Efek kilap logam\/kaca sci-fi *\/\r\n    background: linear-gradient(\r\n      120deg, \r\n      #ffffff 30%, \r\n      var(--accent-cyan) 45%, \r\n      #ffffff 60%\r\n    );\r\n    background-size: 200% auto;\r\n    color: transparent;\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    \r\n    \/* Animasi pergerakan cahaya yang lebih pelan dan elegan *\/\r\n    animation: cinematic-sweep 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;\r\n    filter: drop-shadow(0 4px 15px rgba(0, 229, 255, 0.2));\r\n  }\r\n\r\n  @keyframes cinematic-sweep {\r\n    0% { background-position: -100% center; }\r\n    100% { background-position: 200% center; }\r\n  }\r\n\r\n  \/* --- Subheading --- *\/\r\n  .hero-subtitle {\r\n    font-size: 1.4rem;\r\n    font-weight: 500;\r\n    color: var(--text-muted);\r\n    letter-spacing: 2px;\r\n    line-height: 1.5;\r\n    max-width: 650px;\r\n    margin: 0 0 40px 0;\r\n    text-shadow: 0 2px 4px rgba(0,0,0,1);\r\n  }\r\n\r\n  \/* --- Tombol CA dengan Aksen Sudut Premium --- *\/\r\n  .ca-action-box {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background-color: rgba(5, 10, 15, 0.4);\r\n    backdrop-filter: blur(8px); \/* Efek kaca buram *\/\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 10px 10px 10px 25px; \/* Kanan padding kecil agar icon pas *\/\r\n    width: 100%;\r\n    max-width: 500px;\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n\r\n    \/* Aksen Sudut Tebal (Sama seperti tombol menu) *\/\r\n    --t: 2px;\r\n    --l: 12px;\r\n    --c: var(--accent-cyan);\r\n    \r\n    background-image: \r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));\r\n      \r\n    background-position: \r\n      0 0, 0 0, \r\n      100% 0, 100% 0, \r\n      0 100%, 0 100%, \r\n      100% 100%, 100% 100%;\r\n      \r\n    background-size: \r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l);\r\n      \r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  \/* Efek Hover Box CA *\/\r\n  .ca-action-box:hover {\r\n    background-color: rgba(0, 229, 255, 0.05);\r\n    border-color: rgba(0, 229, 255, 0.3);\r\n    box-shadow: 0 0 30px rgba(0, 229, 255, 0.1) inset;\r\n    --l: 18px; \/* Sudut memanjang *\/\r\n  }\r\n\r\n  \/* Teks di dalam box CA *\/\r\n  .ca-data-wrap {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    text-align: left;\r\n    gap: 2px;\r\n    width: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .ca-label {\r\n    font-size: 0.75rem;\r\n    font-weight: 800;\r\n    color: var(--accent-cyan);\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .ca-value {\r\n    font-family: monospace;\r\n    font-size: 1.15rem;\r\n    color: var(--text-pure);\r\n    letter-spacing: 1px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis; \/* Agar teks tidak tumpah di HP *\/\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Area Icon Copy *\/\r\n  .ca-copy-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: rgba(255, 255, 255, 0.05);\r\n    padding: 12px;\r\n    border-radius: 2px;\r\n    margin-left: 15px;\r\n    transition: all 0.3s ease;\r\n    border: 1px solid transparent;\r\n  }\r\n\r\n  .ca-copy-icon svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    fill: none;\r\n    stroke: var(--text-pure);\r\n    stroke-width: 2;\r\n    stroke-linecap: square;\r\n    stroke-linejoin: miter;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  \/* Interaksi Icon saat Box di-hover *\/\r\n  .ca-action-box:hover .ca-copy-icon {\r\n    background-color: var(--accent-cyan-dim);\r\n    border-color: rgba(0, 229, 255, 0.3);\r\n  }\r\n\r\n  .ca-action-box:hover .ca-copy-icon svg {\r\n    stroke: var(--accent-cyan);\r\n    filter: drop-shadow(0 0 5px var(--accent-cyan));\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  \/* Efek Visual Saat Berhasil Dicopy *\/\r\n  .ca-action-box.success {\r\n    border-color: #00ff66;\r\n    background-color: rgba(0, 255, 102, 0.1);\r\n    --c: #00ff66;\r\n  }\r\n  .ca-action-box.success .ca-label {\r\n    color: #00ff66;\r\n  }\r\n  .ca-action-box.success .ca-copy-icon svg {\r\n    stroke: #00ff66;\r\n  }\r\n\r\n  \/* --- Responsivitas Mobile --- *\/\r\n  @media (max-width: 768px) {\r\n    .hero-title {\r\n      font-size: 3.5rem;\r\n      letter-spacing: 4px;\r\n    }\r\n    .hero-subtitle {\r\n      font-size: 1.1rem;\r\n      margin-bottom: 30px;\r\n    }\r\n    .hud-line-left, .hud-line-right {\r\n      display: none; \/* Sembunyikan garis HUD di HP agar bersih *\/\r\n    }\r\n    .ca-action-box {\r\n      padding: 10px 10px 10px 20px;\r\n    }\r\n    .ca-value {\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .hero-content {\r\n      margin-bottom: 8vh;\r\n      padding: 0 20px;\r\n    }\r\n    .hero-title {\r\n      font-size: 2.5rem;\r\n      letter-spacing: 2px;\r\n    }\r\n    .hero-subtitle {\r\n      font-size: 0.95rem;\r\n      letter-spacing: 1px;\r\n    }\r\n    .ca-action-box {\r\n      --l: 8px; \/* Sudut lebih pendek di HP *\/\r\n    }\r\n    .ca-label {\r\n      font-size: 0.65rem;\r\n      letter-spacing: 2px;\r\n    }\r\n    .ca-value {\r\n      font-size: 0.85rem;\r\n    }\r\n    .ca-copy-icon {\r\n      padding: 10px;\r\n    }\r\n    .ca-copy-icon svg {\r\n      width: 16px;\r\n      height: 16px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hero-cinematic-wrapper\">\r\n  \r\n  <video class=\"hero-video-bg\" autoplay loop muted playsinline>\r\n    <source src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/BABY-ALIENS-HEAD-BG.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n  \r\n  <div class=\"hero-overlay\"><\/div>\r\n\r\n  <div class=\"hud-line-left\"><\/div>\r\n  <div class=\"hud-line-right\"><\/div>\r\n\r\n  <div class=\"hero-content\">\r\n    \r\n    <h1 class=\"hero-title\">Baby Aliens is real<\/h1>\r\n    <p class=\"hero-subtitle\">What was unseen is now arriving in public awareness.\r\nWhat was unheard is now gaining clarity.<\/p>\r\n    \r\n    <div class=\"ca-action-box\" id=\"caBoxContainer\" onclick=\"copyCinematicCA()\">\r\n      <div class=\"ca-data-wrap\">\r\n        <span class=\"ca-label\" id=\"caTitleText\">Contract Address<\/span>\r\n        <span class=\"ca-value\" id=\"caCodeText\">7j7U77B27yn6ip5YwQZK41tWKvu3eZrVXep86SQdpump<\/span>\r\n      <\/div>\r\n      \r\n      <div class=\"ca-copy-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\"><\/rect>\r\n          <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  function copyCinematicCA() {\r\n    const caCode = document.getElementById('caCodeText').innerText;\r\n    \r\n    navigator.clipboard.writeText(caCode).then(() => {\r\n      const boxContainer = document.getElementById('caBoxContainer');\r\n      const titleText = document.getElementById('caTitleText');\r\n      const originalTitle = \"Contract Address\";\r\n      \r\n      \/\/ Tambahkan class success untuk ubah warna ke hijau neon\r\n      boxContainer.classList.add('success');\r\n      titleText.innerText = \"COPIED SUCCESSFULLY!\";\r\n      \r\n      \/\/ Reset kembali setelah 2 detik\r\n      setTimeout(() => {\r\n        boxContainer.classList.remove('success');\r\n        titleText.innerText = originalTitle;\r\n      }, 2000);\r\n      \r\n    }).catch(err => {\r\n      console.error('Copy failed: ', err);\r\n    });\r\n  }\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66f06c3 e-con-full e-flex e-con e-parent\" data-id=\"66f06c3\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a849a elementor-widget elementor-widget-html\" data-id=\"d6a849a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- Tema Sci-Fi Minimalis & Elegan --- *\/\r\n  :root {\r\n    --bg-pure-black: #000000;\r\n    --text-white: #ffffff;\r\n    --text-muted: #8b9bb4;\r\n    --accent-neon: #00e5ff;\r\n    --font-primary: 'Darker Grotesque', sans-serif;\r\n  }\r\n\r\n  \/* Reset Wrapper Section *\/\r\n  .about-premium-wrapper {\r\n    background-color: var(--bg-pure-black);\r\n    width: 100%;\r\n    \/* Padding atas bawah yang besar untuk kesan lega (minimalis) *\/\r\n    padding: 100px 5%; \r\n    font-family: var(--font-primary);\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Efek cahaya ambient yang sangat tipis di background *\/\r\n  .about-premium-wrapper::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 0;\r\n    width: 40vw;\r\n    height: 40vw;\r\n    background: radial-gradient(circle, rgba(0, 229, 255, 0.03) 0%, transparent 70%);\r\n    transform: translateY(-50%);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Container Utama Layout *\/\r\n  .about-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- Bagian Kiri: Teks --- *\/\r\n  .about-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  \/* Label\/Badge kecil di atas judul *\/\r\n  .about-badge {\r\n    color: var(--accent-neon);\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    letter-spacing: 4px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .about-badge::before {\r\n    content: '';\r\n    display: block;\r\n    width: 30px;\r\n    height: 1px;\r\n    background-color: var(--accent-neon);\r\n  }\r\n\r\n  \/* Judul Section *\/\r\n  .about-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    color: var(--text-white);\r\n    line-height: 1.1;\r\n    margin: 0 0 30px 0;\r\n    letter-spacing: 2px;\r\n  }\r\n\r\n  \/* Paragraf Utama *\/\r\n  .about-text {\r\n    font-size: 1.6rem;\r\n    font-weight: 500;\r\n    color: var(--text-muted);\r\n    line-height: 1.5;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Penekanan kalimat terakhir *\/\r\n  .about-text .highlight {\r\n    color: var(--text-white);\r\n    font-weight: 600;\r\n    display: block;\r\n    margin-top: 15px;\r\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);\r\n  }\r\n\r\n  \/* --- Bagian Kanan: Gambar --- *\/\r\n  .about-image-wrapper {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Gambar Alien *\/\r\n  .about-image {\r\n    width: 100%;\r\n    max-width: 450px;\r\n    height: auto;\r\n    \/* Animasi melayang yang halus *\/\r\n    animation: float-alien 6s ease-in-out infinite;\r\n    \/* Memberikan efek bayangan neon tipis mengikuti bentuk gambar *\/\r\n    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 15px rgba(0, 229, 255, 0.1));\r\n  }\r\n\r\n  \/* Keyframes Animasi Floating *\/\r\n  @keyframes float-alien {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-20px); } \/* Bergerak naik sedikit *\/\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n  \/* Ornamen HUD Minimalis di area gambar *\/\r\n  .hud-cross {\r\n    position: absolute;\r\n    width: 15px;\r\n    height: 15px;\r\n    opacity: 0.3;\r\n  }\r\n  .hud-cross::before, .hud-cross::after {\r\n    content: '';\r\n    position: absolute;\r\n    background-color: var(--accent-neon);\r\n  }\r\n  .hud-cross::before { top: 7px; left: 0; width: 15px; height: 1px; }\r\n  .hud-cross::after { left: 7px; top: 0; width: 1px; height: 15px; }\r\n\r\n  .hud-top-left { top: 0; left: 0; }\r\n  .hud-bottom-right { bottom: 0; right: 0; }\r\n\r\n\r\n  \/* --- Responsivitas Mobile --- *\/\r\n  @media (max-width: 992px) {\r\n    .about-container {\r\n      flex-direction: column-reverse; \/* Gambar di atas, teks di bawah pada mobile *\/\r\n      text-align: center;\r\n      gap: 40px;\r\n    }\r\n    .about-content {\r\n      align-items: center;\r\n    }\r\n    .about-badge::before {\r\n      display: none; \/* Hilangkan garis badge di tengah *\/\r\n    }\r\n    .about-title {\r\n      font-size: 3rem;\r\n    }\r\n    .about-text {\r\n      font-size: 1.3rem;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .about-premium-wrapper {\r\n      padding: 80px 20px;\r\n    }\r\n    .about-title {\r\n      font-size: 2.2rem;\r\n    }\r\n    .about-text {\r\n      font-size: 1.1rem;\r\n    }\r\n    .about-image {\r\n      max-width: 300px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"about-premium-wrapper\">\r\n  <div class=\"about-container\">\r\n    \r\n    <div class=\"about-content\">\r\n      <div class=\"about-badge\">The Narrative<\/div>\r\n      <h2 class=\"about-title\">The Moment of Disclosure<\/h2>\r\n      <p class=\"about-text\">\r\n        For years, hidden assumptions and unanswered questions surrounded what lies beyond our world.\r\n\r\nNow, a new chapter unfolds.\r\n\r\nA presence once speculative is now part of open dialogue.\r\n\r\n        <span class=\"highlight\">This changes how we see the skies and where we look next.<\/span>\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"about-image-wrapper\">\r\n      <div class=\"hud-cross hud-top-left\"><\/div>\r\n      <div class=\"hud-cross hud-bottom-right\"><\/div>\r\n      \r\n      <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/ABOUTALIENS-ezgif.com-gif-maker-1.gif\" alt=\"Baby Alien Origin\" class=\"about-image\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c1fb8e e-con-full e-flex e-con e-parent\" data-id=\"1c1fb8e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43797ef elementor-widget elementor-widget-html\" data-id=\"43797ef\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- Tema Sci-Fi Timeline Premium --- *\/\r\n  :root {\r\n    --bg-pure-black: #000000;\r\n    --text-white: #ffffff;\r\n    --text-muted: #8b9bb4;\r\n    --accent-neon: #00e5ff;\r\n    --accent-dim: rgba(0, 229, 255, 0.1);\r\n    --font-primary: 'Darker Grotesque', sans-serif;\r\n  }\r\n\r\n  .htb-section {\r\n    background-color: var(--bg-pure-black);\r\n    padding: 100px 5%;\r\n    font-family: var(--font-primary);\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: var(--text-white);\r\n  }\r\n\r\n  \/* Judul Section *\/\r\n  .htb-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .htb-title {\r\n    font-size: 3.5rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    margin: 0;\r\n  }\r\n\r\n  .htb-title span {\r\n    color: var(--accent-neon);\r\n    text-shadow: 0 0 15px rgba(0, 229, 255, 0.4);\r\n  }\r\n\r\n  \/* --- Container Timeline --- *\/\r\n  .timeline-container {\r\n    max-width: 1000px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Garis Tengah (Energy Beam) *\/\r\n  .timeline-line {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 50%;\r\n    width: 2px;\r\n    background: linear-gradient(to bottom, transparent, var(--accent-neon), var(--accent-neon), transparent);\r\n    transform: translateX(-50%);\r\n    box-shadow: 0 0 10px var(--accent-neon);\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* --- Item Timeline (Kartu Langkah) --- *\/\r\n  .timeline-item {\r\n    position: relative;\r\n    width: 50%;\r\n    padding: 20px 40px;\r\n    box-sizing: border-box;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* Posisi Kiri dan Kanan *\/\r\n  .timeline-item.left {\r\n    left: 0;\r\n    text-align: right;\r\n  }\r\n  \r\n  .timeline-item.right {\r\n    left: 50%;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Titik Node (Radar blip) di Garis Tengah *\/\r\n  .timeline-node {\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 16px;\r\n    height: 16px;\r\n    background-color: var(--bg-pure-black);\r\n    border: 2px solid var(--accent-neon);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 3;\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .timeline-item.left .timeline-node { right: -40px; left: auto; transform: translateY(-50%); }\r\n  .timeline-item.right .timeline-node { left: 0; transform: translate(-50%, -50%); }\r\n\r\n  \/* --- Desain Kotak Konten (Card) --- *\/\r\n  .timeline-content {\r\n    background-color: rgba(5, 10, 15, 0.7);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding: 30px;\r\n    position: relative;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    cursor: default;\r\n    overflow: hidden;\r\n\r\n    \/* Aksen Sudut Premium (Mirip CA Box) *\/\r\n    --t: 2px;\r\n    --l: 15px;\r\n    --c: rgba(255, 255, 255, 0.2);\r\n    \r\n    background-image: \r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));\r\n    background-position: 0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%;\r\n    background-size: var(--l) var(--t), var(--t) var(--l);\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  \/* Watermark Angka Besar di Background Card *\/\r\n  .step-number-bg {\r\n    position: absolute;\r\n    font-size: 8rem;\r\n    font-weight: 900;\r\n    color: rgba(255, 255, 255, 0.03);\r\n    top: -20px;\r\n    right: 10px;\r\n    line-height: 1;\r\n    pointer-events: none;\r\n    transition: all 0.4s ease;\r\n  }\r\n  .timeline-item.left .step-number-bg { right: auto; left: 10px; } \/* Pindah angka ke kiri untuk card yg di kiri *\/\r\n\r\n  .step-title {\r\n    font-size: 1.8rem;\r\n    font-weight: 700;\r\n    color: var(--text-white);\r\n    margin: 0 0 10px 0;\r\n    letter-spacing: 1px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .step-desc {\r\n    font-size: 1.15rem;\r\n    font-weight: 500;\r\n    color: var(--text-muted);\r\n    line-height: 1.5;\r\n    margin: 0;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- Efek Interaktif (Hover) --- *\/\r\n  .timeline-item:hover .timeline-content {\r\n    transform: translateY(-5px);\r\n    border-color: rgba(0, 229, 255, 0.3);\r\n    background-color: var(--accent-dim);\r\n    box-shadow: 0 10px 30px rgba(0, 229, 255, 0.05);\r\n    \/* Sudut menyala cyan *\/\r\n    --c: var(--accent-neon); \r\n    --l: 25px;\r\n  }\r\n\r\n  .timeline-item:hover .timeline-node {\r\n    background-color: var(--accent-neon);\r\n    box-shadow: 0 0 15px var(--accent-neon), 0 0 30px var(--accent-neon);\r\n    transform: translate(-50%, -50%) scale(1.3);\r\n  }\r\n  .timeline-item.left:hover .timeline-node { transform: translateY(-50%) scale(1.3); } \/* Fix khusus untuk node kiri *\/\r\n\r\n  .timeline-item:hover .step-title {\r\n    color: var(--accent-neon);\r\n    text-shadow: 0 0 10px rgba(0, 229, 255, 0.4);\r\n  }\r\n\r\n  .timeline-item:hover .step-number-bg {\r\n    color: rgba(0, 229, 255, 0.08);\r\n    transform: scale(1.1);\r\n  }\r\n\r\n\r\n  \/* --- Responsivitas Mobile --- *\/\r\n  @media (max-width: 900px) {\r\n    .htb-title {\r\n      font-size: 2.8rem;\r\n    }\r\n    \r\n    \/* Mengubah layout berselang-seling menjadi satu baris di kiri *\/\r\n    .timeline-line {\r\n      left: 30px;\r\n    }\r\n    \r\n    .timeline-item.left, \r\n    .timeline-item.right {\r\n      width: 100%;\r\n      left: 0;\r\n      padding: 20px 0 20px 70px; \/* Memberi ruang untuk garis di kiri *\/\r\n      text-align: left; \/* Semua teks rata kiri *\/\r\n    }\r\n\r\n    \/* Menyesuaikan posisi node untuk semua item *\/\r\n    .timeline-node,\r\n    .timeline-item.left .timeline-node,\r\n    .timeline-item.right .timeline-node {\r\n      left: 30px;\r\n      right: auto;\r\n      transform: translate(-50%, -50%);\r\n    }\r\n\r\n    \/* Hover fix node mobile *\/\r\n    .timeline-item.left:hover .timeline-node,\r\n    .timeline-item.right:hover .timeline-node {\r\n      transform: translate(-50%, -50%) scale(1.3);\r\n    }\r\n\r\n    \/* Pindah semua watermark angka ke kanan di mobile *\/\r\n    .step-number-bg,\r\n    .timeline-item.left .step-number-bg {\r\n      left: auto;\r\n      right: 10px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .htb-section {\r\n      padding: 70px 20px;\r\n    }\r\n    .htb-title {\r\n      font-size: 2.2rem;\r\n      letter-spacing: 1px;\r\n    }\r\n    .timeline-line {\r\n      left: 20px;\r\n    }\r\n    .timeline-item.left, \r\n    .timeline-item.right {\r\n      padding: 15px 0 15px 50px;\r\n    }\r\n    .timeline-node,\r\n    .timeline-item.left .timeline-node,\r\n    .timeline-item.right .timeline-node {\r\n      left: 20px;\r\n    }\r\n    .timeline-content {\r\n      padding: 20px;\r\n    }\r\n    .step-title {\r\n      font-size: 1.4rem;\r\n    }\r\n    .step-desc {\r\n      font-size: 1rem;\r\n    }\r\n    .step-number-bg {\r\n      font-size: 6rem;\r\n      top: -10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"htb-section\">\r\n  \r\n  <div class=\"htb-header\">\r\n    <h2 class=\"htb-title\">How To Buy <span>$BabyAliens<\/span><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"timeline-container\">\r\n    <div class=\"timeline-line\"><\/div>\r\n\r\n    <div class=\"timeline-item left\">\r\n      <div class=\"timeline-node\"><\/div>\r\n      <div class=\"timeline-content\">\r\n        <div class=\"step-number-bg\">1<\/div>\r\n        <h3 class=\"step-title\">Create a Wallet<\/h3>\r\n        <p class=\"step-desc\">Download a trusted wallet and set it up securely.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item right\">\r\n      <div class=\"timeline-node\"><\/div>\r\n      <div class=\"timeline-content\">\r\n        <div class=\"step-number-bg\">2<\/div>\r\n        <h3 class=\"step-title\">Add Base Currency<\/h3>\r\n        <p class=\"step-desc\">Fund your wallet with the required network token.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item left\">\r\n      <div class=\"timeline-node\"><\/div>\r\n      <div class=\"timeline-content\">\r\n        <div class=\"step-number-bg\">3<\/div>\r\n        <h3 class=\"step-title\">Connect to DEX<\/h3>\r\n        <p class=\"step-desc\">Open a decentralized exchange and connect your wallet.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline-item right\">\r\n      <div class=\"timeline-node\"><\/div>\r\n      <div class=\"timeline-content\">\r\n        <div class=\"step-number-bg\">4<\/div>\r\n        <h3 class=\"step-title\">Swap for $BabyAliens<\/h3>\r\n        <p class=\"step-desc\">Paste the official contract address and confirm the swap.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1219f65 e-con-full e-flex e-con e-parent\" data-id=\"1219f65\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ee911d elementor-widget elementor-widget-html\" data-id=\"3ee911d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n  \/* --- Tema Sci-Fi Marquee Gallery (3 Kolom) --- *\/\n  :root {\n    --bg-pure-black: #000000;\n    --text-white: #ffffff;\n    --accent-neon: #00e5ff;\n    --font-primary: 'Darker Grotesque', sans-serif;\n  }\n\n  .marquee-section {\n    background-color: var(--bg-pure-black);\n    padding: 80px 0;\n    font-family: var(--font-primary);\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n  }\n\n  \/* --- Header --- *\/\n  .gallery-header {\n    text-align: center;\n    margin-bottom: 50px;\n    padding: 0 20px;\n    position: relative;\n    z-index: 10;\n  }\n\n  .gallery-title {\n    font-size: 3rem;\n    font-weight: 800;\n    color: var(--text-white);\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    margin: 0;\n  }\n\n  .gallery-title span {\n    color: var(--accent-neon);\n    text-shadow: 0 0 15px rgba(0, 229, 255, 0.4);\n  }\n\n  .gallery-header::after {\n    content: '';\n    display: block;\n    width: 60px;\n    height: 3px;\n    background-color: var(--accent-neon);\n    margin: 15px auto 0;\n    box-shadow: 0 0 10px var(--accent-neon);\n  }\n\n  \/* --- Marquee Wrapper --- *\/\n  .marquee-wrapper {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: 2vw; \n    width: 100%;\n    overflow: hidden;\n  }\n\n  \/* --- Fade Hitam Kiri & Kanan --- *\/\n  .fade-left, .fade-right {\n    position: absolute;\n    top: 0; bottom: 0;\n    width: 15%; \n    z-index: 5;\n    pointer-events: none;\n  }\n  .fade-left { left: 0; background: linear-gradient(to right, var(--bg-pure-black) 0%, transparent 100%); }\n  .fade-right { right: 0; background: linear-gradient(to left, var(--bg-pure-black) 0%, transparent 100%); }\n\n  \/* --- Track & Animasi --- *\/\n  .marquee-track {\n    display: flex;\n    width: max-content;\n  }\n  \n  .move-left { animation: scroll-left 35s linear infinite; }\n  .move-right { animation: scroll-right 35s linear infinite; }\n\n  .marquee-wrapper:hover .move-left,\n  .marquee-wrapper:hover .move-right {\n    animation-play-state: paused;\n  }\n\n  @keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n  @keyframes scroll-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }\n\n  \/* --- Pengaturan Ukuran Gambar --- *\/\n  .marquee-item {\n    display: flex;\n    gap: 1.5vw;\n    padding: 0 0.75vw; \n    align-items: center;\n  }\n\n  .gallery-img {\n    width: 32vw; \n    height: auto;\n    aspect-ratio: 1 \/ 1; \n    object-fit: cover;\n    border-radius: 12px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    transition: all 0.4s ease;\n    cursor: pointer;\n    filter: brightness(0.8) grayscale(30%);\n  }\n\n  \/* Efek Hover *\/\n  .gallery-img:hover {\n    filter: brightness(1.1) grayscale(0%);\n    border-color: var(--accent-neon);\n    box-shadow: 0 0 25px rgba(0, 229, 255, 0.25);\n    transform: scale(1.05);\n    z-index: 2;\n  }\n\n  \/* --- Responsivitas --- *\/\n  @media (max-width: 900px) {\n    .gallery-title { font-size: 2.2rem; }\n    .gallery-img { border-radius: 8px; }\n  }\n\n  @media (max-width: 480px) {\n    .marquee-section { padding: 60px 0; }\n    .gallery-title { font-size: 1.8rem; }\n    .gallery-img {\n      width: 46vw;\n      border-radius: 6px;\n    }\n    .marquee-item { gap: 10px; padding: 0 5px; }\n    .marquee-wrapper { gap: 15px; }\n    .fade-left, .fade-right { width: 10%; }\n  }\n<\/style>\n\n<section class=\"marquee-section\">\n  \n  <div class=\"gallery-header\">\n    <h2 class=\"gallery-title\">This Is the Proof <span>Baby Aliens<\/span> Exist<\/h2>\n  <\/div>\n\n  <div class=\"marquee-wrapper\">\n    \n    <div class=\"fade-left\"><\/div>\n    <div class=\"fade-right\"><\/div>\n\n    <div class=\"marquee-track move-right\">\n      <div class=\"marquee-item\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-8.png\" class=\"gallery-img\" alt=\"Alien 1\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_6255l96255l96255-1.png\" class=\"gallery-img\" alt=\"Alien 2\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-10.png\" class=\"gallery-img\" alt=\"Alien 3\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-11.png\" class=\"gallery-img\" alt=\"Alien 4\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-12.png\" class=\"gallery-img\" alt=\"Alien 5\">\n      <\/div>\n      <div class=\"marquee-item\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-8.png\" class=\"gallery-img\" alt=\"Alien 1\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_6255l96255l96255-1.png\" class=\"gallery-img\" alt=\"Alien 2\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-10.png\" class=\"gallery-img\" alt=\"Alien 3\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-11.png\" class=\"gallery-img\" alt=\"Alien 4\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-12.png\" class=\"gallery-img\" alt=\"Alien 5\">\n      <\/div>\n    <\/div>\n\n    <div class=\"marquee-track move-left\">\n      <div class=\"marquee-item\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-12.png\" class=\"gallery-img\" alt=\"Alien 5\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-11.png\" class=\"gallery-img\" alt=\"Alien 4\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-10.png\" class=\"gallery-img\" alt=\"Alien 3\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_6255l96255l96255-1.png\" class=\"gallery-img\" alt=\"Alien 2\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-8.png\" class=\"gallery-img\" alt=\"Alien 1\">\n      <\/div>\n      <div class=\"marquee-item\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-12.png\" class=\"gallery-img\" alt=\"Alien 5\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-11.png\" class=\"gallery-img\" alt=\"Alien 4\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-10.png\" class=\"gallery-img\" alt=\"Alien 3\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_6255l96255l96255-1.png\" class=\"gallery-img\" alt=\"Alien 2\">\n        <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-8.png\" class=\"gallery-img\" alt=\"Alien 1\">\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a86304 e-con-full e-flex e-con e-parent\" data-id=\"1a86304\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7209f4 elementor-widget elementor-widget-html\" data-id=\"e7209f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- Tema Sci-Fi Join Community --- *\/\r\n  :root {\r\n    --bg-pure-black: #000000;\r\n    --text-white: #ffffff;\r\n    --text-muted: #8b9bb4;\r\n    --accent-neon: #00e5ff;\r\n    --font-primary: 'Darker Grotesque', sans-serif;\r\n  }\r\n\r\n  .join-section {\r\n    background-color: var(--bg-pure-black);\r\n    padding: 120px 5%;\r\n    font-family: var(--font-primary);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  }\r\n\r\n  \/* Efek Latar Belakang *\/\r\n  .join-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background-image: \r\n      linear-gradient(rgba(0, 229, 255, 0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(0, 229, 255, 0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  \/* --- Container Utama --- *\/\r\n  .join-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 60px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- Bagian Kiri: Gambar --- *\/\r\n  .join-image-wrap {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  .join-image-wrap::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    background: radial-gradient(circle, rgba(0, 229, 255, 0.15) 0%, transparent 70%);\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 1;\r\n    filter: blur(20px);\r\n    animation: pulse-glow 4s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes pulse-glow {\r\n    0% { opacity: 0.5; transform: translate(-50%, -50%) scale(0.9); }\r\n    100% { opacity: 1; transform: translate(-50%, -50%) scale(1.1); }\r\n  }\r\n\r\n  .join-image {\r\n    width: 100%;\r\n    max-width: 480px;\r\n    height: auto;\r\n    position: relative;\r\n    z-index: 2;\r\n    animation: float-alien 6s ease-in-out infinite;\r\n    filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.8));\r\n  }\r\n\r\n  @keyframes float-alien {\r\n    0% { transform: translateY(0px); }\r\n    50% { transform: translateY(-15px); }\r\n    100% { transform: translateY(0px); }\r\n  }\r\n\r\n\r\n  \/* --- Bagian Kanan: Teks & Tombol --- *\/\r\n  .join-content {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .join-title {\r\n    font-size: 4.5rem;\r\n    font-weight: 900;\r\n    color: var(--text-white);\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    line-height: 1.1;\r\n    margin: 0 0 25px 0;\r\n  }\r\n\r\n  .join-title span {\r\n    color: var(--accent-neon);\r\n    text-shadow: 0 0 20px rgba(0, 229, 255, 0.4);\r\n    display: block;\r\n  }\r\n\r\n  .join-desc {\r\n    font-size: 1.35rem;\r\n    font-weight: 500;\r\n    color: var(--text-muted);\r\n    line-height: 1.6;\r\n    margin: 0 0 40px 0;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .join-desc strong {\r\n    color: var(--text-white);\r\n    font-weight: 700;\r\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);\r\n  }\r\n\r\n  .join-buttons-wrap {\r\n    display: flex;\r\n    gap: 20px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cta-btn {\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 1.1rem;\r\n    letter-spacing: 3px;\r\n    color: var(--text-white);\r\n    padding: 14px 35px;\r\n    position: relative;\r\n    background-color: transparent;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    transition: all 0.4s ease;\r\n    text-transform: uppercase;\r\n    text-align: center;\r\n    min-width: 160px;\r\n\r\n    --t: 2px;\r\n    --l: 12px;\r\n    --c: var(--accent-neon);\r\n    background-image: \r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c)),\r\n      linear-gradient(var(--c), var(--c)), linear-gradient(var(--c), var(--c));\r\n    background-position: \r\n      0 0, 0 0, 100% 0, 100% 0, 0 100%, 0 100%, 100% 100%, 100% 100%;\r\n    background-size: \r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l),\r\n      var(--l) var(--t), var(--t) var(--l);\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  .cta-btn:hover {\r\n    background-color: rgba(0, 229, 255, 0.08);\r\n    border-color: rgba(0, 229, 255, 0.4);\r\n    box-shadow: 0 0 25px rgba(0, 229, 255, 0.2) inset, 0 0 15px rgba(0, 229, 255, 0.1);\r\n    color: var(--text-white);\r\n    text-shadow: 0 0 8px rgba(255, 255, 255, 0.8);\r\n    --l: 20px;\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  \/* --- Responsivitas Mobile --- *\/\r\n  @media (max-width: 992px) {\r\n    .join-container {\r\n      \/* Menggunakan column-reverse agar Teks tetap di atas dan Gambar di bawah saat di HP *\/\r\n      flex-direction: column-reverse; \r\n      text-align: center;\r\n      gap: 60px;\r\n    }\r\n    .join-content {\r\n      align-items: center;\r\n    }\r\n    .join-desc {\r\n      margin: 0 auto 35px auto;\r\n    }\r\n    .join-buttons-wrap {\r\n      justify-content: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .join-section {\r\n      padding: 80px 20px;\r\n    }\r\n    .join-title {\r\n      font-size: 3rem;\r\n    }\r\n    .join-desc {\r\n      font-size: 1.1rem;\r\n    }\r\n    .cta-btn {\r\n      width: 100%;\r\n      min-width: unset;\r\n      padding: 12px 20px;\r\n    }\r\n    .join-buttons-wrap {\r\n      width: 100%;\r\n      flex-direction: column;\r\n      gap: 15px;\r\n    }\r\n    .join-image {\r\n      max-width: 320px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"join-section\">\r\n  <div class=\"join-container\">\r\n    \r\n    <div class=\"join-image-wrap\">\r\n      <img decoding=\"async\" src=\"http:\/\/babyaliens.fun\/wp-content\/uploads\/2026\/02\/Asset-13.png\" alt=\"Join Baby Aliens\" class=\"join-image\">\r\n    <\/div>\r\n\r\n    <div class=\"join-content\">\r\n      <h2 class=\"join-title\">Join <span>Baby Aliens.<\/span><\/h2>\r\n      <p class=\"join-desc\">\r\n        Connect with other believers, explorers, and Cosmic Orphans. Share theories. Share memes. Watch the universe expand. Stay close. <strong>The saucers are hovering.<\/strong>\r\n      <\/p>\r\n      \r\n      <div class=\"join-buttons-wrap\">\r\n        <a href=\"https:\/\/x.com\/babyaliensreal\" class=\"cta-btn\">TWITTER<\/a>\r\n        <a href=\"https:\/\/t.me\/babyaliensreal\" class=\"cta-btn\">TELEGRAM<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f05721 e-con-full e-flex e-con e-parent\" data-id=\"3f05721\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73a62ea elementor-widget elementor-widget-html\" data-id=\"73a62ea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Darker+Grotesque:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* --- Tema Sci-Fi Footer Premium --- *\/\r\n  :root {\r\n    --bg-pure-black: #000000;\r\n    --text-white: #ffffff;\r\n    --text-muted: #6b7c93; \/* Abu-abu yang lebih gelap untuk footer *\/\r\n    --accent-neon: #00e5ff;\r\n    --font-primary: 'Darker Grotesque', sans-serif;\r\n  }\r\n\r\n  .premium-footer {\r\n    background-color: var(--bg-pure-black);\r\n    font-family: var(--font-primary);\r\n    position: relative;\r\n    border-top: 1px solid rgba(0, 229, 255, 0.1);\r\n    padding: 80px 5% 30px 5%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Pendaran cahaya sangat redup di tengah atas footer *\/\r\n  .premium-footer::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 300px; height: 1px;\r\n    background: var(--accent-neon);\r\n    box-shadow: 0 0 20px 5px rgba(0, 229, 255, 0.2);\r\n    z-index: 1;\r\n  }\r\n\r\n  .footer-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 60px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* --- Kolom Kiri: Brand & Disclaimer --- *\/\r\n  .footer-brand-col {\r\n    flex: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n\r\n  .footer-logo {\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    color: var(--text-white);\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    margin: 0 0 15px 0;\r\n  }\r\n\r\n  .footer-logo span {\r\n    color: var(--accent-neon);\r\n  }\r\n\r\n  .footer-desc {\r\n    font-size: 1.1rem;\r\n    font-weight: 500;\r\n    color: var(--text-muted);\r\n    line-height: 1.5;\r\n    margin: 0 0 20px 0;\r\n    max-width: 400px;\r\n  }\r\n\r\n  .footer-disclaimer {\r\n    font-size: 0.9rem;\r\n    color: rgba(107, 124, 147, 0.6); \/* Sangat redup *\/\r\n    line-height: 1.4;\r\n    max-width: 500px;\r\n    border-left: 2px solid rgba(0, 229, 255, 0.2);\r\n    padding-left: 15px;\r\n  }\r\n\r\n  \/* --- Kolom Kanan: Navigasi & Sosial --- *\/\r\n  .footer-links-col {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 80px;\r\n  }\r\n\r\n  .footer-nav-group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .footer-nav-title {\r\n    font-size: 1.2rem;\r\n    font-weight: 800;\r\n    color: var(--text-white);\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .footer-link {\r\n    text-decoration: none;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    color: var(--text-muted);\r\n    letter-spacing: 1px;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    width: max-content;\r\n  }\r\n\r\n  .footer-link::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -2px; left: 0;\r\n    width: 0%;\r\n    height: 1px;\r\n    background-color: var(--accent-neon);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .footer-link:hover {\r\n    color: var(--text-white);\r\n    text-shadow: 0 0 8px rgba(0, 229, 255, 0.4);\r\n  }\r\n\r\n  .footer-link:hover::after {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* --- Bagian Bawah: Copyright --- *\/\r\n  .footer-bottom {\r\n    max-width: 1100px;\r\n    margin: 60px auto 0;\r\n    padding-top: 20px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .copyright-text {\r\n    font-size: 1rem;\r\n    color: var(--text-muted);\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .status-text {\r\n    font-size: 0.9rem;\r\n    color: var(--accent-neon);\r\n    font-family: monospace;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* Blinking dot untuk status *\/\r\n  .status-text::after {\r\n    content: '';\r\n    display: inline-block;\r\n    width: 8px; height: 8px;\r\n    background-color: var(--accent-neon);\r\n    border-radius: 50%;\r\n    margin-left: 8px;\r\n    animation: blink-status 1.5s infinite;\r\n  }\r\n\r\n  @keyframes blink-status {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.2; }\r\n  }\r\n\r\n\r\n  \/* --- Responsivitas Mobile --- *\/\r\n  @media (max-width: 900px) {\r\n    .footer-container {\r\n      flex-direction: column;\r\n      gap: 40px;\r\n    }\r\n    .footer-brand-col {\r\n      align-items: center;\r\n      text-align: center;\r\n    }\r\n    .footer-desc {\r\n      margin: 0 auto 20px auto;\r\n    }\r\n    .footer-disclaimer {\r\n      border-left: none;\r\n      border-top: 2px solid rgba(0, 229, 255, 0.2);\r\n      padding-left: 0;\r\n      padding-top: 15px;\r\n      text-align: center;\r\n      margin: 0 auto;\r\n    }\r\n    .footer-links-col {\r\n      width: 100%;\r\n      justify-content: center;\r\n      gap: 50px;\r\n    }\r\n    .footer-nav-group {\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .premium-footer {\r\n      padding: 60px 20px 20px 20px;\r\n    }\r\n    .footer-logo {\r\n      font-size: 1.8rem;\r\n    }\r\n    .footer-links-col {\r\n      flex-direction: column;\r\n      gap: 30px;\r\n    }\r\n    .footer-bottom {\r\n      flex-direction: column;\r\n      gap: 15px;\r\n      text-align: center;\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"premium-footer\">\r\n  <div class=\"footer-container\">\r\n    \r\n    <div class=\"footer-brand-col\">\r\n      <div class=\"footer-logo\">Baby <span>Aliens<\/span><\/div>\r\n      <p class=\"footer-desc\">The Cosmic Orphans have landed. Not lost \u2014 just searching for a new sky.<\/p>\r\n      \r\n      <div class=\"footer-disclaimer\">\r\n        Disclaimer: Cryptocurrency is highly volatile. $BabyAliens is a token created for entertainment and community purposes. Please do your own research (DYOR) before interacting with any smart contract.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"footer-links-col\">\r\n      \r\n      <div class=\"footer-nav-group\">\r\n        <div class=\"footer-nav-title\">Explore<\/div>\r\n        <a href=\"#about\" class=\"footer-link\">Origins<\/a>\r\n        <a href=\"#how-to-buy\" class=\"footer-link\">How to Buy<\/a>\r\n        <a href=\"#gallery\" class=\"footer-link\">The Evidence<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"footer-nav-group\">\r\n        <div class=\"footer-nav-title\">Comms<\/div>\r\n        <a href=\"https:\/\/x.com\/babyaliensreal\" class=\"footer-link\">Twitter \/ X<\/a>\r\n        <a href=\"https:\/\/t.me\/babyaliensreal\" class=\"footer-link\">Telegram<\/a>\r\n        <a href=\"https:\/\/dexscreener.com\/solana\/7j7U77B27yn6ip5YwQZK41tWKvu3eZrVXep86SQdpump\" class=\"footer-link\">DexScreener<\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    <div class=\"copyright-text\">&copy; 2026 Baby Aliens Is Real. All rights reserved.<\/div>\r\n    <div class=\"status-text\">BABY ALIENS ARE REAL<\/div>\r\n  <\/div>\r\n<\/footer>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5339bfd elementor-widget elementor-widget-html\" data-id=\"5339bfd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<canvas id=\"scifi-particle-bg\"><\/canvas>\r\n\r\n<style>\r\n  \/* --- Pengaturan CSS Background Partikel --- *\/\r\n  #scifi-particle-bg {\r\n    position: fixed; \/* Membuatnya tetap di layar walau di-scroll *\/\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: 2; \/* Memastikan posisinya berada di paling belakang semua section *\/\r\n    pointer-events: none; \/* Mengizinkan interaksi mouse dengan partikel *\/\r\n  }\r\n\r\n  \/* Pastikan body dan html tidak memiliki margin yang menggeser canvas *\/\r\n  body, html {\r\n    margin: 0;\r\n    padding: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ --- Script Logika Partikel Vanilla JS ---\r\n  const canvas = document.getElementById('scifi-particle-bg');\r\n  const ctx = canvas.getContext('2d');\r\n\r\n  let particlesArray = [];\r\n  \r\n  \/\/ Mengatur ukuran canvas agar pas dengan layar\r\n  canvas.width = window.innerWidth;\r\n  canvas.height = window.innerHeight;\r\n\r\n  \/\/ Interaksi Mouse\r\n  let mouse = {\r\n    x: null,\r\n    y: null,\r\n    radius: 150 \/\/ Radius interaksi mouse dengan partikel\r\n  }\r\n\r\n  window.addEventListener('mousemove', function(event) {\r\n    mouse.x = event.x;\r\n    mouse.y = event.y;\r\n  });\r\n\r\n  window.addEventListener('mouseout', function() {\r\n    mouse.x = undefined;\r\n    mouse.y = undefined;\r\n  });\r\n\r\n  \/\/ Saat ukuran layar berubah (responsif)\r\n  window.addEventListener('resize', function() {\r\n    canvas.width = window.innerWidth;\r\n    canvas.height = window.innerHeight;\r\n    init(); \/\/ Reset partikel saat ukuran layar berubah\r\n  });\r\n\r\n  \/\/ Membuat Class Partikel\r\n  class Particle {\r\n    constructor(x, y, directionX, directionY, size, color) {\r\n      this.x = x;\r\n      this.y = y;\r\n      this.directionX = directionX;\r\n      this.directionY = directionY;\r\n      this.size = size;\r\n      this.color = color;\r\n    }\r\n\r\n    \/\/ Metode untuk menggambar partikel\r\n    draw() {\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2, false);\r\n      ctx.fillStyle = this.color;\r\n      ctx.fill();\r\n    }\r\n\r\n    \/\/ Metode untuk menggerakkan partikel\r\n    update() {\r\n      \/\/ Pantulkan partikel jika menyentuh pinggir layar\r\n      if (this.x > canvas.width || this.x < 0) {\r\n        this.directionX = -this.directionX;\r\n      }\r\n      if (this.y > canvas.height || this.y < 0) {\r\n        this.directionY = -this.directionY;\r\n      }\r\n\r\n      \/\/ Interaksi menghindar dari mouse (efek magnetik halus)\r\n      let dx = mouse.x - this.x;\r\n      let dy = mouse.y - this.y;\r\n      let distance = Math.sqrt(dx * dx + dy * dy);\r\n      \r\n      if (distance < mouse.radius + this.size) {\r\n        if (mouse.x < this.x && this.x < canvas.width - this.size * 10) {\r\n          this.x += 1;\r\n        }\r\n        if (mouse.x > this.x && this.x > this.size * 10) {\r\n          this.x -= 1;\r\n        }\r\n        if (mouse.y < this.y && this.y < canvas.height - this.size * 10) {\r\n          this.y += 1;\r\n        }\r\n        if (mouse.y > this.y && this.y > this.size * 10) {\r\n          this.y -= 1;\r\n        }\r\n      }\r\n\r\n      \/\/ Gerakkan partikel\r\n      this.x += this.directionX;\r\n      this.y += this.directionY;\r\n\r\n      this.draw();\r\n    }\r\n  }\r\n\r\n  \/\/ Fungsi Inisialisasi Kumpulan Partikel\r\n  function init() {\r\n    particlesArray = [];\r\n    \r\n    \/\/ Menentukan jumlah partikel berdasarkan lebar layar (agar tidak terlalu padat di HP)\r\n    let numberOfParticles = (canvas.height * canvas.width) \/ 15000;\r\n    \r\n    \/\/ Batasi jumlah partikel maksimal agar tidak berat\r\n    if (numberOfParticles > 100) numberOfParticles = 100;\r\n\r\n    for (let i = 0; i < numberOfParticles; i++) {\r\n      let size = (Math.random() * 2) + 0.5; \/\/ Ukuran partikel bervariasi tapi kecil\r\n      let x = (Math.random() * ((innerWidth - size * 2) - (size * 2)) + size * 2);\r\n      let y = (Math.random() * ((innerHeight - size * 2) - (size * 2)) + size * 2);\r\n      \r\n      \/\/ Kecepatan sangat lambat agar terlihat elegan dan tenang\r\n      let directionX = (Math.random() * 0.4) - 0.2;\r\n      let directionY = (Math.random() * 0.4) - 0.2;\r\n      \r\n      \/\/ Warna partikel putih agak transparan\r\n      let color = 'rgba(255, 255, 255, 0.5)';\r\n\r\n      particlesArray.push(new Particle(x, y, directionX, directionY, size, color));\r\n    }\r\n  }\r\n\r\n  \/\/ Fungsi untuk menggambar garis penghubung antar partikel (Efek Kosmik)\r\n  function connect() {\r\n    let opacityValue = 1;\r\n    for (let a = 0; a < particlesArray.length; a++) {\r\n      for (let b = a; b < particlesArray.length; b++) {\r\n        let distance = ((particlesArray[a].x - particlesArray[b].x) * (particlesArray[a].x - particlesArray[b].x))\r\n                     + ((particlesArray[a].y - particlesArray[b].y) * (particlesArray[a].y - particlesArray[b].y));\r\n        \r\n        \/\/ Jarak maksimal untuk menarik garis penghubung\r\n        if (distance < (canvas.width \/ 7) * (canvas.height \/ 7)) {\r\n          \/\/ Garis memudar jika jarak semakin jauh\r\n          opacityValue = 1 - (distance \/ 20000);\r\n          \r\n          \/\/ Warna garis menggunakan aksen neon cyan agar menyatu dengan tema Baby Aliens\r\n          ctx.strokeStyle = 'rgba(0, 229, 255,' + opacityValue * 0.3 + ')';\r\n          ctx.lineWidth = 0.5; \/\/ Garis sangat tipis agar elegan\r\n          ctx.beginPath();\r\n          ctx.moveTo(particlesArray[a].x, particlesArray[a].y);\r\n          ctx.lineTo(particlesArray[b].x, particlesArray[b].y);\r\n          ctx.stroke();\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  \/\/ Loop Animasi\r\n  function animate() {\r\n    requestAnimationFrame(animate);\r\n    \/\/ Membersihkan canvas setiap frame agar tidak berbayang\r\n    ctx.clearRect(0, 0, innerWidth, innerHeight);\r\n\r\n    for (let i = 0; i < particlesArray.length; i++) {\r\n      particlesArray[i].update();\r\n    }\r\n    connect(); \/\/ Panggil fungsi garis\r\n  }\r\n\r\n  \/\/ Menjalankan script\r\n  init();\r\n  animate();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Baby Aliens CHART TELEGRAM TWITTER Baby Aliens is real What was unseen is now arriving in public awareness. What was unheard is now gaining clarity. Contract Address 7j7U77B27yn6ip5YwQZK41tWKvu3eZrVXep86SQdpump The Narrative The Moment of Disclosure For years, hidden assumptions and unanswered questions surrounded what lies beyond our world. Now, a new chapter unfolds. A presence once [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":28,"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/babyaliens.fun\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}