{"id":45881,"date":"2026-04-26T07:37:02","date_gmt":"2026-04-26T05:37:02","guid":{"rendered":"https:\/\/ordomysticus.org\/?page_id=45881"},"modified":"2026-04-27T17:11:34","modified_gmt":"2026-04-27T15:11:34","slug":"creation-of-elementals","status":"publish","type":"page","link":"https:\/\/ordomysticus.org\/de\/creation-of-elementals\/","title":{"rendered":"Elementals Workshop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45881\" class=\"elementor elementor-45881\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c78aaf8 e-con-full e-flex e-con e-parent\" data-id=\"c78aaf8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8117502 elementor-widget elementor-widget-html\" data-id=\"8117502\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Phosphor Icons (Premium Minimalist Icons) -->\r\n<script src=\"https:\/\/unpkg.com\/@phosphor-icons\/web\"><\/script>\r\n\r\n<style>\r\n    \/* Premium Typography imported safely for Elementor *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');\r\n\r\n    \/* SCOPED CSS FOR ELEMENTOR *\/\r\n    .om-landing {\r\n        background-color: #0B0B0F;\r\n        color: #FFFFFF;\r\n        font-family: 'Inter', sans-serif;\r\n        line-height: 1.6;\r\n        -webkit-font-smoothing: antialiased;\r\n        -moz-osx-font-smoothing: grayscale;\r\n        overflow-x: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    .om-landing * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    .om-landing-container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n        padding: 100px 24px;\r\n    }\r\n\r\n    .om-landing-container-sm {\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 80px 24px;\r\n    }\r\n\r\n    \/* Typography *\/\r\n    .om-landing h1, .om-landing h2, .om-landing h3, .om-landing h4 {\r\n        font-family: 'Playfair Display', serif;\r\n        font-weight: 600;\r\n        line-height: 1.2;\r\n        margin-bottom: 24px;\r\n        color: #FFFFFF; \/* FORCE OVERRIDE ELEMENTOR GLOBALS *\/\r\n    }\r\n\r\n    .om-landing h1 {\r\n        font-size: clamp(40px, 5vw, 64px);\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .om-landing h2 {\r\n        font-size: clamp(32px, 4vw, 48px);\r\n    }\r\n\r\n    .om-landing h3 {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .om-landing p {\r\n        font-size: 18px;\r\n        color: #A0A0A0; \/* Force paragraph colors *\/\r\n        margin-bottom: 24px;\r\n    }\r\n\r\n    .om-landing strong {\r\n        color: #FFFFFF;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .om-landing .text-gold { color: #D4AF37; }\r\n    .om-landing .text-white { color: #FFFFFF; }\r\n    .om-landing .text-center { text-align: center; }\r\n\r\n    \/* Fluent Forms Hidden Trigger *\/\r\n    .ff-custom-modal-trigger {\r\n        display: none !important;\r\n        opacity: 0 !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    \/* Primary Button Styles *\/\r\n    .om-landing .btn-primary {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        background: linear-gradient(135deg, #E6C553 0%, #D4AF37 100%) !important;\r\n        color: #0B0B0F !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        font-weight: 600 !important;\r\n        font-size: 18px !important;\r\n        padding: 18px 40px !important;\r\n        border-radius: 50px !important;\r\n        text-decoration: none !important;\r\n        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;\r\n        border: none !important;\r\n        cursor: pointer !important;\r\n        box-shadow: 0 10px 20px rgba(212, 175, 55, 0.2) !important;\r\n        margin-top: 20px;\r\n        outline: none !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    .om-landing .btn-primary:hover {\r\n        transform: translateY(-4px) scale(1.02) !important;\r\n        box-shadow: 0 20px 30px rgba(212, 175, 55, 0.3) !important;\r\n        background: linear-gradient(135deg, #F0D472 0%, #E6C553 100%) !important;\r\n    }\r\n\r\n    \/* Helper classes for button sizing *\/\r\n    .om-landing .btn-full {\r\n        width: 100% !important;\r\n        padding: 20px !important;\r\n    }\r\n\r\n    .om-landing .btn-large {\r\n        font-size: 22px !important;\r\n        padding: 20px 50px !important;\r\n    }\r\n\r\n    \/* Ambient Background Effects *\/\r\n    .om-landing-glow {\r\n        position: absolute;\r\n        width: 100%;\r\n        max-width: 800px;\r\n        height: 800px;\r\n        background: radial-gradient(circle, rgba(110, 91, 255, 0.08) 0%, rgba(11, 11, 15, 0) 70%);\r\n        top: -200px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Sections *\/\r\n    .om-landing-section {\r\n        position: relative;\r\n        z-index: 1;\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03);\r\n    }\r\n\r\n    .om-landing-section-darker {\r\n        background-color: #08080A;\r\n    }\r\n\r\n    \/* Grids & Layouts *\/\r\n    .om-landing-grid-2 {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    .om-landing-grid-3 {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 30px;\r\n    }\r\n\r\n    \/* Cards *\/\r\n    .om-landing-card {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 16px;\r\n        padding: 40px 30px;\r\n        transition: all 0.4s ease;\r\n        backdrop-filter: blur(10px);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .om-landing-card h3 {\r\n        color: #D4AF37; \/* Force High-Contrast Gold for Card Titles *\/\r\n        margin-bottom: 15px;\r\n    }\r\n    \r\n    .om-landing-card p {\r\n        color: #E0E0E0; \/* Ensure card text stays light *\/\r\n    }\r\n\r\n    .om-landing-card::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 1px;\r\n        background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);\r\n        opacity: 0;\r\n        transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .om-landing-card:hover {\r\n        transform: translateY(-5px);\r\n        border-color: rgba(212, 175, 55, 0.3);\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n        background: rgba(255, 255, 255, 0.04);\r\n    }\r\n\r\n    .om-landing-card:hover::before {\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* Lists *\/\r\n    .om-landing-list {\r\n        list-style: none;\r\n    }\r\n\r\n    .om-landing-list li {\r\n        position: relative;\r\n        padding-left: 36px;\r\n        margin-bottom: 16px;\r\n        font-size: 18px;\r\n        color: #E0E0E0;\r\n    }\r\n\r\n    .om-landing-list li::before {\r\n        content: '\\2713'; \/* Text checkmark that obeys CSS color *\/\r\n        font-weight: bold;\r\n        position: absolute;\r\n        left: 0;\r\n        top: 2px;\r\n        color: #D4AF37;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .om-landing-list-cross li::before {\r\n        content: '\\2715'; \/* Cross mark *\/\r\n        color: #ff4b4b;\r\n    }\r\n\r\n    \/* Pricing Box *\/\r\n    .om-landing-pricing-box {\r\n        background: linear-gradient(180deg, rgba(20, 20, 25, 0.8) 0%, rgba(11, 11, 15, 0.9) 100%);\r\n        border: 1px solid rgba(212, 175, 55, 0.5);\r\n        border-radius: 20px;\r\n        padding: 50px 40px;\r\n        margin: 40px auto;\r\n        max-width: 600px;\r\n        text-align: center;\r\n        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255,255,255,0.05);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .om-landing-pricing-box::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0; right: 0; height: 4px;\r\n        background: linear-gradient(90deg, #D4AF37, #E6C553, #D4AF37);\r\n    }\r\n\r\n    .om-landing-price-huge {\r\n        font-size: 64px;\r\n        font-family: 'Playfair Display', serif;\r\n        color: #D4AF37;\r\n        line-height: 1;\r\n        margin: 20px 0;\r\n    }\r\n\r\n    .om-landing-price-strike {\r\n        text-decoration: line-through;\r\n        color: #666;\r\n        font-size: 24px;\r\n        margin-left: 10px;\r\n    }\r\n\r\n    .om-landing-badge {\r\n        background: rgba(212, 175, 55, 0.1);\r\n        color: #D4AF37;\r\n        padding: 8px 16px;\r\n        border-radius: 30px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        display: inline-block;\r\n        border: 1px solid rgba(212, 175, 55, 0.3);\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    \/* Timeline \/ Process *\/\r\n    .om-landing-timeline {\r\n        position: relative;\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 20px 0;\r\n    }\r\n    \r\n    .om-landing-timeline-line {\r\n        position: absolute;\r\n        width: 2px;\r\n        background: rgba(212, 175, 55, 0.2);\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n\r\n    .om-landing-timeline-line-animated {\r\n        position: absolute;\r\n        width: 2px;\r\n        background: #D4AF37;\r\n        top: 0;\r\n        height: 0%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        box-shadow: 0 0 15px #D4AF37;\r\n    }\r\n\r\n    .om-landing-timeline-item {\r\n        padding: 10px 50px;\r\n        position: relative;\r\n        background: inherit;\r\n        width: 50%;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .om-landing-timeline-item:nth-child(odd) {\r\n        left: 0;\r\n        text-align: right;\r\n    }\r\n\r\n    .om-landing-timeline-item:nth-child(even) {\r\n        left: 50%;\r\n    }\r\n\r\n    .om-landing-timeline-dot {\r\n        position: absolute;\r\n        width: 16px;\r\n        height: 16px;\r\n        background: #0B0B0F;\r\n        border: 3px solid #D4AF37;\r\n        top: 20px;\r\n        border-radius: 50%;\r\n        z-index: 2;\r\n        box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .om-landing-timeline-item:nth-child(odd) .om-landing-timeline-dot {\r\n        right: -8px;\r\n    }\r\n\r\n    .om-landing-timeline-item:nth-child(even) .om-landing-timeline-dot {\r\n        left: -8px;\r\n    }\r\n\r\n    \/* Countdown Timer *\/\r\n    .om-countdown {\r\n        display: flex;\r\n        gap: 15px;\r\n        justify-content: center;\r\n        margin: 25px 0;\r\n    }\r\n    .om-countdown-box {\r\n        background: rgba(255,255,255,0.03);\r\n        border: 1px solid rgba(212, 175, 55, 0.3);\r\n        border-radius: 8px;\r\n        padding: 15px 10px;\r\n        text-align: center;\r\n        min-width: 80px;\r\n        box-shadow: inset 0 0 10px rgba(212, 175, 55, 0.05);\r\n    }\r\n    .om-countdown-num {\r\n        font-size: 28px;\r\n        font-family: 'Playfair Display', serif;\r\n        color: #D4AF37;\r\n        font-weight: 600;\r\n        line-height: 1;\r\n        margin-bottom: 5px;\r\n    }\r\n    .om-countdown-label {\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #A0A0A0;\r\n    }\r\n\r\n    \/* Teacher Profile Section *\/\r\n    .om-landing-teacher-profile {\r\n        background: rgba(255, 255, 255, 0.02);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        border-radius: 24px;\r\n        padding: 60px;\r\n        display: flex;\r\n        gap: 50px;\r\n        align-items: center;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n        margin-top: 20px;\r\n    }\r\n\r\n    .om-landing-teacher-img-wrapper {\r\n        flex: 0 0 300px;\r\n        position: relative;\r\n    }\r\n\r\n    .om-landing-teacher-img-wrapper::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -15px; left: -15px; right: 15px; bottom: 15px;\r\n        border: 1px solid rgba(212, 175, 55, 0.3);\r\n        border-radius: 20px;\r\n        z-index: 0;\r\n    }\r\n\r\n    .om-landing-about-img {\r\n        width: 100%;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);\r\n        aspect-ratio: 3\/4;\r\n        object-fit: cover;\r\n        background: linear-gradient(135deg, #1A1A24 0%, #0B0B0F 100%);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .om-landing-teacher-content {\r\n        flex: 1;\r\n    }\r\n\r\n    \/* FAQ Accordion *\/\r\n    .om-landing-faq-item {\r\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    .om-landing-faq-question {\r\n        padding: 24px 0;\r\n        cursor: pointer;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        font-size: 20px;\r\n        font-family: 'Playfair Display', serif;\r\n        font-weight: 600;\r\n        color: #FFFFFF;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .om-landing-faq-question:hover {\r\n        color: #D4AF37;\r\n    }\r\n\r\n    .om-landing-faq-icon {\r\n        font-size: 24px;\r\n        font-weight: 300;\r\n        transition: transform 0.3s ease;\r\n        color: #D4AF37;\r\n    }\r\n\r\n    .om-landing-faq-answer {\r\n        max-height: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease;\r\n    }\r\n\r\n    .om-landing-faq-answer p {\r\n        padding-bottom: 24px;\r\n        margin: 0;\r\n    }\r\n\r\n    .om-landing-faq-item.active .om-landing-faq-answer {\r\n        max-height: 200px;\r\n    }\r\n\r\n    .om-landing-faq-item.active .om-landing-faq-icon {\r\n        transform: rotate(45deg);\r\n    }\r\n\r\n    \/* ==========================================================================\r\n       MOBILE RESPONSIVENESS OVERRIDES\r\n       ========================================================================== *\/\r\n    \r\n    @media (max-width: 900px) {\r\n        .om-landing-teacher-profile { flex-direction: column; padding: 40px 30px; text-align: center; }\r\n        .om-landing-teacher-img-wrapper { flex: 0 0 auto; width: 100%; max-width: 300px; margin: 0 auto 20px; }\r\n        .om-landing-list.teacher-list li { text-align: left; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .om-landing-container { padding: 60px 20px; }\r\n        .om-landing-container-sm { padding: 50px 20px; }\r\n        \r\n        .om-landing h1 { font-size: clamp(32px, 8vw, 48px); }\r\n        .om-landing h2 { font-size: clamp(26px, 6vw, 36px); }\r\n        \r\n        .om-landing-grid-2 { grid-template-columns: 1fr; gap: 40px; }\r\n\r\n        \/* Timeline Fixes *\/\r\n        .om-landing-timeline-line, .om-landing-timeline-line-animated { left: 20px; }\r\n        .om-landing-timeline-item { width: 100%; margin-left: 0 !important; padding-left: 60px !important; text-align: left !important; padding-right: 0 !important; left: 0 !important; }\r\n        .om-landing-timeline-item:nth-child(odd) .om-landing-timeline-dot,\r\n        .om-landing-timeline-item:nth-child(even) .om-landing-timeline-dot { left: 12px; right: auto; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        \/* Fluid Countdown Timer for small phones *\/\r\n        .om-countdown {\r\n            gap: 8px; \/* Reduce gap significantly *\/\r\n            margin: 20px 0;\r\n            width: 100%;\r\n        }\r\n        .om-countdown-box {\r\n            min-width: 0;\r\n            flex: 1; \/* Boxes share available space evenly *\/\r\n            padding: 12px 5px; \/* Tighter padding inside *\/\r\n        }\r\n        .om-countdown-num { font-size: 22px; }\r\n        .om-countdown-label { font-size: 9px; letter-spacing: 0.5px; }\r\n\r\n        \/* General Spacing *\/\r\n        .om-landing-pricing-box { padding: 30px 20px; } \/* More room inside pricing box *\/\r\n        .om-landing-price-huge { font-size: 48px; }\r\n        .om-landing-teacher-profile { padding: 30px 20px; }\r\n        \r\n        \/* Button Sizing *\/\r\n        .om-landing .btn-primary {\r\n            padding: 16px 24px !important;\r\n            font-size: 16px !important;\r\n            width: 100% !important; \/* Make buttons stretch across the screen on mobile *\/\r\n        }\r\n        \r\n        \/* List adjustments *\/\r\n        .om-landing-list li { font-size: 16px; margin-bottom: 12px; }\r\n    }\r\n\r\n<\/style>\r\n\r\n<div class=\"om-landing\">\r\n\r\n    <!-- 1. HERO SECTION -->\r\n    <section class=\"om-landing-section text-center\" style=\"padding-top: 120px; padding-bottom: 100px;\">\r\n        <div class=\"om-landing-glow\"><\/div>\r\n        <div class=\"om-landing-container\">\r\n            <h1>Create Your Own Elemental: <br><span class=\"text-gold\">Master Conscious Creation<\/span><\/h1>\r\n            <p style=\"font-size: 18px; color: #D4AF37; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 8px;\">\r\n                Live Workshop \u2022 May 15, 2026 (6 PM German Time)\r\n            <\/p>\r\n            <div id=\"local-time-display\" style=\"font-size: 14px; color: #E0E0E0; margin-bottom: 25px; background: rgba(255,255,255,0.05); display: inline-block; padding: 6px 16px; border-radius: 30px; border: 1px solid rgba(255,255,255,0.1);\">\r\n                Calculating your local time...\r\n            <\/div>\r\n            <p style=\"max-width: 800px; margin: 0 auto 40px; font-size: 20px; color: #E0E0E0;\">\r\n                A powerful 2-hour live workshop based on the teachings of Franz Bardon and Ray del Sole. Learn how to consciously create intelligent spiritual forces to support your success, protection, healing, and personal evolution.\r\n            <\/p>\r\n            \r\n            <div style=\"background: rgba(255,255,255,0.03); border: 1px solid rgba(212,175,55,0.3); padding: 15px 30px; border-radius: 50px; display: inline-flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; box-shadow: inset 0 0 20px rgba(212, 175, 55, 0.05);\">\r\n                <span style=\"color: #A0A0A0; font-size: 16px;\"><i class=\"ph ph-ticket\" style=\"margin-right: 5px;\"><\/i> Regular: \u20ac45<\/span>\r\n                <span style=\"color: #D4AF37; font-weight: 600; font-size: 18px;\"><i class=\"ph ph-fire\" style=\"margin-right: 5px;\"><\/i> Early Bird: \u20ac36<\/span>\r\n            <\/div>\r\n\r\n            <!-- Countdown Timer -->\r\n            <p style=\"font-size: 14px; color: #A0A0A0; margin-bottom: 0; margin-top: 10px;\">Early Bird Ends On May 10, 2026:<\/p>\r\n            <div class=\"om-countdown\" id=\"timer-hero\">\r\n                <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"hero-days\">00<\/div><div class=\"om-countdown-label\">Days<\/div><\/div>\r\n                <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"hero-hours\">00<\/div><div class=\"om-countdown-label\">Hours<\/div><\/div>\r\n                <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"hero-mins\">00<\/div><div class=\"om-countdown-label\">Mins<\/div><\/div>\r\n                <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"hero-secs\">00<\/div><div class=\"om-countdown-label\">Secs<\/div><\/div>\r\n            <\/div>\r\n            \r\n            <br>\r\n            <p style=\"font-size: 14px; color: #ff6b6b; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 8px;\">\r\n                <i class=\"ph-fill ph-warning-circle\"><\/i> Limited number of participants to ensure a high-quality, guided experience.\r\n            <\/p>\r\n            \r\n            <!-- Fluent Forms Modal Button via JS Trigger -->\r\n            <a href=\"javascript:void(0);\" onclick=\"window.triggerFluentModal();\" class=\"btn-primary\">Reserve Your Spot Now<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. PROBLEM SECTION -->\r\n    <section class=\"om-landing-section om-landing-section-darker\">\r\n        <div class=\"om-landing-container om-landing-grid-2\">\r\n            <div>\r\n                <h2>Why Most People Struggle to Create Real Change<\/h2>\r\n                <p>You may already be working on your mindset, your energy, or your spiritual growth\u2026 Yet something feels inconsistent.<\/p>\r\n                <p>The truth is: Most people rely on passive techniques. But true transformation begins when you learn to <strong class=\"text-gold\">create and direct conscious forces<\/strong>.<\/p>\r\n            <\/div>\r\n            <div style=\"background: rgba(255,0,0,0.02); padding: 40px; border-radius: 16px; border: 1px solid rgba(255, 75, 75, 0.1);\">\r\n                <ul class=\"om-landing-list om-landing-list-cross\">\r\n                    <li>You lack focused influence over your reality<\/li>\r\n                    <li>Your intentions don\u2019t always manifest<\/li>\r\n                    <li>You feel mentally scattered instead of directed<\/li>\r\n                    <li>You want deeper access to real spiritual power<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. SOLUTION SECTION -->\r\n    <section class=\"om-landing-section text-center\">\r\n        <div class=\"om-landing-glow\" style=\"background: radial-gradient(circle, rgba(212, 175, 55, 0.1) 0%, rgba(11, 11, 15, 0) 60%); top: 50%; transform: translate(-50%, -50%);\"><\/div>\r\n        <div class=\"om-landing-container-sm\">\r\n            <h2 class=\"text-gold\">Discover the Science of Elementals<\/h2>\r\n            <p style=\"font-size: 22px; color: #FFF; line-height: 1.8;\">\r\n                In this workshop, you will learn how to create Elementals \u2014 <strong class=\"text-gold\">intelligent, programmed mental beings<\/strong> that act as obedient forces of your will.\r\n            <\/p>\r\n            <p style=\"margin-top: 30px;\">\r\n                They are designed to actively support you in Success & Prosperity, Protection, Mental Strength, Relationships, and Spiritual Growth.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. WHAT YOU WILL LEARN -->\r\n    <section class=\"om-landing-section om-landing-section-darker\">\r\n        <div class=\"om-landing-container text-center\">\r\n            <h2>What You\u2019ll Experience in This 2-Hour Workshop<\/h2>\r\n            <p style=\"margin-bottom: 50px;\">A practical, deep-dive into applied spiritual mechanics.<\/p>\r\n            \r\n            <div class=\"om-landing-grid-3\">\r\n                <div class=\"om-landing-card\">\r\n                    <h3>True Nature<\/h3>\r\n                    <p>Understand exactly what elementals are, how they function, and the mechanics behind their power.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-card\">\r\n                    <h3>Step-by-Step System<\/h3>\r\n                    <p>Learn a repeatable, structured framework to conceptualize and build your own spiritual forces.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-card\">\r\n                    <h3>Mental Programming<\/h3>\r\n                    <p>Discover how to program them with specific intelligence and parameters for real-world results.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-card\">\r\n                    <h3>Rules & Safety<\/h3>\r\n                    <p>Master the key rules and ethical guidelines to ensure absolute effectiveness and energetic safety.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-card\">\r\n                    <h3>Live Creation<\/h3>\r\n                    <p>Experience a live, guided creation process. You will build your first elemental during the workshop.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-card\">\r\n                    <h3>Integration<\/h3>\r\n                    <p>Learn how to apply your creation immediately into your daily life for tangible outcomes.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 5. UNIQUE MECHANISM -->\r\n    <section class=\"om-landing-section\">\r\n        <div class=\"om-landing-container-sm text-center\">\r\n            <h2>This Is Not Visualization \u2014 <br><span class=\"text-gold\">This Is Creation<\/span><\/h2>\r\n            <p style=\"font-size: 20px; color: #FFF; margin-bottom: 40px;\">You are not just thinking or hoping. You are executing a precise spiritual science.<\/p>\r\n            \r\n            <div style=\"background: rgba(255,255,255,0.02); border-radius: 16px; padding: 40px; text-align: left; border: 1px solid rgba(255,255,255,0.05); max-width: 600px; margin: 0 auto;\">\r\n                <ul class=\"om-landing-list\">\r\n                    <li><span><strong class=\"text-gold\">Creating<\/strong> a structured energetic form<\/span><\/li>\r\n                    <li><span><strong class=\"text-gold\">Programming<\/strong> it with intention and intelligence<\/span><\/li>\r\n                    <li><span><strong class=\"text-gold\">Activating<\/strong> it to perform a specific task<\/span><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <p style=\"margin-top: 30px; font-size: 20px; font-style: italic; color: #D4AF37;\">\"This is where spirituality becomes practical power.\"<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 6. WORKSHOP STRUCTURE (Timeline) -->\r\n    <section class=\"om-landing-section om-landing-section-darker\">\r\n        <div class=\"om-landing-container\">\r\n            <h2 class=\"text-center\" style=\"margin-bottom: 60px;\">Workshop Flow (2 Hours)<\/h2>\r\n            \r\n            <div class=\"om-landing-timeline\">\r\n                <div class=\"om-landing-timeline-line\"><\/div>\r\n                <div class=\"om-landing-timeline-line-animated\" id=\"timeline-animated-line\"><\/div>\r\n\r\n                <div class=\"om-landing-timeline-item\">\r\n                    <div class=\"om-landing-timeline-dot\"><\/div>\r\n                    <h3 style=\"margin-bottom: 10px; color: #D4AF37;\">Part 1: Foundations<\/h3>\r\n                    <p><strong>(30 min)<\/strong> Principles, ethics, and deep understanding of the forces involved.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-timeline-item\">\r\n                    <div class=\"om-landing-timeline-dot\"><\/div>\r\n                    <h3 style=\"margin-bottom: 10px; color: #D4AF37;\">Part 2: The Method<\/h3>\r\n                    <p><strong>(45 min)<\/strong> The exact mechanics of Creation, Programming, and Activation.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-timeline-item\">\r\n                    <div class=\"om-landing-timeline-dot\"><\/div>\r\n                    <h3 style=\"margin-bottom: 10px; color: #D4AF37;\">Part 3: Guided Practice<\/h3>\r\n                    <p><strong>(30 min)<\/strong> Create your first working elemental live with step-by-step guidance.<\/p>\r\n                <\/div>\r\n                <div class=\"om-landing-timeline-item\">\r\n                    <div class=\"om-landing-timeline-dot\"><\/div>\r\n                    <h3 style=\"margin-bottom: 10px; color: #D4AF37;\">Part 4: Integration<\/h3>\r\n                    <p><strong>(15 min)<\/strong> Daily application methods and open Q&A session.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 7 & 8. REAL-LIFE APPLICATION & EXAMPLE -->\r\n    <section class=\"om-landing-section\">\r\n        <div class=\"om-landing-container om-landing-grid-2\">\r\n            <div>\r\n                <h2>What You Can Use It For<\/h2>\r\n                <ul class=\"om-landing-list\">\r\n                    <li>Attract success and aligned opportunities<\/li>\r\n                    <li>Strengthen focus and mental clarity<\/li>\r\n                    <li>Protect your personal energy field<\/li>\r\n                    <li>Support physical and emotional healing<\/li>\r\n                    <li>Improve and harmonize relationships<\/li>\r\n                    <li>Accelerate your spiritual evolution<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"om-landing-card\" style=\"border-color: rgba(212, 175, 55, 0.4); background: linear-gradient(135deg, rgba(212, 175, 55, 0.05) 0%, rgba(0,0,0,0) 100%);\">\r\n                <div class=\"om-landing-badge\">Workshop Example<\/div>\r\n                <h3 class=\"text-gold\">The \"Fortune Bringer\"<\/h3>\r\n                <p class=\"text-white\">During the training, we discuss creating an intelligent force that:<\/p>\r\n                <ul class=\"om-landing-list\" style=\"margin-top: 20px;\">\r\n                    <li>Attracts success, opportunities, and aligned people<\/li>\r\n                    <li>Subtly guides your intuitive decisions<\/li>\r\n                    <li>Supports a life of fulfillment and flow<\/li>\r\n                <\/ul>\r\n                <p style=\"margin-top: 20px; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; color: #A0A0A0;\">\r\n                    <em>This is exactly the level of practical mastery you will learn to build.<\/em>\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 9. PRICING SECTION -->\r\n    <section id=\"pricing\" class=\"om-landing-section om-landing-section-darker text-center\">\r\n        <div class=\"om-landing-container\">\r\n            <h2>Join the Workshop<\/h2>\r\n            \r\n            <div class=\"om-landing-pricing-box\">\r\n                <div class=\"om-landing-badge\" style=\"background: rgba(255, 75, 75, 0.1); color: #ff6b6b; border-color: rgba(255, 75, 75, 0.3);\">\r\n                    <i class=\"ph-fill ph-fire\"><\/i> Limited Spots Available\r\n                <\/div>\r\n                <h3 class=\"text-white\" style=\"margin-top: 10px;\">Early Bird Ticket<\/h3>\r\n                <div class=\"om-landing-price-huge\">\u20ac36 <span class=\"om-landing-price-strike\">\u20ac45<\/span><\/div>\r\n                \r\n                <!-- Pricing Countdown Timer -->\r\n                <div style=\"margin-top: 20px;\">\r\n                    <p style=\"font-size: 14px; color: #A0A0A0; margin-bottom: 0;\">Early Bird Ends On May 10, 2026:<\/p>\r\n                    <div class=\"om-countdown\" id=\"timer-pricing\">\r\n                        <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"pricing-days\">00<\/div><div class=\"om-countdown-label\">Days<\/div><\/div>\r\n                        <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"pricing-hours\">00<\/div><div class=\"om-countdown-label\">Hours<\/div><\/div>\r\n                        <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"pricing-mins\">00<\/div><div class=\"om-countdown-label\">Mins<\/div><\/div>\r\n                        <div class=\"om-countdown-box\"><div class=\"om-countdown-num\" id=\"pricing-secs\">00<\/div><div class=\"om-countdown-label\">Secs<\/div><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div style=\"text-align: left; margin-top: 30px; background: rgba(0,0,0,0.4); padding: 30px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05);\">\r\n                    <h4 style=\"font-size: 18px; margin-bottom: 20px; color: #FFF;\">What You Get:<\/h4>\r\n                    <ul class=\"om-landing-list\">\r\n                        <li>2-hour live workshop experience<\/li>\r\n                        <li>Full access to the workshop recording<\/li>\r\n                        <li>Live guided elemental creation<\/li>\r\n                        <li>A practical, repeatable system<\/li>\r\n                        <li>Immediate real-world application<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div style=\"margin-top: 30px; padding: 15px; background: rgba(255, 75, 75, 0.05); border: 1px solid rgba(255, 75, 75, 0.2); border-radius: 8px;\">\r\n                    <p style=\"color: #ff6b6b; margin: 0; font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 8px;\">\r\n                        <i class=\"ph-fill ph-warning-circle\"><\/i> <strong>Important:<\/strong> To ensure a high-quality and focused experience, the number of participants is strictly limited.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Fluent Forms Modal Button via JS Trigger (Full Width) -->\r\n                <div style=\"margin-top: 30px;\">\r\n                    <a href=\"javascript:void(0);\" onclick=\"window.triggerFluentModal();\" class=\"btn-primary btn-full\">Secure Your Spot Now<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 10 & 11. FOR WHOM & ABOUT -->\r\n    <section class=\"om-landing-section\">\r\n        <div class=\"om-landing-container\">\r\n            \r\n            <!-- Target Audience -->\r\n            <div style=\"text-align: center; max-width: 800px; margin: 0 auto 80px;\">\r\n                <h2>This Workshop Is For You If\u2026<\/h2>\r\n                <div style=\"display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 30px;\">\r\n                    <div style=\"background: rgba(255,255,255,0.03); padding: 15px 25px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; gap: 10px;\">\r\n                        <span style=\"color: #D4AF37; font-weight: bold;\">&#10003;<\/span> You seek real spiritual mastery\r\n                    <\/div>\r\n                    <div style=\"background: rgba(255,255,255,0.03); padding: 15px 25px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; gap: 10px;\">\r\n                        <span style=\"color: #D4AF37; font-weight: bold;\">&#10003;<\/span> You want practical daily tools\r\n                    <\/div>\r\n                    <div style=\"background: rgba(255,255,255,0.03); padding: 15px 25px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; gap: 10px;\">\r\n                        <span style=\"color: #D4AF37; font-weight: bold;\">&#10003;<\/span> You are ready to control your reality\r\n                    <\/div>\r\n                    <div style=\"background: rgba(255,255,255,0.03); padding: 15px 25px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.05); display: flex; align-items: center; gap: 10px;\">\r\n                        <span style=\"color: #D4AF37; font-weight: bold;\">&#10003;<\/span> You feel called to esoteric knowledge\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- DEDICATED TEACHER SECTION -->\r\n            <div class=\"om-landing-teacher-profile\">\r\n                <div class=\"om-landing-teacher-img-wrapper\">\r\n                    <div class=\"om-landing-about-img\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ordomysticus.org\/wp-content\/uploads\/2025\/04\/Ray-del-Sole-Photo.jpg\" alt=\"Ray del Sole\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 20px;\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"om-landing-teacher-content\">\r\n                    <h3 style=\"color: #D4AF37; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; font-family: 'Inter', sans-serif;\">About Your Teacher<\/h3>\r\n                    <h2 style=\"font-size: 40px; margin-bottom: 25px;\">Ray del Sole<\/h2>\r\n                    \r\n                    <p style=\"font-size: 16px; line-height: 1.8; margin-bottom: 15px;\">\r\n                        Ray del Sole is a renowned expert in metaphysics and mysticism, dedicated to guiding seekers toward spiritual perfection and authentic self-mastery. As the founder of the Sura Academy, Ray provides a holistic training system rooted in the universal teachings of Franz Bardon, balancing the power of metaphysics with the refinement of mysticism.\r\n                    <\/p>\r\n                    \r\n                    <p style=\"font-size: 16px; line-height: 1.8; margin-bottom: 25px;\">\r\n                        With a diverse background that blends scientific study with deep spiritual practice, Ray integrates his expertise as a certified naturopath for psychotherapy, a psychological counselor, and a spiritual healer to help individuals dissolve personal blockades and heal karma.\r\n                    <\/p>\r\n                    \r\n                    <div style=\"background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); padding: 25px; border-radius: 12px; margin-bottom: 25px;\">\r\n                        <ul class=\"om-landing-list teacher-list\" style=\"font-size: 15px; margin-bottom: 0;\">\r\n                            <li style=\"margin-bottom: 12px;\"><span>Over 30 years of spiritual studies and practical training on the universal path<\/span><\/li>\r\n                            <li style=\"margin-bottom: 12px;\"><span>Author of over 50 books about spiritual topics & healing<\/span><\/li>\r\n                            <li style=\"margin-bottom: 12px;\"><span>Founder of Sura Academy, Ordo Mysticus, and 4Mystics<\/span><\/li>\r\n                            <li style=\"margin-bottom: 12px;\"><span>Certified Naturopath for Psychotherapy & Psychological Counselor<\/span><\/li>\r\n                            <li style=\"margin-bottom: 12px;\"><span>Certified Past-Life-Therapist & Master of Hypnotherapy<\/span><\/li>\r\n                            <li style=\"margin-bottom: 12px;\"><span>Spiritual Healer in the Mystical Tradition<\/span><\/li>\r\n                            <li style=\"margin-bottom: 0;\"><span>Architect, specialized in management and project management<\/span><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n\r\n                    <p style=\"font-size: 18px; font-style: italic; color: #D4AF37; border-left: 3px solid #D4AF37; padding-left: 20px; line-height: 1.6;\">\r\n                        \"He guides individuals into clarity, power, and authentic leadership, empowering students to develop equally in the four pillars of the path: Mastery, Wisdom, Love, and Good Deeds.\"\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 12. FAQ -->\r\n    <section class=\"om-landing-section om-landing-section-darker\">\r\n        <div class=\"om-landing-container-sm\">\r\n            <h2 class=\"text-center\" style=\"margin-bottom: 50px;\">Frequently Asked Questions<\/h2>\r\n            \r\n            <div class=\"om-landing-faq\">\r\n                <div class=\"om-landing-faq-item\">\r\n                    <div class=\"om-landing-faq-question\">\r\n                        What if I can't attend live? Will there be a recording?\r\n                        <i class=\"ph ph-plus om-landing-faq-icon\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"om-landing-faq-answer\">\r\n                        <p>Yes! The entire workshop will be recorded. If you cannot attend live, you can still secure your spot now (and claim the Early Bird price) to get full access to the replay afterward. <br><br><em>Please note: By participating live, you consent to being recorded, as the session will be made available for future students.<\/em><\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"om-landing-faq-item\">\r\n                    <div class=\"om-landing-faq-question\">\r\n                        Do I need previous experience?\r\n                        <i class=\"ph ph-plus om-landing-faq-icon\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"om-landing-faq-answer\">\r\n                        <p>No \u2014 beginners are completely welcome. The workshop is designed to take you step-by-step from foundational understanding to practical application.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"om-landing-faq-item\">\r\n                    <div class=\"om-landing-faq-question\">\r\n                        Is this safe to practice?\r\n                        <i class=\"ph ph-plus om-landing-faq-icon\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"om-landing-faq-answer\">\r\n                        <p>Yes. Ethical, responsible creation and energetic safety are core components of this training. You will learn the specific rules to ensure your practice remains beneficial and protected.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"om-landing-faq-item\">\r\n                    <div class=\"om-landing-faq-question\">\r\n                        Will I actually create an elemental during the call?\r\n                        <i class=\"ph ph-plus om-landing-faq-icon\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"om-landing-faq-answer\">\r\n                        <p>Yes. Part 3 of the workshop is a live, step-by-step guided creation process where you will build and activate your very first elemental alongside the teacher.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 13. FINAL CTA -->\r\n    <section class=\"om-landing-section text-center\" style=\"padding-top: 100px; padding-bottom: 120px;\">\r\n        <div class=\"om-landing-glow\" style=\"background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, rgba(11, 11, 15, 0) 60%); top: 50%; transform: translate(-50%, -50%);\"><\/div>\r\n        <div class=\"om-landing-container-sm\">\r\n            <h1 style=\"font-size: clamp(36px, 5vw, 56px);\">Step Into Conscious Creation<\/h1>\r\n            <p style=\"font-size: 22px; color: #FFF; margin-bottom: 40px;\">\r\n                If you feel ready to move beyond passive spirituality and step into true creation and influence\u2026 Now is the time.\r\n            <\/p>\r\n            \r\n            <div style=\"font-size: 20px; font-weight: 600; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; gap: 15px; flex-wrap: wrap;\">\r\n                <span class=\"text-gold\" style=\"background: rgba(212,175,55,0.1); padding: 8px 20px; border-radius: 30px;\"><i class=\"ph ph-fire\"><\/i> \u20ac36 Early Bird<\/span> \r\n                <span style=\"color: #666; display: none;\">|<\/span> \r\n                <span style=\"color: #A0A0A0; padding: 8px 20px;\"><i class=\"ph ph-ticket\"><\/i> \u20ac45 Regular Ticket<\/span>\r\n            <\/div>\r\n            \r\n            <p style=\"font-size: 16px; color: #ff6b6b; margin-bottom: 30px;\">\r\n                \u26a0\ufe0f Limited participants for maximum quality\r\n            <\/p>\r\n            \r\n            <!-- Fluent Forms Modal Button via JS Trigger (Large) -->\r\n            <a href=\"javascript:void(0);\" onclick=\"window.triggerFluentModal();\" class=\"btn-primary btn-large\">Reserve Your Spot Now<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- Scripts for Animations & Interactivity -->\r\n<script>\r\n    \/\/ Hidden Modal Trigger Function\r\n    window.triggerFluentModal = function() {\r\n        const modalBtn = document.querySelector('.ff-custom-modal-trigger');\r\n        if (modalBtn) {\r\n            modalBtn.click();\r\n        } else {\r\n            alert('System Message: Please add the hidden Shortcode Widget as instructed to make the form appear!');\r\n        }\r\n    };\r\n\r\n    function initializeOMLandingPage() {\r\n        \r\n        \/\/ 1. FAQ Accordion Logic\r\n        const faqItems = document.querySelectorAll('.om-landing-faq-item');\r\n        faqItems.forEach(item => {\r\n            const question = item.querySelector('.om-landing-faq-question');\r\n            question.addEventListener('click', () => {\r\n                \/\/ Close others\r\n                faqItems.forEach(otherItem => {\r\n                    if (otherItem !== item) {\r\n                        otherItem.classList.remove('active');\r\n                        otherItem.querySelector('.om-landing-faq-icon').classList.replace('ph-x', 'ph-plus');\r\n                    }\r\n                });\r\n                \/\/ Toggle current\r\n                item.classList.toggle('active');\r\n                const icon = item.querySelector('.om-landing-faq-icon');\r\n                if (item.classList.contains('active')) {\r\n                    icon.classList.replace('ph-plus', 'ph-x');\r\n                } else {\r\n                    icon.classList.replace('ph-x', 'ph-plus');\r\n                }\r\n            });\r\n        });\r\n\r\n        \/\/ 2. Countdown Timer Logic (End Date: May 10, 2026)\r\n        const countDownDate = new Date(\"May 10, 2026 23:59:59\").getTime();\r\n        \r\n        function updateTimers() {\r\n            const now = new Date().getTime();\r\n            const distance = countDownDate - now;\r\n            \r\n            if (distance < 0) {\r\n                \/\/ Timer expired\r\n                document.querySelectorAll('.om-countdown').forEach(el => el.style.display = 'none');\r\n                return;\r\n            }\r\n\r\n            const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n            const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n            const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n            const formatTime = (time) => time < 10 ? `0${time}` : time;\r\n\r\n            \/\/ Update Hero Timer\r\n            const heroDays = document.getElementById(\"hero-days\");\r\n            if(heroDays) {\r\n                heroDays.innerText = formatTime(days);\r\n                document.getElementById(\"hero-hours\").innerText = formatTime(hours);\r\n                document.getElementById(\"hero-mins\").innerText = formatTime(minutes);\r\n                document.getElementById(\"hero-secs\").innerText = formatTime(seconds);\r\n            }\r\n\r\n            \/\/ Update Pricing Timer\r\n            const pricingDays = document.getElementById(\"pricing-days\");\r\n            if(pricingDays) {\r\n                pricingDays.innerText = formatTime(days);\r\n                document.getElementById(\"pricing-hours\").innerText = formatTime(hours);\r\n                document.getElementById(\"pricing-mins\").innerText = formatTime(minutes);\r\n                document.getElementById(\"pricing-secs\").innerText = formatTime(seconds);\r\n            }\r\n        }\r\n        \r\n        setInterval(updateTimers, 1000);\r\n        updateTimers(); \/\/ Initial call\r\n\r\n        \/\/ Local Time Converter\r\n        const localTimeEl = document.getElementById('local-time-display');\r\n        if (localTimeEl) {\r\n            try {\r\n                \/\/ Workshop is May 15, 2026 at 18:00 CEST (UTC+2)\r\n                const workshopDate = new Date('2026-05-15T18:00:00+02:00');\r\n                \r\n                const userLocaleString = workshopDate.toLocaleString(undefined, {\r\n                    weekday: 'short',\r\n                    month: 'long',\r\n                    day: 'numeric',\r\n                    hour: 'numeric',\r\n                    minute: '2-digit',\r\n                    timeZoneName: 'short'\r\n                });\r\n                \r\n                localTimeEl.innerHTML = 'Your Local Time will be: <strong style=\"color: #D4AF37;\">' + userLocaleString + '<\/strong>';\r\n            } catch(e) {\r\n                \/\/ Fallback if browser doesn't support Intl API\r\n                localTimeEl.style.display = 'none';\r\n            }\r\n        }\r\n\r\n        \/\/ 3. Timeline Scroll Animation\r\n        const timeline = document.querySelector('.om-landing-timeline');\r\n        const animatedLine = document.getElementById('timeline-animated-line');\r\n        const timelineDots = document.querySelectorAll('.om-landing-timeline-dot');\r\n        const timelineItems = document.querySelectorAll('.om-landing-timeline-item');\r\n\r\n        function updateTimelineScroll() {\r\n            if (!timeline || !animatedLine) return;\r\n            \r\n            const rect = timeline.getBoundingClientRect();\r\n            const windowHeight = window.innerHeight;\r\n            \r\n            \/\/ Calculate how far we scrolled through the timeline\r\n            \/\/ Start drawing when the top of the timeline hits the middle of the viewport\r\n            let scrollPercentage = (windowHeight \/ 2 - rect.top) \/ (rect.height);\r\n            \r\n            \/\/ Clamp between 0 and 1\r\n            scrollPercentage = Math.max(0, Math.min(1, scrollPercentage));\r\n            \r\n            \/\/ Animate line height\r\n            animatedLine.style.height = `${scrollPercentage * 100}%`;\r\n\r\n            \/\/ Illuminate dots as the line passes them\r\n            timelineItems.forEach((item, index) => {\r\n                const itemRect = item.getBoundingClientRect();\r\n                \/\/ If the item's dot is above the middle of the screen\r\n                if (windowHeight \/ 2 > itemRect.top + 20) {\r\n                    timelineDots[index].style.background = '#D4AF37';\r\n                    timelineDots[index].style.boxShadow = '0 0 15px #D4AF37';\r\n                } else {\r\n                    timelineDots[index].style.background = '#0B0B0F';\r\n                    timelineDots[index].style.boxShadow = '0 0 10px rgba(212, 175, 55, 0.5)';\r\n                }\r\n            });\r\n        }\r\n\r\n        window.addEventListener('scroll', updateTimelineScroll);\r\n        \/\/ Fire it once right away so it renders correctly if the user loads halfway down the page\r\n        updateTimelineScroll(); \r\n    }\r\n\r\n    \/\/ This guarantees execution whether we are inside Elementor or loaded normally!\r\n    if (document.readyState === 'loading') {\r\n        document.addEventListener('DOMContentLoaded', initializeOMLandingPage);\r\n    } else {\r\n        initializeOMLandingPage();\r\n    }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d040a5 e-flex e-con-boxed e-con e-parent\" data-id=\"8d040a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbee63f elementor-widget elementor-widget-shortcode\" data-id=\"bbee63f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"ff_form_modal\"><button data-lity data-lity-target=\"#ff_modal_instance_1\" class=\"ff_modal_btn ff-custom-modal-trigger\">Hidden<\/button><div style=\"display: none\" class=\"ff_form_modal_body\"><div style=\"background-color: white\" class=\"ff_modal_container lity-hide\" id=\"ff_modal_instance_1\"><div class='fluentform ff-default fluentform_wrapper_9 ffs_default_wrap'><form data-form_id=\"9\" id=\"fluentform_9\" class=\"frm-fluent-form fluent_form_9 ff-el-form-top ff_form_instance_9_1 ff-form-loading fluentform_has_payment ffs_default\" data-form_instance=\"ff_form_instance_9_1\" method=\"POST\" data-turnstile_key=\"0x4AAAAAAAVJFYCP2hxz1N_Z\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Elementals Workshop<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='45881' \/><input type=\"hidden\" id=\"_fluentform_9_fluentformnonce\" name=\"_fluentform_9_fluentformnonce\" value=\"534ff935b4\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/de\/wp-json\/wp\/v2\/pages\/45881\" \/><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_9_names_first_name_' id='label_ff_9_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_9_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Your First Name\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_9_email' id='label_ff_9_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_9_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Early Bird Ticket\">Early Bird Ticket<\/label><\/div><div class='ff-el-input--content'><input type=\"hidden\" id=\"ff_9_payment_input\" name=\"payment_input\" value=\"36\" class=\"ff_payment_item\" data-payment_item=\"yes\" data-payment_value=\"36\" data-payment_label=\"Early Bird Ticket\" ><span class=\"ff_item_price_wrapper\"><span class=\"ff_product_price_label\">Price:<\/span> <span class=\"ff_product_price\">\u20ac36<\/span><\/span><\/div><\/div><div class='ff-el-group  ff-payment_summary_component' tabindex='-1' data-name=\"payment_summary_component-9_1\" ><div class=\"ff_dynamic_value ff_dynamic_payment_summary\" data-ref=\"payment_summary\"><div class=\"ff_payment_summary\"><\/div><div class=\"ff_payment_summary_fallback\">No payment items has been selected yet<\/div><\/div><\/div><input name=\"payment_method\" type=\"hidden\" value=\"paypal\" data-name=\"payment_method\" class=\"ff-el-form-check-input ff_payment_method ff_selected_payment_method\" ><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='I consent to have this website store my submitted information so they can respond to my inquiry' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_32356058756194398b81a166fb923d67><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_32356058756194398b81a166fb923d67\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>I consent to have this website store my submitted information so they can respond to my inquiry<\/div><\/label><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Terms and Conditions: I have read and agree to the Terms and Conditions and Privacy Policy Contains 2 links. Use tab navigation to review.' class='ff-el-form-check-label ff_tc_label' for=terms-n-condition_f612db09860cfc8a25f2ce5045d77e3e><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"terms-n-condition\" class=\"ff-el-form-check-input\" data-name=\"terms-n-condition\" id=\"terms-n-condition_f612db09860cfc8a25f2ce5045d77e3e\"  value='on' aria-invalid='false' aria-required=false><\/span> <div class='ff_t_c'>I have read and agree to the <a target=\"_blank\" rel=\"noopener\" href=\"#\">Terms and Conditions<\/a> and <a target=\"_blank\" rel=\"noopener\" href=\"#\">Privacy Policy<\/a><\/div><\/label><\/div><\/div><div class='ff-el-group ' ><div class='ff-el-input--content'><div data-fluent_id='9' name='cf-turnstile-response'><div\n\t\tdata-sitekey='0x4AAAAAAAVJFYCP2hxz1N_Z'\n\t\tdata-theme='auto'\n\t\tid='fluentform-turnstile-9-1'\n\t\tclass='ff-el-turnstile cf-turnstile'\n\t\tdata-appearance='always'><\/div><\/div><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"Secure my spot to the event\">Secure my spot to the event<\/button><\/div><\/fieldset><\/form><div id='fluentform_9_errors' class='ff-errors-in-stack ff_form_instance_9_1 ff-form-loading_errors ff_form_instance_9_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_9_1 = {\"id\":\"9\",\"ajaxUrl\":\"https:\\\/\\\/ordomysticus.org\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_9_1\",\"form_id_selector\":\"fluentform_9\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"Dieses Feld muss eine g\\u00fcltige E-Mail-Adresse enthalten\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"payment_input\":{\"required\":{\"value\":false,\"global\":true,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\"}},\"payment_method\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\"}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\",\"global\":true}},\"terms-n-condition\":{\"required\":{\"value\":false,\"message\":\"Dieses Feld ist erforderlich\",\"global_message\":\"This field is required\",\"global\":true}},\"cf-turnstile-response\":[]},\"debounce_time\":300};\n                            <\/script>\n            <\/div><\/div><\/div><\/div>\n\t\t\t\t\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>Create Your Own Elemental: Master Conscious Creation Live Workshop \u2022 May 15, 2026 (6 PM German Time) Calculating your local [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":45903,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-45881","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/pages\/45881","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/comments?post=45881"}],"version-history":[{"count":19,"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/pages\/45881\/revisions"}],"predecessor-version":[{"id":45912,"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/pages\/45881\/revisions\/45912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/media\/45903"}],"wp:attachment":[{"href":"https:\/\/ordomysticus.org\/de\/wp-json\/wp\/v2\/media?parent=45881"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}