{"id":8,"date":"2026-07-09T15:09:11","date_gmt":"2026-07-09T15:09:11","guid":{"rendered":"https:\/\/appasol.fun\/?page_id=8"},"modified":"2026-07-09T15:43:18","modified_gmt":"2026-07-09T15:43:18","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/appasol.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-58d7390 e-con-full e-flex e-con e-parent\" data-id=\"58d7390\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e8af42 elementor-widget elementor-widget-html\" data-id=\"4e8af42\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Chewy&family=Fredoka:wght@400;500;600;700&display=swap');\r\n\r\n  .appa-site * { box-sizing: border-box; margin: 0; padding: 0; }\r\n  .appa-site {\r\n    font-family: 'Fredoka', system-ui, sans-serif;\r\n    color: #fff;\r\n    line-height: 1.6;\r\n    overflow-x: hidden;\r\n    position: relative;\r\n  }\r\n  .appa-site h1, .appa-site h2, .appa-site h3 {\r\n    font-family: 'Chewy', 'Fredoka', cursive;\r\n    letter-spacing: 1px;\r\n    line-height: 1.1;\r\n  }\r\n  .appa-site h1 { font-size: clamp(2.6rem, 6.5vw, 5.6rem); }\r\n  .appa-site h2 { font-size: clamp(2.2rem, 5vw, 4rem); }\r\n  .appa-site h3 { font-size: clamp(1.3rem, 2vw, 1.9rem); }\r\n  .appa-site p  { font-size: clamp(1rem, 1.2vw, 1.15rem); }\r\n\r\n  \/* ---------- Buttons ---------- *\/\r\n  .appa-btn {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    padding: 14px 26px;\r\n    border-radius: 999px;\r\n    font-family: 'Chewy', cursive;\r\n    font-size: 1.05rem;\r\n    letter-spacing: 1px;\r\n    text-decoration: none;\r\n    color: #06214a;\r\n    background: linear-gradient(180deg,#FFE55C 0%,#FFB800 100%);\r\n    border: 3px solid #06214a;\r\n    box-shadow: 0 6px 0 #06214a, 0 10px 25px rgba(0,0,0,.25);\r\n    transition: transform .18s ease, box-shadow .18s ease, filter .2s;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .appa-btn::before{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.5) 50%, transparent 70%);\r\n    transform: translateX(-120%);\r\n    transition: transform .6s;\r\n  }\r\n  .appa-btn:hover::before { transform: translateX(120%); }\r\n  .appa-btn:hover { transform: translateY(-4px) rotate(-1.5deg); box-shadow: 0 10px 0 #06214a, 0 16px 34px rgba(0,0,0,.35); }\r\n  .appa-btn:active { transform: translateY(2px); box-shadow: 0 3px 0 #06214a; }\r\n  .appa-btn.alt   { background: linear-gradient(180deg,#7BD9FF,#1FA9FF); color:#fff; }\r\n  .appa-btn.pink  { background: linear-gradient(180deg,#FF9BD2,#FF4FA3); color:#fff; }\r\n  .appa-btn.green { background: linear-gradient(180deg,#B6F49B,#3EC93E); color:#062a12;}\r\n\r\n  \/* ---------- Floating Navbar ---------- *\/\r\n  .appa-nav {\r\n    position: fixed;\r\n    top: 20px; left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 9999;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    gap: 20px;\r\n    width: min(1200px, 92vw);\r\n    padding: 12px 20px 12px 26px;\r\n    background: rgba(6, 33, 74, .55);\r\n    backdrop-filter: blur(18px) saturate(160%);\r\n    -webkit-backdrop-filter: blur(18px) saturate(160%);\r\n    border: 2px solid rgba(255, 229, 92, .6);\r\n    border-radius: 999px;\r\n    box-shadow:\r\n      0 10px 40px rgba(0,0,0,.35),\r\n      inset 0 0 20px rgba(255,229,92,.1);\r\n    animation: navFloat 4s ease-in-out infinite;\r\n  }\r\n  @keyframes navFloat {\r\n    0%,100% { transform: translateX(-50%) translateY(0);}\r\n    50%     { transform: translateX(-50%) translateY(-6px);}\r\n  }\r\n  .appa-logo {\r\n    font-family: 'Chewy', cursive;\r\n    font-size: 2rem;\r\n    color: #FFE55C;\r\n    text-shadow: 2px 2px 0 #06214a, 4px 4px 0 rgba(0,0,0,.3);\r\n    transform: rotate(-4deg);\r\n    transition: transform .25s;\r\n    display:flex; align-items:center; gap:8px;\r\n  }\r\n  .appa-logo::before { content:\"\ud83d\udc03\"; font-size:1.6rem; filter: drop-shadow(0 2px 0 #06214a);}\r\n  .appa-logo:hover { transform: rotate(4deg) scale(1.08); }\r\n  .appa-ca-btn {\r\n    max-width: 60vw;\r\n    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\r\n    font-family: 'Fredoka', sans-serif; font-weight: 600;\r\n    font-size: .85rem;\r\n    padding: 10px 18px;\r\n  }\r\n\r\n  \/* ---------- Sections base ---------- *\/\r\n  .appa-section { background: transparent; position: relative; }\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  .appa-hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex; flex-direction: column; justify-content: flex-end; align-items: center;\r\n    text-align: center;\r\n    padding: 40px 5vw 80px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n  }\r\n  .appa-hero video {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%; object-fit: cover;\r\n    z-index: 0;\r\n  }\r\n  .appa-hero::after{\r\n    content:\"\"; position:absolute; inset:0;\r\n    background:\r\n      radial-gradient(circle at 50% 20%, transparent 40%, rgba(0,30,90,.4) 100%),\r\n      linear-gradient(180deg, rgba(0,60,150,0) 45%, rgba(0,40,100,.7) 100%);\r\n    z-index:-1;\r\n  }\r\n  .appa-hero-badge {\r\n    display:inline-block;\r\n    background: rgba(255,229,92,.2);\r\n    border: 2px solid #FFE55C;\r\n    color:#FFE55C;\r\n    padding: 6px 16px;\r\n    border-radius: 999px;\r\n    font-family:'Chewy',cursive;\r\n    font-size:.9rem;\r\n    margin-bottom: 18px;\r\n    backdrop-filter: blur(6px);\r\n    animation: pulseBadge 2s ease-in-out infinite;\r\n  }\r\n  @keyframes pulseBadge {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(255,229,92,.5);}\r\n    50%     { box-shadow: 0 0 0 12px rgba(255,229,92,0);}\r\n  }\r\n  .appa-hero h1 {\r\n    color:#fff;\r\n    text-shadow: 4px 4px 0 #06214a, 8px 8px 0 rgba(0,0,0,.3);\r\n    background: linear-gradient(180deg, #fff 40%, #FFE55C 100%);\r\n    -webkit-background-clip: text; background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    filter: drop-shadow(4px 4px 0 #06214a) drop-shadow(6px 6px 0 rgba(0,0,0,.25));\r\n  }\r\n  .appa-hero p { max-width:640px; margin: 18px auto 28px; font-size:1.2rem; text-shadow:2px 2px 0 rgba(0,0,0,.5);}\r\n  .appa-hero-socials { display:flex; flex-wrap:wrap; gap:12px; justify-content:center;}\r\n\r\n  \/* ---------- ABOUT ---------- *\/\r\n  .appa-about {\r\n    background: url('https:\/\/appasol.fun\/wp-content\/uploads\/2026\/07\/Asset-4.png') top center \/ cover no-repeat;\r\n    margin-top: -100px;\r\n    min-height: 100vh;\r\n    display: flex; align-items: center;\r\n    padding: 330px 5vw 170px;\r\n    z-index: 2;\r\n  }\r\n  .appa-about-grid {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items:center;\r\n    max-width: 1200px; margin: 0 auto; width:100%;\r\n  }\r\n  .appa-about-img-wrap { position: relative; }\r\n  .appa-about-img-wrap::before{\r\n    content:\"\"; position:absolute;\r\n    width: 90%; height: 90%; left:5%; top:8%;\r\n    background: radial-gradient(circle, rgba(255,229,92,.4) 0%, transparent 60%);\r\n    filter: blur(30px);\r\n    z-index:0;\r\n    animation: glowPulse 3s ease-in-out infinite;\r\n  }\r\n  @keyframes glowPulse {\r\n    0%,100% { transform: scale(1); opacity:.7;}\r\n    50%     { transform: scale(1.1); opacity:1;}\r\n  }\r\n  .appa-about img.appa-float {\r\n    position: relative; z-index:1;\r\n    width: 100%; max-width: 520px; display:block; margin:0 auto;\r\n    animation: floaty 4s ease-in-out infinite;\r\n    filter: drop-shadow(0 25px 35px rgba(0,0,0,.4));\r\n  }\r\n  @keyframes floaty {\r\n    0%,100% { transform: translateY(0) rotate(-2deg);}\r\n    50%     { transform: translateY(-25px) rotate(3deg);}\r\n  }\r\n  .appa-about h2 { color:#fff; text-shadow: 3px 3px 0 #06214a, 5px 5px 0 rgba(0,0,0,.25);}\r\n  .appa-about h2 span { color:#FFE55C; }\r\n  .appa-about p  { color:#fff; margin-top:18px; text-shadow: 1px 1px 0 rgba(0,0,0,.4); font-size: 1.1rem;}\r\n  .appa-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top: 24px;}\r\n  .appa-tag {\r\n    background: rgba(255,229,92,.9); color:#06214a;\r\n    padding: 6px 14px; border-radius: 999px;\r\n    font-family:'Chewy', cursive; font-size:.9rem;\r\n    border: 2px solid #06214a;\r\n    box-shadow: 0 3px 0 #06214a;\r\n    transition: transform .2s;\r\n  }\r\n  .appa-tag:hover { transform: translateY(-3px) rotate(-2deg);}\r\n\r\n  \/* ---------- MARQUEE ---------- *\/\r\n  .appa-marquee-wrap {\r\n    overflow: hidden;\r\n    white-space: nowrap;\r\n    position: relative;\r\n    z-index: 10;\r\n    padding: 14px 0;\r\n    border-top: 5px solid #06214a;\r\n    border-bottom: 5px solid #06214a;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,.3);\r\n  }\r\n  .appa-marquee-wrap.top-mq {\r\n    background: #FFE55C;\r\n    transform: rotate(-1.5deg) scale(1.02);\r\n    margin: -30px 0 10px 0;\r\n  }\r\n  .appa-marquee-wrap.bottom-mq {\r\n    background: #7BD9FF;\r\n    transform: rotate(1.5deg) scale(1.02);\r\n    margin: 10px 0 -30px 0;\r\n  }\r\n  .appa-marquee {\r\n    display: inline-block;\r\n    white-space: nowrap;\r\n    animation: marqueeScroll 18s linear infinite;\r\n  }\r\n  .appa-marquee span {\r\n    display: inline-block;\r\n    font-family: 'Chewy', cursive;\r\n    font-size: 2.8rem;\r\n    color: #06214a;\r\n    letter-spacing: 2px;\r\n    padding-right: 20px;\r\n    text-transform: uppercase;\r\n  }\r\n  @keyframes marqueeScroll {\r\n    0% { transform: translate3d(0, 0, 0); }\r\n    100% { transform: translate3d(-50%, 0, 0); }\r\n  }\r\n\r\n  \/* ---------- HOW TO BUY ---------- *\/\r\n  .appa-htb {\r\n    background: url('https:\/\/appasol.fun\/wp-content\/uploads\/2026\/07\/Asset-6.png') top center \/ cover no-repeat;\r\n    padding: 120px 5vw 120px;\r\n    z-index: 5;\r\n  }\r\n  .appa-htb-inner {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: grid; grid-template-columns: 1fr 1fr;\r\n  }\r\n  .appa-htb-content h2 { color:#fff; text-shadow: 3px 3px 0 #06214a; margin-bottom: 30px;}\r\n  .appa-step {\r\n    background: rgba(255,255,255,.18);\r\n    backdrop-filter: blur(12px);\r\n    border: 3px solid #06214a;\r\n    border-radius: 24px;\r\n    padding: 20px 22px 20px 70px;\r\n    margin-bottom: 18px;\r\n    box-shadow: 0 6px 0 #06214a;\r\n    transition: transform .25s, background .25s;\r\n    position: relative;\r\n  }\r\n  .appa-step::before {\r\n    counter-increment: step;\r\n    content: counter(step);\r\n    position: absolute;\r\n    left: 14px; top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 44px; height: 44px;\r\n    background: linear-gradient(180deg,#FFE55C,#FFB800);\r\n    color: #06214a;\r\n    border: 3px solid #06214a;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family:'Chewy', cursive; font-size: 1.4rem;\r\n    box-shadow: 0 3px 0 #06214a;\r\n  }\r\n  .appa-htb-content { counter-reset: step; }\r\n  .appa-step:hover { transform: translateX(10px) rotate(-1deg); background: rgba(255,255,255,.28);}\r\n  .appa-step h3 { color:#FFE55C; text-shadow: 2px 2px 0 #06214a;}\r\n  .appa-step p  { color:#fff; margin-top: 4px;}\r\n\r\n  \/* ---------- ROADMAP (Vertical Timeline) ---------- *\/\r\n  .appa-roadmap {\r\n    background: #005CDF;\r\n    padding: 140px 5vw 120px;\r\n    text-align: center;\r\n    position: relative; overflow:hidden;\r\n    z-index: 4;\r\n  }\r\n  .appa-roadmap h2 { color:#fff; text-shadow: 4px 4px 0 #06214a; margin-bottom: 20px;}\r\n  .appa-roadmap-sub { color:#cfe3ff; max-width: 600px; margin: 0 auto 60px; }\r\n\r\n  .appa-timeline {\r\n    max-width: 720px; margin: 0 auto;\r\n    position: relative;\r\n    padding: 20px 0;\r\n  }\r\n  .appa-timeline::before {\r\n    content:\"\";\r\n    position:absolute; left:50%; top:0; bottom:0;\r\n    width: 6px;\r\n    background: repeating-linear-gradient(180deg, #FFE55C 0 14px, transparent 14px 24px);\r\n    transform: translateX(-50%);\r\n    border-radius: 6px;\r\n  }\r\n  .appa-timeline-item {\r\n    position: relative;\r\n    width: 50%;\r\n    padding: 20px 40px;\r\n    text-align: left;\r\n  }\r\n  .appa-timeline-item.left  { left: 0; }\r\n  .appa-timeline-item.right { left: 50%; }\r\n  .appa-timeline-item .appa-phase {\r\n    background: linear-gradient(180deg,#FFE55C,#FFB800);\r\n    border: 4px solid #06214a;\r\n    border-radius: 24px;\r\n    padding: 22px 20px;\r\n    color:#06214a;\r\n    box-shadow: 0 8px 0 #06214a, 0 14px 30px rgba(0,0,0,.3);\r\n    transition: transform .3s ease;\r\n    position: relative;\r\n  }\r\n  .appa-timeline-item .appa-phase:hover { transform: translateY(-6px) rotate(-1deg);}\r\n  .appa-timeline-item::after {\r\n    content: attr(data-icon);\r\n    position: absolute;\r\n    top: 32px;\r\n    width: 54px; height: 54px;\r\n    background: #fff;\r\n    border: 4px solid #06214a;\r\n    border-radius: 50%;\r\n    display:flex; align-items:center; justify-content:center;\r\n    font-size: 1.6rem;\r\n    box-shadow: 0 4px 0 #06214a;\r\n    z-index: 2;\r\n  }\r\n  .appa-timeline-item.left::after  { right: -27px; }\r\n  .appa-timeline-item.right::after { left: -27px; }\r\n  .appa-phase h3 { margin-bottom: 8px;}\r\n  .appa-phase .appa-phase-tag {\r\n    display:inline-block; background:#06214a; color:#FFE55C;\r\n    padding: 3px 12px; border-radius: 999px;\r\n    font-family:'Chewy', cursive; font-size:.75rem;\r\n    margin-bottom: 10px;\r\n  }\r\n  .appa-phase ul { list-style: none; margin-top: 8px;}\r\n  .appa-phase li {\r\n    padding: 8px 0 8px 26px;\r\n    position: relative;\r\n    font-weight: 500;\r\n    border-bottom: 2px dashed rgba(6,33,74,.25);\r\n  }\r\n  .appa-phase li:last-child { border: none;}\r\n  .appa-phase li::before { content:\"\u2713\"; position:absolute; left:0; top:8px; font-weight:700;}\r\n\r\n  \/* ---------- COMMUNITY ---------- *\/\r\n  .appa-community {\r\n    background: url('https:\/\/appasol.fun\/wp-content\/uploads\/2026\/07\/Asset-7.png') top center \/ cover no-repeat;\r\n    margin-top: -5px;\r\n    padding: 150px 5vw 170px;\r\n    text-align: center;\r\n    z-index: 5;\r\n  }\r\n  .appa-community h2 { color:#fff; text-shadow: 3px 3px 0 #06214a, 5px 5px 0 rgba(0,0,0,.2);}\r\n  .appa-community p  { max-width: 560px; margin: 18px auto 32px; color:#fff; text-shadow: 1px 1px 0 rgba(0,0,0,.4); font-size:1.1rem;}\r\n  .appa-community-btns { display:flex; flex-wrap:wrap; gap:14px; justify-content:center;}\r\n\r\n  \/* ---------- FOOTER ---------- *\/\r\n  .appa-footer {\r\n    background: linear-gradient(180deg, #003a8f, #001635);\r\n    padding: 60px 5vw 30px;\r\n    text-align: center;\r\n    color: #cfe3ff;\r\n    border-top: 4px dashed #FFE55C;\r\n    position: relative;\r\n    z-index: 6;\r\n  }\r\n  .appa-footer .appa-logo { color:#FFE55C; font-size: 2.8rem; justify-content:center; display:inline-flex;}\r\n  .appa-footer p { margin-top: 10px; font-size:1rem;}\r\n  .appa-footer .appa-foot-links { margin: 24px 0; display:flex; gap:24px; justify-content:center; flex-wrap:wrap;}\r\n  .appa-footer .appa-foot-links a {\r\n    color:#FFE55C; text-decoration:none; font-weight:600;\r\n    font-family:'Chewy', cursive; letter-spacing:1px;\r\n    transition:.2s; position: relative;\r\n  }\r\n  .appa-footer .appa-foot-links a::after {\r\n    content:\"\"; position:absolute; left:0; right:0; bottom:-4px;\r\n    height:2px; background:#FFE55C; transform: scaleX(0); transition:.3s;\r\n  }\r\n  .appa-footer .appa-foot-links a:hover { color:#fff; }\r\n  .appa-footer .appa-foot-links a:hover::after { transform: scaleX(1);}\r\n  .appa-footer small { display:block; margin-top: 20px; opacity:.7;}\r\n\r\n  \/* Toast *\/\r\n  .appa-toast {\r\n    position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(120px);\r\n    background: #06214a; color: #FFE55C;\r\n    padding: 14px 24px; border-radius: 999px;\r\n    border: 3px solid #FFE55C;\r\n    font-family: 'Chewy', cursive;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.4);\r\n    opacity: 0; transition: all .35s cubic-bezier(.34,1.56,.64,1);\r\n    z-index: 99999;\r\n  }\r\n  .appa-toast.show { opacity:1; transform: translateX(-50%) translateY(0);}\r\n\r\n  \/* Reveal *\/\r\n  .appa-reveal { opacity:0; transform: translateY(40px); transition: opacity .8s ease, transform .8s cubic-bezier(.22,1,.36,1);}\r\n  .appa-reveal.visible { opacity:1; transform: translateY(0);}\r\n\r\n  \/* Floating decorative emojis *\/\r\n  .appa-float-emoji {\r\n    position: absolute;\r\n    font-size: 2rem;\r\n    opacity: .8;\r\n    pointer-events: none;\r\n    animation: emojiFloat 6s ease-in-out infinite;\r\n    filter: drop-shadow(0 4px 8px rgba(0,0,0,.3));\r\n  }\r\n  @keyframes emojiFloat {\r\n    0%,100% { transform: translateY(0) rotate(-10deg);}\r\n    50%     { transform: translateY(-30px) rotate(10deg);}\r\n  }\r\n\r\n  \/* Cursor sparkle *\/\r\n  .appa-spark {\r\n    position: fixed; pointer-events:none;\r\n    width: 10px; height: 10px; border-radius: 50%;\r\n    background: radial-gradient(circle, #FFE55C, transparent 70%);\r\n    z-index: 99998;\r\n    animation: sparkFade .8s ease-out forwards;\r\n  }\r\n  @keyframes sparkFade {\r\n    0%   { transform: translate(-50%,-50%) scale(1); opacity: 1;}\r\n    100% { transform: translate(-50%,-50%) scale(3); opacity: 0;}\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 900px){\r\n    .appa-about-grid, .appa-htb-inner { grid-template-columns: 1fr; gap: 30px;}\r\n    .appa-htb-inner > .appa-empty { display:none;}\r\n    .appa-about { min-height: auto; padding-top: 140px;}\r\n    .appa-ca-btn { max-width: 42vw; font-size:.7rem; padding: 8px 14px;}\r\n    .appa-logo { font-size: 1.6rem;}\r\n    .appa-nav { padding: 10px 14px; gap: 10px;}\r\n\r\n    .appa-timeline::before { left: 24px; }\r\n    .appa-timeline-item { width: 100%; padding: 20px 10px 20px 60px; }\r\n    .appa-timeline-item.left, .appa-timeline-item.right { left: 0; }\r\n    .appa-timeline-item.left::after, .appa-timeline-item.right::after { left: -3px; right: auto;}\r\n  }\r\n<\/style>\r\n\r\n<div class=\"appa-site\">\r\n\r\n  <nav class=\"appa-nav\">\r\n    <div class=\"appa-logo\">Appa<\/div>\r\n    <button class=\"appa-btn appa-ca-btn\" id=\"appaCopyCA\" data-ca=\"ENTER_YOUR_APPA_CONTRACT_ADDRESS_HERE\">\r\n      \ud83d\udccb <span id=\"appaCAText\">ENTER_YOUR_APPA_CONTRACT_ADDRESS_HERE<\/span>\r\n    <\/button>\r\n  <\/nav>\r\n\r\n  <section class=\"appa-section appa-hero\">\r\n    <video autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/appasol.fun\/wp-content\/uploads\/2026\/07\/APPA-BG1.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n    <span class=\"appa-float-emoji\" style=\"top:15%; left:8%; animation-delay:0s;\">\ud83d\udc03<\/span>\r\n    <span class=\"appa-float-emoji\" style=\"top:25%; right:10%; animation-delay:1.5s;\">\ud83d\udc8e<\/span>\r\n    <span class=\"appa-float-emoji\" style=\"top:60%; left:12%; animation-delay:3s;\">\ud83d\ude80<\/span>\r\n    <span class=\"appa-float-emoji\" style=\"top:40%; right:6%; animation-delay:2s;\">\u2728<\/span>\r\n\r\n    <div class=\"appa-reveal\">\r\n      <span class=\"appa-hero-badge\">\ud83d\udd25 Fair Launch is LIVE<\/span>\r\n      <h1>Unstoppable Vibes.<br>Unshakable Faith.<\/h1>\r\n      <p>Welcome to $APPA \u2014 the herd that never backs down. Ride the bull with fearless optimism.<\/p>\r\n      <div class=\"appa-hero-socials\">\r\n        <a href=\"#\" class=\"appa-btn alt\">\ud83d\udc26 Twitter<\/a>\r\n        <a href=\"#\" class=\"appa-btn\">\u2708\ufe0f Telegram<\/a>\r\n        <a href=\"#\" class=\"appa-btn pink\">\ud83d\udcc8 Chart<\/a>\r\n        <a href=\"#\" class=\"appa-btn green\">\ud83d\uded2 Buy Now<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"appa-section appa-about\">\r\n    <div class=\"appa-about-grid\">\r\n      <div class=\"appa-reveal appa-about-img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/appasol.fun\/wp-content\/uploads\/2026\/07\/Asset-5.png\" alt=\"Appa Character\" class=\"appa-float\">\r\n      <\/div>\r\n      <div class=\"appa-reveal\">\r\n        <h2>The <span>Bullish<\/span> Philosophy \ud83d\udc03<\/h2>\r\n        <p>The market is unpredictable, but your energy doesn't have to be. <strong>$APPA<\/strong> is more than a token \u2014 it's a symbol of resilience, patience, and pure positive momentum.<\/p>\r\n        <p>When the charts get chaotic, we keep our cool. A movement driven by good humor, fearless optimism, and a herd that never backs down.<\/p>\r\n        <div class=\"appa-tags\">\r\n          <span class=\"appa-tag\">\ud83d\udcaa Resilient<\/span>\r\n          <span class=\"appa-tag\">\ud83d\ude80 Bullish<\/span>\r\n          <span class=\"appa-tag\">\ud83e\udd1d Community<\/span>\r\n          <span class=\"appa-tag\">\u2728 Vibes<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"appa-marquee-wrap top-mq\">\r\n    <div class=\"appa-marquee\">\r\n      <span>$APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; <\/span>\r\n      <span>$APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <section class=\"appa-section appa-htb\">\r\n    <div class=\"appa-htb-inner\">\r\n      <div class=\"appa-htb-content appa-reveal\">\r\n        <h2>\ud83d\uded2 Join the Stampede<\/h2>\r\n        <div class=\"appa-step\"><h3>Prep Your Gear<\/h3><p>Download a secure wallet (Phantom, MetaMask, Trust Wallet). Keep your seed phrase safe!<\/p><\/div>\r\n        <div class=\"appa-step\"><h3>Fuel Up<\/h3><p>Fund your wallet with base currency (SOL, ETH) for gas fees.<\/p><\/div>\r\n        <div class=\"appa-step\"><h3>Make the Swap<\/h3><p>Head to the DEX, connect your wallet, paste the official $APPA contract, and swap.<\/p><\/div>\r\n        <div class=\"appa-step\"><h3>Enjoy the Ride<\/h3><p>Put your shades on and hold the line with the rest of the herd.<\/p><\/div>\r\n      <\/div>\r\n      <div class=\"appa-empty\"><\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"appa-marquee-wrap bottom-mq\">\r\n    <div class=\"appa-marquee\">\r\n      <span>$APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; <\/span>\r\n      <span>$APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; $APPA &nbsp;&nbsp;&nbsp; <\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <section class=\"appa-section appa-roadmap\">\r\n    <h2 class=\"appa-reveal\">\ud83d\uddfa\ufe0f The Trail Ahead<\/h2>\r\n    <p class=\"appa-roadmap-sub appa-reveal\">A clear path from fair launch to global stampede.<\/p>\r\n\r\n    <div class=\"appa-timeline\">\r\n      <div class=\"appa-timeline-item left appa-reveal\" data-icon=\"\ud83d\udc03\">\r\n        <div class=\"appa-phase\">\r\n          <span class=\"appa-phase-tag\">PHASE 01<\/span>\r\n          <h3>Gathering the Herd<\/h3>\r\n          <ul>\r\n            <li>Fair Token Launch<\/li>\r\n            <li>Community & Social Expansion<\/li>\r\n            <li>Meme Campaigns & Grassroots<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"appa-timeline-item right appa-reveal\" data-icon=\"\ud83d\ude80\">\r\n        <div class=\"appa-phase\">\r\n          <span class=\"appa-phase-tag\">PHASE 02<\/span>\r\n          <h3>Building Momentum<\/h3>\r\n          <ul>\r\n            <li>CoinGecko & CMC Listings<\/li>\r\n            <li>Partnerships with Creators<\/li>\r\n            <li>Pushing $APPA Across Web3<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"appa-timeline-item left appa-reveal\" data-icon=\"\ud83c\udf0d\">\r\n        <div class=\"appa-phase\">\r\n          <span class=\"appa-phase-tag\">PHASE 03<\/span>\r\n          <h3>The Global Stampede<\/h3>\r\n          <ul>\r\n            <li>Tier-1 CEX Listings<\/li>\r\n            <li>Exclusive Holder Events<\/li>\r\n            <li>Symbol of the Bull Market<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"appa-section appa-community\">\r\n    <div class=\"appa-reveal\">\r\n      <h2>\ud83e\udd1d Run With the Herd<\/h2>\r\n      <p>Join a fearless movement of holders who thrive together. Vibes immaculate.<\/p>\r\n      <div class=\"appa-community-btns\">\r\n        <a href=\"#\" class=\"appa-btn alt\">\ud83d\udc26 Twitter<\/a>\r\n        <a href=\"#\" class=\"appa-btn\">\u2708\ufe0f Telegram<\/a>\r\n        <a href=\"#\" class=\"appa-btn pink\">\ud83d\udcc8 Live Chart<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer class=\"appa-footer\">\r\n    <div class=\"appa-logo\">Appa<\/div>\r\n    <p>Unstoppable Vibes. Unshakable Faith.<\/p>\r\n    <div class=\"appa-foot-links\">\r\n      <a href=\"#\">Twitter<\/a>\r\n      <a href=\"#\">Telegram<\/a>\r\n      <a href=\"#\">Chart<\/a>\r\n      <a href=\"#\">Buy Now<\/a>\r\n    <\/div>\r\n    <small>\u00a9 2026 $APPA. Meme coin with no intrinsic value. DYOR before aping in. \ud83d\udc03<\/small>\r\n  <\/footer>\r\n\r\n  <div class=\"appa-toast\" id=\"appaToast\">\u2705 Contract Address Copied!<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ Copy CA\r\n  var btn = document.getElementById('appaCopyCA');\r\n  var toast = document.getElementById('appaToast');\r\n  if(btn){\r\n    btn.addEventListener('click', function(){\r\n      var ca = btn.getAttribute('data-ca');\r\n      navigator.clipboard.writeText(ca).then(function(){\r\n        toast.classList.add('show');\r\n        setTimeout(function(){ toast.classList.remove('show'); }, 1800);\r\n      });\r\n    });\r\n  }\r\n\r\n  \/\/ Reveal on scroll\r\n  var els = document.querySelectorAll('.appa-reveal');\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('visible'); io.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  els.forEach(function(el){ io.observe(el); });\r\n\r\n  \/\/ Tilt on step + timeline cards\r\n  document.querySelectorAll('.appa-step, .appa-phase').forEach(function(card){\r\n    card.addEventListener('mousemove', function(e){\r\n      var r = card.getBoundingClientRect();\r\n      var x = (e.clientX - r.left)\/r.width - .5;\r\n      var y = (e.clientY - r.top)\/r.height - .5;\r\n      card.style.transform = 'translateY(-4px) rotateX(' + (-y*6) + 'deg) rotateY(' + (x*6) + 'deg)';\r\n    });\r\n    card.addEventListener('mouseleave', function(){ card.style.transform = ''; });\r\n  });\r\n\r\n  \/\/ Cursor sparkle\r\n  var lastSpark = 0;\r\n  document.addEventListener('mousemove', function(e){\r\n    var now = Date.now();\r\n    if(now - lastSpark < 60) return;\r\n    lastSpark = now;\r\n    var s = document.createElement('div');\r\n    s.className = 'appa-spark';\r\n    s.style.left = e.clientX + 'px';\r\n    s.style.top  = e.clientY + 'px';\r\n    document.body.appendChild(s);\r\n    setTimeout(function(){ s.remove(); }, 800);\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Appa \ud83d\udccb ENTER_YOUR_APPA_CONTRACT_ADDRESS_HERE \ud83d\udc03 \ud83d\udc8e \ud83d\ude80 \u2728 \ud83d\udd25 Fair Launch is LIVE Unstoppable Vibes.Unshakable Faith. Welcome to $APPA \u2014 the herd that never backs down. Ride the bull with fearless optimism. \ud83d\udc26 Twitter \u2708\ufe0f Telegram \ud83d\udcc8 Chart \ud83d\uded2 Buy Now The Bullish Philosophy \ud83d\udc03 The market is unpredictable, but your energy doesn&#8217;t have to be. [&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:\/\/appasol.fun\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appasol.fun\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appasol.fun\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appasol.fun\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appasol.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/appasol.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":25,"href":"https:\/\/appasol.fun\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/25"}],"wp:attachment":[{"href":"https:\/\/appasol.fun\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}