GOLDIE - The Unrivaled Champion of Crypto<\/title>\r\n <style>\r\n \/* ==========================================================================\r\n 1. RESET & BASE STYLES\r\n ========================================================================== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n }\r\n \r\n body {\r\n background-color: #06070a;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ==========================================================================\r\n 2. FULL SCREEN VIDEO BACKGROUND & OVERLAY\r\n ========================================================================== *\/\r\n .video-bg-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -2;\r\n overflow: hidden;\r\n }\r\n\r\n .video-bg-container video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .video-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n background: radial-gradient(circle at center, rgba(6, 7, 10, 0.2) 0%, rgba(6, 7, 10, 0.75) 100%);\r\n }\r\n\r\n \/* ==========================================================================\r\n 3. GOLD GRADIENT ANIMATION\r\n ========================================================================== *\/\r\n .gold-gradient-text {\r\n background: linear-gradient(90deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);\r\n background-size: 400% auto;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n animation: goldShine 6s linear infinite;\r\n font-weight: 800;\r\n }\r\n\r\n @keyframes goldShine {\r\n 0% { background-position: 0% 50%; }\r\n 100% { background-position: 400% 50%; }\r\n }\r\n\r\n \/* ==========================================================================\r\n 4. NAVIGATION BAR (Top Minimalist)\r\n ========================================================================== *\/\r\n header {\r\n background: linear-gradient(to bottom, rgba(6,7,10,0.8), transparent);\r\n position: absolute;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 100;\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 25px 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n font-size: 28px;\r\n letter-spacing: 3px;\r\n text-decoration: none;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 35px;\r\n }\r\n\r\n .nav-menu a {\r\n color: #dddddd;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: #fcf6ba;\r\n text-shadow: 0 0 8px rgba(252, 246, 186, 0.6);\r\n }\r\n\r\n .btn-gold-outline {\r\n border: 1px solid #bf953f;\r\n background: transparent;\r\n color: #fcf6ba;\r\n padding: 10px 24px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n font-size: 11px;\r\n letter-spacing: 1px;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-gold-outline:hover {\r\n background: rgba(191, 149, 63, 0.2);\r\n box-shadow: 0 0 15px rgba(191, 149, 63, 0.4);\r\n }\r\n\r\n \/* ==========================================================================\r\n 5. DASHBOARD LAYOUT (Sesuai Tata Letak Gambar Contoh)\r\n ========================================================================== *\/\r\n .dashboard-wrapper {\r\n position: relative;\r\n min-height: 100vh;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 120px 40px 40px 40px;\r\n display: grid;\r\n grid-template-columns: 320px 1fr 340px;\r\n grid-template-rows: 1fr auto;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n \/* Panel Kiri Atas: Teks Visi *\/\r\n .left-vision-text {\r\n grid-column: 1;\r\n background: rgba(10, 12, 18, 0.55);\r\n border-left: 3px solid #bf953f;\r\n padding: 20px;\r\n border-radius: 0 12px 12px 0;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n\r\n .left-vision-text h2 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .left-vision-text p {\r\n color: #fcf6ba;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* Panel Tengah: Judul & CTA Utama *\/\r\n .center-hero-content {\r\n grid-column: 2;\r\n text-align: center;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: 64px;\r\n line-height: 1.05;\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n text-shadow: 0 4px 20px rgba(0,0,0,0.8);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 16px;\r\n color: #ffffff;\r\n max-width: 550px;\r\n margin-bottom: 35px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.9);\r\n font-weight: 500;\r\n }\r\n\r\n .btn-gold-solid {\r\n background: linear-gradient(180deg, #fcf6ba 0%, #bf953f 100%);\r\n color: #06070a;\r\n padding: 14px 35px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n border: none;\r\n cursor: pointer;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n box-shadow: 0 4px 25px rgba(191, 149, 63, 0.5);\r\n text-decoration: none;\r\n }\r\n\r\n .btn-gold-solid:hover {\r\n transform: scale(1.03);\r\n box-shadow: 0 0 35px rgba(252, 246, 186, 0.8);\r\n }\r\n\r\n \/* Panel Kanan Tengah: Live Chart Widget *\/\r\n .right-chart-widget {\r\n grid-column: 3;\r\n background: rgba(13, 17, 23, 0.75);\r\n border: 1px solid rgba(191, 149, 63, 0.25);\r\n border-radius: 16px;\r\n padding: 20px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n .chart-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .chart-profile {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .chart-avatar {\r\n width: 32px;\r\n height: 32px;\r\n background: #bf953f;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n .badge-ath {\r\n background: #10b981;\r\n color: #000;\r\n font-size: 11px;\r\n font-weight: 800;\r\n padding: 3px 8px;\r\n border-radius: 4px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .mock-chart-graphic {\r\n width: 100%;\r\n height: 150px;\r\n stroke: #10b981;\r\n stroke-width: 2;\r\n fill: none;\r\n }\r\n\r\n \/* Panel Kiri Bawah: Victory Roadmap Menu *\/\r\n .bottom-left-roadmap {\r\n grid-column: 1 \/ span 2;\r\n grid-row: 2;\r\n background: rgba(13, 17, 23, 0.7);\r\n border: 1px solid rgba(191, 149, 63, 0.2);\r\n border-radius: 16px;\r\n padding: 20px;\r\n max-width: 600px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n margin-top: 40px;\r\n }\r\n\r\n .bottom-left-roadmap h3 {\r\n font-size: 14px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .roadmap-tabs {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n\r\n .roadmap-tab-btn {\r\n flex: 1;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(191,149,63,0.15);\r\n padding: 15px;\r\n border-radius: 8px;\r\n text-align: center;\r\n color: #ccc;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n }\r\n\r\n .roadmap-tab-btn:hover {\r\n border-color: #fcf6ba;\r\n background: rgba(191, 149, 63, 0.1);\r\n color: #fff;\r\n }\r\n\r\n \/* Panel Kanan Bawah: Community Champions List *\/\r\n .bottom-right-community {\r\n grid-column: 3;\r\n grid-row: 2;\r\n background: rgba(13, 17, 23, 0.7);\r\n border: 1px solid rgba(191, 149, 63, 0.2);\r\n border-radius: 16px;\r\n padding: 20px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n margin-top: 40px;\r\n }\r\n\r\n .bottom-right-community h4 {\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .avatar-pile {\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n }\r\n\r\n .circle-user {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 2px solid #bf953f;\r\n background: #1a1f2c;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n font-weight: bold;\r\n color: #fcf6ba;\r\n }\r\n\r\n \/* ==========================================================================\r\n 6. POPUP OVERLAYS SYSTEM (Pure CSS via :target)\r\n ========================================================================== *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(4, 5, 8, 0.94);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n z-index: 2000;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .modal-box {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0.95);\r\n background: #0d1017;\r\n border: 1px solid rgba(191, 149, 63, 0.4);\r\n border-radius: 20px;\r\n padding: 40px;\r\n max-width: 500px;\r\n width: 90%;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .modal-overlay:target {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .modal-overlay:target .modal-box {\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n .close-button {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n color: #888888;\r\n text-decoration: none;\r\n font-size: 26px;\r\n }\r\n\r\n \/* ==========================================================================\r\n 7. RESPONSIVE DESIGN (Tampilan Mobile Tetap Rapi, Tidak Keluar Batas)\r\n ========================================================================== *\/\r\n @media (max-width: 1024px) {\r\n .dashboard-wrapper {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto;\r\n padding: 100px 20px 20px 20px;\r\n gap: 30px;\r\n }\r\n\r\n .left-vision-text, .center-hero-content, .right-chart-widget, \r\n .bottom-left-roadmap, .bottom-right-community {\r\n grid-column: 1 !important;\r\n grid-row: auto !important;\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n .hero-title {\r\n font-size: 40px;\r\n }\r\n \r\n .nav-menu {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"video-bg-container\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"https:\/\/thegoldie.fun\/wp-content\/uploads\/2026\/05\/HEEO-GOLDIE1-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n <header>\r\n <div class=\"nav-container\">\r\n <a href=\"#\" class=\"logo gold-gradient-text\">GOLDIE<\/a>\r\n <nav class=\"nav-menu\">\r\n <a href=\"#about-popup\">Our Triumph<\/a>\r\n <a href=\"#tokenomics-popup\">Tokenomics<\/a>\r\n <a href=\"#roadmap-popup\">Community Roadmap<\/a>\r\n <\/nav>\r\n <a href=\"#about-popup\" class=\"btn-gold-outline\">Join The Victory<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"dashboard-wrapper\">\r\n \r\n <div class=\"left-vision-text\">\r\n <h2>A Victory Forged in the Highlands.<\/h2>\r\n <p>A SYMBOL OF ENDURANCE<\/p>\r\n <\/div>\r\n\r\n <div class=\"center-hero-content\">\r\n <h1 class=\"hero-title gold-gradient-text\">GOLDIE: The Unrivaled Champion of Crypto<\/h1>\r\n <p class=\"hero-subtitle\">Claiming the Ultimate Goal, Block by Block.<\/p>\r\n <a href=\"#tokenomics-popup\" class=\"btn-gold-solid\">Buy Goldie (Ticker: Goldie) Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"right-chart-widget\">\r\n <div class=\"chart-header\">\r\n <div class=\"chart-profile\">\r\n <div class=\"chart-avatar\">\ud83c\udfc6<\/div>\r\n <div>\r\n <div style=\"font-weight:700; font-size:14px;\">GOLDIE \u2b06\ufe0f<\/div>\r\n <div style=\"font-size:11px; color:#888;\">TICKER<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"badge-ath\">New ATH<\/div>\r\n <\/div>\r\n <svg class=\"mock-chart-graphic\" viewBox=\"0 0 300 150\">\r\n <path d=\"M0,130 L30,120 L60,110 L90,125 L120,90 L150,95 L180,60 L210,75 L240,40 L270,45 L300,10\" \/>\r\n <path d=\"M0,130 L30,120 L60,110 L90,125 L120,90 L150,95 L180,60 L210,75 L240,40 L270,45 L300,10 L300,150 L0,150 Z\" \r\n style=\"fill:url(#chart-grad); stroke:none; opacity:0.1;\" \/>\r\n <defs>\r\n <linearGradient id=\"chart-grad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" stop-color=\"#10b981\"\/>\r\n <stop offset=\"100%\" stop-color=\"#10b981\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"bottom-left-roadmap\">\r\n <h3>\ud83c\udfc6 The Victory Roadmap<\/h3>\r\n <div class=\"roadmap-tabs\">\r\n <a href=\"#roadmap-popup\" class=\"roadmap-tab-btn\">Fase 1<br><span style=\"font-size:10px;color:#888;\">Kick-Off<\/span><\/a>\r\n <a href=\"#roadmap-popup\" class=\"roadmap-tab-btn\">Fase 2<br><span style=\"font-size:10px;color:#888;\">Group Stage<\/span><\/a>\r\n <a href=\"#roadmap-popup\" class=\"roadmap-tab-btn\">Fase 3<br><span style=\"font-size:10px;color:#888;\">Grand Finale<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bottom-right-community\">\r\n <h4>Community of Champions<\/h4>\r\n <div class=\"avatar-pile\">\r\n <div class=\"circle-user\">W1<\/div>\r\n <div class=\"circle-user\">W2<\/div>\r\n <div class=\"circle-user\">W3<\/div>\r\n <div class=\"circle-user\">W4<\/div>\r\n <div style=\"font-size:12px; color:#aaa; margin-left:5px;\">+10k champions<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div id=\"about-popup\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <a href=\"#\" class=\"close-button\">×<\/a>\r\n <h2 class=\"gold-gradient-text\" style=\"margin-bottom:15px;\">\ud83c\udfd4\ufe0f Highland Legend<\/h2>\r\n <p style=\"color:#aaa; font-size:14px;\">Goldie membawa energi dan mentalitas juara dunia tanpa kompromi ke ruang rantai blok terdesentralisasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"tokenomics-popup\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <a href=\"#\" class=\"close-button\">×<\/a>\r\n <h2 class=\"gold-gradient-text\" style=\"margin-bottom:20px;\">\ud83d\udcca Tokenomics Formula<\/h2>\r\n <div class=\"tokenomics-row\"><span>Token Name<\/span><span>Goldie<\/span><\/div>\r\n <div class=\"tokenomics-row\"><span>Ticker<\/span><span>$GOLDIE<\/span><\/div>\r\n <div class=\"tokenomics-row\"><span>Tax Buy\/Sell<\/span><span>0%<\/span><\/div>\r\n <div class=\"tokenomics-row\"><span>Liquidity<\/span><span>100% Locked<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"roadmap-popup\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <a href=\"#\" class=\"close-button\">×<\/a>\r\n <h2 class=\"gold-gradient-text\" style=\"margin-bottom:15px;\">\ud83d\uddfa\ufe0f World Domination Path<\/h2>\r\n <div class=\"roadmap-step\">\r\n <h4>Fase 1: Kick-Off<\/h4>\r\n <p>Peluncuran Smart Contract bersamaan dengan mobilisasi komunitas pemenang utama.<\/p>\r\n <\/div>\r\n <div class=\"roadmap-step\">\r\n <h4>Fase 2: Group Stage<\/h4>\r\n <p>Listing agregator global papan atas dan perluasan kampanye masif terarah.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n <p>Legal chat \u00a9 2026 - Contact license of statstics. All rights reserved to $GOLDIE Champions.<\/p>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>GOLDIE – The Unrivaled Champion of Crypto GOLDIE Our Triumph Tokenomics Community Roadmap Join The Victory A Victory Forged in the Highlands. A SYMBOL OF ENDURANCE GOLDIE: The Unrivaled Champion of Crypto Claiming the Ultimate Goal, Block by Block. Buy Goldie (Ticker: Goldie) Now \ud83c\udfc6 GOLDIE \u2b06\ufe0f TICKER New ATH \ud83c\udfc6 The Victory Roadmap Fase […]<\/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:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/thegoldie.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n GOLDIE - The Unrivaled Champion of Crypto<\/title>\r\n <style>\r\n \/* ==========================================================================\r\n 1. RESET & BASE STYLES\r\n ========================================================================== *\/\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n }\r\n \r\n body {\r\n background-color: #06070a;\r\n color: #ffffff;\r\n overflow-x: hidden;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ==========================================================================\r\n 2. FULL SCREEN VIDEO BACKGROUND & OVERLAY\r\n ========================================================================== *\/\r\n .video-bg-container {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -2;\r\n overflow: hidden;\r\n }\r\n\r\n .video-bg-container video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .video-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n background: radial-gradient(circle at center, rgba(6, 7, 10, 0.2) 0%, rgba(6, 7, 10, 0.75) 100%);\r\n }\r\n\r\n \/* ==========================================================================\r\n 3. GOLD GRADIENT ANIMATION\r\n ========================================================================== *\/\r\n .gold-gradient-text {\r\n background: linear-gradient(90deg, #bf953f 0%, #fcf6ba 25%, #b38728 50%, #fbf5b7 75%, #aa771c 100%);\r\n background-size: 400% auto;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n animation: goldShine 6s linear infinite;\r\n font-weight: 800;\r\n }\r\n\r\n @keyframes goldShine {\r\n 0% { background-position: 0% 50%; }\r\n 100% { background-position: 400% 50%; }\r\n }\r\n\r\n \/* ==========================================================================\r\n 4. NAVIGATION BAR (Top Minimalist)\r\n ========================================================================== *\/\r\n header {\r\n background: linear-gradient(to bottom, rgba(6,7,10,0.8), transparent);\r\n position: absolute;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n z-index: 100;\r\n }\r\n\r\n .nav-container {\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 25px 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .logo {\r\n font-size: 28px;\r\n letter-spacing: 3px;\r\n text-decoration: none;\r\n }\r\n\r\n .nav-menu {\r\n display: flex;\r\n gap: 35px;\r\n }\r\n\r\n .nav-menu a {\r\n color: #dddddd;\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n transition: all 0.3s;\r\n }\r\n\r\n .nav-menu a:hover {\r\n color: #fcf6ba;\r\n text-shadow: 0 0 8px rgba(252, 246, 186, 0.6);\r\n }\r\n\r\n .btn-gold-outline {\r\n border: 1px solid #bf953f;\r\n background: transparent;\r\n color: #fcf6ba;\r\n padding: 10px 24px;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n font-size: 11px;\r\n letter-spacing: 1px;\r\n transition: all 0.3s;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-gold-outline:hover {\r\n background: rgba(191, 149, 63, 0.2);\r\n box-shadow: 0 0 15px rgba(191, 149, 63, 0.4);\r\n }\r\n\r\n \/* ==========================================================================\r\n 5. DASHBOARD LAYOUT (Sesuai Tata Letak Gambar Contoh)\r\n ========================================================================== *\/\r\n .dashboard-wrapper {\r\n position: relative;\r\n min-height: 100vh;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 120px 40px 40px 40px;\r\n display: grid;\r\n grid-template-columns: 320px 1fr 340px;\r\n grid-template-rows: 1fr auto;\r\n gap: 20px;\r\n align-items: center;\r\n }\r\n\r\n \/* Panel Kiri Atas: Teks Visi *\/\r\n .left-vision-text {\r\n grid-column: 1;\r\n background: rgba(10, 12, 18, 0.55);\r\n border-left: 3px solid #bf953f;\r\n padding: 20px;\r\n border-radius: 0 12px 12px 0;\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n }\r\n\r\n .left-vision-text h2 {\r\n font-size: 22px;\r\n font-weight: 700;\r\n line-height: 1.2;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .left-vision-text p {\r\n color: #fcf6ba;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* Panel Tengah: Judul & CTA Utama *\/\r\n .center-hero-content {\r\n grid-column: 2;\r\n text-align: center;\r\n padding: 0 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .hero-title {\r\n font-size: 64px;\r\n line-height: 1.05;\r\n text-transform: uppercase;\r\n margin-bottom: 30px;\r\n text-shadow: 0 4px 20px rgba(0,0,0,0.8);\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 16px;\r\n color: #ffffff;\r\n max-width: 550px;\r\n margin-bottom: 35px;\r\n text-shadow: 0 2px 8px rgba(0,0,0,0.9);\r\n font-weight: 500;\r\n }\r\n\r\n .btn-gold-solid {\r\n background: linear-gradient(180deg, #fcf6ba 0%, #bf953f 100%);\r\n color: #06070a;\r\n padding: 14px 35px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n letter-spacing: 1px;\r\n border: none;\r\n cursor: pointer;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n box-shadow: 0 4px 25px rgba(191, 149, 63, 0.5);\r\n text-decoration: none;\r\n }\r\n\r\n .btn-gold-solid:hover {\r\n transform: scale(1.03);\r\n box-shadow: 0 0 35px rgba(252, 246, 186, 0.8);\r\n }\r\n\r\n \/* Panel Kanan Tengah: Live Chart Widget *\/\r\n .right-chart-widget {\r\n grid-column: 3;\r\n background: rgba(13, 17, 23, 0.75);\r\n border: 1px solid rgba(191, 149, 63, 0.25);\r\n border-radius: 16px;\r\n padding: 20px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n .chart-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .chart-profile {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .chart-avatar {\r\n width: 32px;\r\n height: 32px;\r\n background: #bf953f;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n }\r\n\r\n .badge-ath {\r\n background: #10b981;\r\n color: #000;\r\n font-size: 11px;\r\n font-weight: 800;\r\n padding: 3px 8px;\r\n border-radius: 4px;\r\n text-transform: uppercase;\r\n }\r\n\r\n .mock-chart-graphic {\r\n width: 100%;\r\n height: 150px;\r\n stroke: #10b981;\r\n stroke-width: 2;\r\n fill: none;\r\n }\r\n\r\n \/* Panel Kiri Bawah: Victory Roadmap Menu *\/\r\n .bottom-left-roadmap {\r\n grid-column: 1 \/ span 2;\r\n grid-row: 2;\r\n background: rgba(13, 17, 23, 0.7);\r\n border: 1px solid rgba(191, 149, 63, 0.2);\r\n border-radius: 16px;\r\n padding: 20px;\r\n max-width: 600px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n margin-top: 40px;\r\n }\r\n\r\n .bottom-left-roadmap h3 {\r\n font-size: 14px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .roadmap-tabs {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n\r\n .roadmap-tab-btn {\r\n flex: 1;\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid rgba(191,149,63,0.15);\r\n padding: 15px;\r\n border-radius: 8px;\r\n text-align: center;\r\n color: #ccc;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n }\r\n\r\n .roadmap-tab-btn:hover {\r\n border-color: #fcf6ba;\r\n background: rgba(191, 149, 63, 0.1);\r\n color: #fff;\r\n }\r\n\r\n \/* Panel Kanan Bawah: Community Champions List *\/\r\n .bottom-right-community {\r\n grid-column: 3;\r\n grid-row: 2;\r\n background: rgba(13, 17, 23, 0.7);\r\n border: 1px solid rgba(191, 149, 63, 0.2);\r\n border-radius: 16px;\r\n padding: 20px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n margin-top: 40px;\r\n }\r\n\r\n .bottom-right-community h4 {\r\n font-size: 13px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .avatar-pile {\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n }\r\n\r\n .circle-user {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 2px solid #bf953f;\r\n background: #1a1f2c;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 11px;\r\n font-weight: bold;\r\n color: #fcf6ba;\r\n }\r\n\r\n \/* ==========================================================================\r\n 6. POPUP OVERLAYS SYSTEM (Pure CSS via :target)\r\n ========================================================================== *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(4, 5, 8, 0.94);\r\n backdrop-filter: blur(12px);\r\n -webkit-backdrop-filter: blur(12px);\r\n z-index: 2000;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .modal-box {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%) scale(0.95);\r\n background: #0d1017;\r\n border: 1px solid rgba(191, 149, 63, 0.4);\r\n border-radius: 20px;\r\n padding: 40px;\r\n max-width: 500px;\r\n width: 90%;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .modal-overlay:target {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n .modal-overlay:target .modal-box {\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n\r\n .close-button {\r\n position: absolute;\r\n top: 15px;\r\n right: 20px;\r\n color: #888888;\r\n text-decoration: none;\r\n font-size: 26px;\r\n }\r\n\r\n \/* ==========================================================================\r\n 7. RESPONSIVE DESIGN (Tampilan Mobile Tetap Rapi, Tidak Keluar Batas)\r\n ========================================================================== *\/\r\n @media (max-width: 1024px) {\r\n .dashboard-wrapper {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto;\r\n padding: 100px 20px 20px 20px;\r\n gap: 30px;\r\n }\r\n\r\n .left-vision-text, .center-hero-content, .right-chart-widget, \r\n .bottom-left-roadmap, .bottom-right-community {\r\n grid-column: 1 !important;\r\n grid-row: auto !important;\r\n max-width: 100%;\r\n width: 100%;\r\n }\r\n\r\n .hero-title {\r\n font-size: 40px;\r\n }\r\n \r\n .nav-menu {\r\n display: none;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"video-bg-container\">\r\n <video autoplay loop muted playsinline>\r\n <source src=\"https:\/\/thegoldie.fun\/wp-content\/uploads\/2026\/05\/HEEO-GOLDIE1-1.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"video-overlay\"><\/div>\r\n\r\n <header>\r\n <div class=\"nav-container\">\r\n <a href=\"#\" class=\"logo gold-gradient-text\">GOLDIE<\/a>\r\n <nav class=\"nav-menu\">\r\n <a href=\"#about-popup\">Our Triumph<\/a>\r\n <a href=\"#tokenomics-popup\">Tokenomics<\/a>\r\n <a href=\"#roadmap-popup\">Community Roadmap<\/a>\r\n <\/nav>\r\n <a href=\"#about-popup\" class=\"btn-gold-outline\">Join The Victory<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"dashboard-wrapper\">\r\n \r\n <div class=\"left-vision-text\">\r\n <h2>A Victory Forged in the Highlands.<\/h2>\r\n <p>A SYMBOL OF ENDURANCE<\/p>\r\n <\/div>\r\n\r\n <div class=\"center-hero-content\">\r\n <h1 class=\"hero-title gold-gradient-text\">GOLDIE: The Unrivaled Champion of Crypto<\/h1>\r\n <p class=\"hero-subtitle\">Claiming the Ultimate Goal, Block by Block.<\/p>\r\n <a href=\"#tokenomics-popup\" class=\"btn-gold-solid\">Buy Goldie (Ticker: Goldie) Now<\/a>\r\n <\/div>\r\n\r\n <div class=\"right-chart-widget\">\r\n <div class=\"chart-header\">\r\n <div class=\"chart-profile\">\r\n <div class=\"chart-avatar\">\ud83c\udfc6<\/div>\r\n <div>\r\n <div style=\"font-weight:700; font-size:14px;\">GOLDIE \u2b06\ufe0f<\/div>\r\n <div style=\"font-size:11px; color:#888;\">TICKER<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"badge-ath\">New ATH<\/div>\r\n <\/div>\r\n <svg class=\"mock-chart-graphic\" viewBox=\"0 0 300 150\">\r\n <path d=\"M0,130 L30,120 L60,110 L90,125 L120,90 L150,95 L180,60 L210,75 L240,40 L270,45 L300,10\" \/>\r\n <path d=\"M0,130 L30,120 L60,110 L90,125 L120,90 L150,95 L180,60 L210,75 L240,40 L270,45 L300,10 L300,150 L0,150 Z\" \r\n style=\"fill:url(#chart-grad); stroke:none; opacity:0.1;\" \/>\r\n <defs>\r\n <linearGradient id=\"chart-grad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" stop-color=\"#10b981\"\/>\r\n <stop offset=\"100%\" stop-color=\"#10b981\" stop-opacity=\"0\"\/>\r\n <\/linearGradient>\r\n <\/defs>\r\n <\/svg>\r\n <\/div>\r\n\r\n <div class=\"bottom-left-roadmap\">\r\n <h3>\ud83c\udfc6 The Victory Roadmap<\/h3>\r\n <div class=\"roadmap-tabs\">\r\n <a href=\"#roadmap-popup\" class=\"roadmap-tab-btn\">Fase 1<br><span style=\"font-size:10px;color:#888;\">Kick-Off<\/span><\/a>\r\n <a href=\"#roadmap-popup\" class=\"roadmap-tab-btn\">Fase 2<br><span style=\"font-size:10px;color:#888;\">Group Stage<\/span><\/a>\r\n <a href=\"#roadmap-popup\" class=\"roadmap-tab-btn\">Fase 3<br><span style=\"font-size:10px;color:#888;\">Grand Finale<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bottom-right-community\">\r\n <h4>Community of Champions<\/h4>\r\n <div class=\"avatar-pile\">\r\n <div class=\"circle-user\">W1<\/div>\r\n <div class=\"circle-user\">W2<\/div>\r\n <div class=\"circle-user\">W3<\/div>\r\n <div class=\"circle-user\">W4<\/div>\r\n <div style=\"font-size:12px; color:#aaa; margin-left:5px;\">+10k champions<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div id=\"about-popup\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <a href=\"#\" class=\"close-button\">×<\/a>\r\n <h2 class=\"gold-gradient-text\" style=\"margin-bottom:15px;\">\ud83c\udfd4\ufe0f Highland Legend<\/h2>\r\n <p style=\"color:#aaa; font-size:14px;\">Goldie membawa energi dan mentalitas juara dunia tanpa kompromi ke ruang rantai blok terdesentralisasi.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"tokenomics-popup\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <a href=\"#\" class=\"close-button\">×<\/a>\r\n <h2 class=\"gold-gradient-text\" style=\"margin-bottom:20px;\">\ud83d\udcca Tokenomics Formula<\/h2>\r\n <div class=\"tokenomics-row\"><span>Token Name<\/span><span>Goldie<\/span><\/div>\r\n <div class=\"tokenomics-row\"><span>Ticker<\/span><span>$GOLDIE<\/span><\/div>\r\n <div class=\"tokenomics-row\"><span>Tax Buy\/Sell<\/span><span>0%<\/span><\/div>\r\n <div class=\"tokenomics-row\"><span>Liquidity<\/span><span>100% Locked<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"roadmap-popup\" class=\"modal-overlay\">\r\n <div class=\"modal-box\">\r\n <a href=\"#\" class=\"close-button\">×<\/a>\r\n <h2 class=\"gold-gradient-text\" style=\"margin-bottom:15px;\">\ud83d\uddfa\ufe0f World Domination Path<\/h2>\r\n <div class=\"roadmap-step\">\r\n <h4>Fase 1: Kick-Off<\/h4>\r\n <p>Peluncuran Smart Contract bersamaan dengan mobilisasi komunitas pemenang utama.<\/p>\r\n <\/div>\r\n <div class=\"roadmap-step\">\r\n <h4>Fase 2: Group Stage<\/h4>\r\n <p>Listing agregator global papan atas dan perluasan kampanye masif terarah.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <footer>\r\n <p>Legal chat \u00a9 2026 - Contact license of statstics. All rights reserved to $GOLDIE Champions.<\/p>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>GOLDIE – The Unrivaled Champion of Crypto GOLDIE Our Triumph Tokenomics Community Roadmap Join The Victory A Victory Forged in the Highlands. A SYMBOL OF ENDURANCE GOLDIE: The Unrivaled Champion of Crypto Claiming the Ultimate Goal, Block by Block. Buy Goldie (Ticker: Goldie) Now \ud83c\udfc6 GOLDIE \u2b06\ufe0f TICKER New ATH \ud83c\udfc6 The Victory Roadmap Fase […]<\/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:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/thegoldie.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/thegoldie.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}