{"id":10,"date":"2026-04-02T07:28:40","date_gmt":"2026-04-02T07:28:40","guid":{"rendered":"https:\/\/tvoa.mattimoorman.nl\/?page_id=10"},"modified":"2026-04-03T12:55:40","modified_gmt":"2026-04-03T12:55:40","slug":"elementor-10","status":"publish","type":"page","link":"https:\/\/tvoa.mattimoorman.nl\/","title":{"rendered":"The Voice of Anasheed"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1958061b e-con-full e-flex e-con e-parent\" data-id=\"1958061b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-165ba4ea elementor-widget elementor-widget-html\" data-id=\"165ba4ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n        :root {\n            --turquoise: #5DD3C8;\n            --turquoise-light: #B8F0E8;\n            --turquoise-pale: #E8F9F7;\n            --peach: #FFAB91;\n            --peach-light: #FFE4D6;\n            --golden: #FFD54F;\n            --golden-light: #FFF3C4;\n            --lilac: #B39DDB;\n            --lilac-light: #EDE7F6;\n            --mint: #A5D6A7;\n            --coral: #FF8A80;\n            --white: #FFFFFF;\n            --cream: #FFFDF7;\n            --text-dark: #37474F;\n            --text-light: #78909C;\n            --teal: #00897B;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Nunito', sans-serif;\n            line-height: 1.7;\n            color: var(--text-dark);\n            background: var(--cream);\n            overflow-x: hidden;\n        }\n\n        h1, h2, h3, h4, h5, h6 {\n            font-family: 'Fredoka', cursive;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        a { text-decoration: none; color: inherit; }\n        \n        .container {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 0 30px;\n        }\n\n        \/* ======================== *\/\n        \/* FLOATING SHAPES BACKGROUND *\/\n        \/* ======================== *\/\n        .shapes-bg {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: -1;\n            overflow: hidden;\n        }\n\n        .shape {\n            position: absolute;\n            border-radius: 50%;\n            opacity: 0.4;\n            animation: floatShape 20s ease-in-out infinite;\n        }\n\n        .shape-1 {\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, var(--turquoise-light) 0%, transparent 70%);\n            top: -100px;\n            left: -100px;\n            animation-delay: 0s;\n        }\n\n        .shape-2 {\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, var(--peach-light) 0%, transparent 70%);\n            top: 50%;\n            right: -50px;\n            animation-delay: -5s;\n        }\n\n        .shape-3 {\n            width: 250px;\n            height: 250px;\n            background: radial-gradient(circle, var(--golden-light) 0%, transparent 70%);\n            bottom: 10%;\n            left: 20%;\n            animation-delay: -10s;\n        }\n\n        .shape-4 {\n            width: 200px;\n            height: 200px;\n            background: radial-gradient(circle, var(--lilac-light) 0%, transparent 70%);\n            top: 40%;\n            left: 30%;\n            animation-delay: -15s;\n        }\n\n        @keyframes floatShape {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            25% { transform: translate(30px, -30px) scale(1.05); }\n            50% { transform: translate(-20px, 20px) scale(0.95); }\n            75% { transform: translate(20px, 10px) scale(1.02); }\n        }\n\n        \/* ======================== *\/\n        \/* CUSTOM CURSOR FOR KIDS *\/\n        \/* ======================== *\/\n        .cursor-trail {\n            position: fixed;\n            width: 20px;\n            height: 20px;\n            pointer-events: none;\n            z-index: 9999;\n            transition: transform 0.1s;\n        }\n\n        .cursor-trail::before {\n            content: '\u00c3\u00a2\u00c5\u201c\u00c2\u00a8';\n            font-size: 20px;\n            position: absolute;\n            animation: cursorPop 0.5s ease-out forwards;\n        }\n\n        @keyframes cursorPop {\n            0% { transform: scale(0); opacity: 1; }\n            100% { transform: scale(2); opacity: 0; }\n        }\n\n        \/* ======================== *\/\n        \/* WAVY HEADER *\/\n        \/* ======================== *\/\n        header {\n            background: rgba(255, 255, 255, 0.85);\n            backdrop-filter: blur(15px);\n            position: fixed;\n            width: 100%;\n            top: 0;\n            z-index: 1000;\n            border-bottom: 3px dashed var(--turquoise-light);\n        }\n\n        .header-inner {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 15px 0;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .logo-badge {\n            width: 60px;\n            height: 60px;\n            background: linear-gradient(135deg, var(--turquoise) 0%, var(--mint) 100%);\n            border-radius: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 32px;\n            font-weight: 700;\n            color: white;\n            box-shadow: 0 8px 25px rgba(93, 211, 200, 0.4);\n            transform: rotate(-3deg);\n            transition: transform 0.3s;\n        }\n\n        .logo-badge:hover {\n            transform: rotate(3deg) scale(1.05);\n        }\n\n        .logo-text {\n            font-family: 'Fredoka', cursive;\n            font-size: 32px;\n            font-weight: 700;\n            background: linear-gradient(135deg, var(--teal), var(--turquoise));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        \/* ======================== *\/\n        \/* ADVENTURE PATH NAV *\/\n        \/* ======================== *\/\n        nav {\n            position: relative;\n        }\n\n        .nav-path {\n            display: flex;\n            align-items: center;\n            gap: 5px;\n            background: var(--white);\n            padding: 8px 15px;\n            border-radius: 50px;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n        }\n\n        .nav-dot {\n            width: 12px;\n            height: 12px;\n            background: var(--turquoise-light);\n            border-radius: 50%;\n            transition: all 0.3s;\n        }\n\n        .nav-dot.active {\n            background: var(--coral);\n            transform: scale(1.3);\n        }\n\n        nav ul {\n            display: flex;\n            list-style: none;\n            gap: 8px;\n            align-items: center;\n        }\n\n        nav a {\n            padding: 12px 22px;\n            border-radius: 25px;\n            font-weight: 700;\n            font-size: 15px;\n            transition: all 0.3s ease;\n            position: relative;\n        }\n\n        nav a:not(.btn):hover {\n            background: var(--turquoise-pale);\n            transform: translateY(-2px);\n        }\n\n        nav a.active:not(.btn) {\n            background: var(--coral);\n            color: white;\n        }\n\n        .btn-adventure {\n            background: linear-gradient(135deg, var(--peach), var(--coral));\n            color: white !important;\n            padding: 12px 28px;\n            border-radius: 30px;\n            font-weight: 700;\n            box-shadow: 0 8px 25px rgba(255, 138, 128, 0.4);\n            transition: all 0.3s !important;\n        }\n\n        .btn-adventure:hover {\n            transform: translateY(-3px) scale(1.05);\n            box-shadow: 0 12px 35px rgba(255, 138, 128, 0.5);\n        }\n\n        \/* ======================== *\/\n        \/* HERO - MAGICAL FOREST *\/\n        \/* ======================== *\/\n        .hero {\n            min-height: 100vh;\n            padding-top: 100px;\n            position: relative;\n            background: linear-gradient(180deg, var(--cream) 0%, var(--turquoise-pale) 50%, var(--lilac-light) 100%);\n            overflow: hidden;\n        }\n\n        .hero-bg-elements {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n        }\n\n        .floating-item {\n            position: absolute;\n            animation: floatItem 6s ease-in-out infinite;\n            font-size: 50px;\n            opacity: 0.9;\n        }\n\n        .floating-item:nth-child(1) { top: 15%; left: 5%; animation-delay: 0s; font-size: 60px; }\n        .floating-item:nth-child(2) { top: 25%; right: 10%; animation-delay: -2s; }\n        .floating-item:nth-child(3) { bottom: 20%; left: 8%; animation-delay: -4s; }\n        .floating-item:nth-child(4) { bottom: 30%; right: 5%; animation-delay: -1s; }\n        .floating-item:nth-child(5) { top: 40%; left: 45%; animation-delay: -3s; font-size: 30px; }\n\n        @keyframes floatItem {\n            0%, 100% { transform: translateY(0) rotate(0deg); }\n            50% { transform: translateY(-20px) rotate(10deg); }\n        }\n\n        .hero .container {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 60px;\n            align-items: center;\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero-content {\n            position: relative;\n        }\n\n        .hero-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--white);\n            padding: 10px 20px;\n            border-radius: 30px;\n            font-weight: 700;\n            font-size: 14px;\n            color: var(--teal);\n            margin-bottom: 20px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.08);\n            animation: pulse 2s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.02); }\n        }\n\n        .hero h1 {\n            font-size: 64px;\n            line-height: 1.1;\n            margin-bottom: 25px;\n            position: relative;\n        }\n\n        .hero h1 .highlight {\n            position: relative;\n            display: inline-block;\n        }\n\n        .hero h1 .highlight::after {\n            content: '';\n            position: absolute;\n            bottom: 5px;\n            left: 0;\n            width: 100%;\n            height: 15px;\n            background: var(--golden-light);\n            border-radius: 10px;\n            z-index: -1;\n            transform: skewX(-5deg);\n        }\n\n        .hero p {\n            font-size: 20px;\n            color: var(--text-light);\n            margin-bottom: 35px;\n            max-width: 500px;\n        }\n\n        .hero-buttons {\n            display: flex;\n            gap: 15px;\n            flex-wrap: wrap;\n        }\n\n        .btn-start {\n            background: linear-gradient(135deg, var(--turquoise), var(--mint));\n            color: white;\n            padding: 18px 40px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 18px;\n            box-shadow: 0 10px 30px rgba(93, 211, 200, 0.4);\n            transition: all 0.3s;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .btn-start:hover {\n            transform: translateY(-4px) scale(1.02);\n            box-shadow: 0 15px 40px rgba(93, 211, 200, 0.5);\n        }\n\n        .btn-secondary {\n            background: var(--white);\n            color: var(--text-dark);\n            padding: 18px 35px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 16px;\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n            transition: all 0.3s;\n        }\n\n        .btn-secondary:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 30px rgba(0,0,0,0.12);\n        }\n\n        \/* ======================== *\/\n        \/* ADVENTURE CARDS *\/\n        \/* ======================== *\/\n        .hero-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n            position: relative;\n        }\n\n        .adventure-card {\n            background: var(--white);\n            border-radius: 30px;\n            padding: 35px 28px;\n            text-align: center;\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .adventure-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            background: linear-gradient(90deg, var(--turquoise), var(--mint));\n        }\n\n        .adventure-card:nth-child(2)::before { background: linear-gradient(90deg, var(--peach), var(--coral)); }\n        .adventure-card:nth-child(3)::before { background: linear-gradient(90deg, var(--golden), var(--peach)); }\n        .adventure-card:nth-child(4)::before { background: linear-gradient(90deg, var(--lilac), var(--turquoise)); }\n\n        .adventure-card:hover {\n            transform: translateY(-15px) scale(1.02);\n            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);\n        }\n\n        .adventure-card-icon {\n            width: 80px;\n            height: 80px;\n            border-radius: 25px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 20px;\n            font-size: 40px;\n            transition: transform 0.3s;\n        }\n\n        .adventure-card:hover .adventure-card-icon {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .adventure-card:nth-child(1) .adventure-card-icon { background: linear-gradient(135deg, #E0F7FA, #B2EBF2); }\n        .adventure-card:nth-child(2) .adventure-card-icon { background: linear-gradient(135deg, #FFF3E0, #FFE0B2); }\n        .adventure-card:nth-child(3) .adventure-card-icon { background: linear-gradient(135deg, #FFFDE7, #FFF9C4); }\n        .adventure-card:nth-child(4) .adventure-card-icon { background: linear-gradient(135deg, #EDE7F6, #D1C4E9); }\n\n        .adventure-card h4 {\n            font-size: 20px;\n            color: var(--text-dark);\n            margin-bottom: 8px;\n        }\n\n        .adventure-card p {\n            font-size: 14px;\n            color: var(--text-light);\n            margin: 0;\n        }\n\n        \/* ======================== *\/\n        \/* WAVE DIVIDER *\/\n        \/* ======================== *\/\n        .wave-divider {\n            position: relative;\n            height: 120px;\n            background: var(--white);\n        }\n\n        .wave-divider svg {\n            position: absolute;\n            bottom: 0;\n            width: 100%;\n            height: 100px;\n        }\n\n        \/* ======================== *\/\n        \/* PROGRAMS - ISLAND STYLE *\/\n        \/* ======================== *\/\n        .programs {\n            background: var(--white);\n            padding: 80px 0;\n            position: relative;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n\n        .section-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: var(--golden-light);\n            padding: 8px 20px;\n            border-radius: 20px;\n            font-weight: 700;\n            font-size: 14px;\n            color: var(--teal);\n            margin-bottom: 15px;\n        }\n\n        .section-header h2 {\n            font-size: 48px;\n            color: var(--text-dark);\n            margin-bottom: 15px;\n        }\n\n        .section-header p {\n            font-size: 18px;\n            color: var(--text-light);\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .islands-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 35px;\n        }\n\n        .island-card {\n            background: var(--white);\n            border-radius: 35px;\n            overflow: hidden;\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s ease;\n            position: relative;\n        }\n\n        .island-card:hover {\n            transform: translateY(-12px) rotate(1deg);\n            box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15);\n        }\n\n        .island-card:nth-child(2) { margin-top: 30px; }\n        .island-card:nth-child(5) { margin-top: 30px; }\n\n        .island-img {\n            height: 200px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 80px;\n            position: relative;\n        }\n\n        .island-img::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 30px;\n            background: linear-gradient(to top, rgba(0,0,0,0.05), transparent);\n        }\n\n        .island-img.music { background: linear-gradient(135deg, #E3F2FD, #BBDEFB); }\n        .island-img.drama { background: linear-gradient(135deg, #FCE4EC, #F8BBD9); }\n        .island-img.science { background: linear-gradient(135deg, #E8F5E9, #C8E6C9); }\n        .island-img.art { background: linear-gradient(135deg, #FFF8E1, #FFECB3); }\n        .island-img.robot { background: linear-gradient(135deg, #F3E5F5, #E1BEE7); }\n        .island-img.film { background: linear-gradient(135deg, #E0F2F1, #B2DFDB); }\n\n        .island-body {\n            padding: 30px;\n        }\n\n        .island-body h3 {\n            font-size: 24px;\n            color: var(--text-dark);\n            margin-bottom: 10px;\n        }\n\n        .island-body p {\n            color: var(--text-light);\n            font-size: 15px;\n            margin-bottom: 20px;\n        }\n\n        .island-tags {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 8px;\n        }\n\n        .island-tag {\n            background: var(--cream);\n            padding: 6px 14px;\n            border-radius: 15px;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--text-light);\n        }\n\n        \/* ======================== *\/\n        \/* SERVICES - FLOATING BUBBLES *\/\n        \/* ======================== *\/\n        .services {\n            background: linear-gradient(180deg, var(--lilac-light), var(--white));\n            padding: 100px 0;\n        }\n\n        .bubbles-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px;\n        }\n\n        .bubble-card {\n            background: var(--white);\n            border-radius: 30px;\n            padding: 40px 25px;\n            text-align: center;\n            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s ease;\n            position: relative;\n        }\n\n        .bubble-card:hover {\n            transform: translateY(-10px) scale(1.02);\n        }\n\n        .bubble-icon {\n            width: 90px;\n            height: 90px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 25px;\n            font-size: 42px;\n            position: relative;\n        }\n\n        .bubble-icon::after {\n            content: '';\n            position: absolute;\n            top: -5px;\n            left: -5px;\n            right: -5px;\n            bottom: -5px;\n            border-radius: 50%;\n            border: 3px dashed var(--turquoise-light);\n            animation: spin 20s linear infinite;\n        }\n\n        @keyframes spin {\n            from { transform: rotate(0deg); }\n            to { transform: rotate(360deg); }\n        }\n\n        .bubble-card:nth-child(1) .bubble-icon { background: linear-gradient(135deg, var(--turquoise-light), var(--turquoise-pale)); }\n        .bubble-card:nth-child(2) .bubble-icon { background: linear-gradient(135deg, var(--peach-light), var(--peach)); }\n        .bubble-card:nth-child(3) .bubble-icon { background: linear-gradient(135deg, var(--golden-light), var(--golden)); }\n        .bubble-card:nth-child(4) .bubble-icon { background: linear-gradient(135deg, var(--lilac-light), var(--lilac)); }\n\n        .bubble-card h4 {\n            font-size: 21px;\n            color: var(--text-dark);\n            margin-bottom: 12px;\n        }\n\n        .bubble-card p {\n            color: var(--text-light);\n            font-size: 14px;\n            margin-bottom: 20px;\n        }\n\n        \/* ======================== *\/\n        \/* ABOUT - STORY STYLE *\/\n        \/* ======================== *\/\n        .about {\n            background: var(--white);\n            padding: 100px 0;\n        }\n\n        .story-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 70px;\n            align-items: center;\n        }\n\n        .story-content h2 {\n            font-size: 46px;\n            color: var(--text-dark);\n            margin-bottom: 25px;\n        }\n\n        .story-content > p {\n            color: var(--text-light);\n            font-size: 17px;\n            margin-bottom: 35px;\n        }\n\n        .story-features {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 20px;\n        }\n\n        .story-feature {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            background: var(--cream);\n            padding: 20px;\n            border-radius: 20px;\n            transition: all 0.3s;\n        }\n\n        .story-feature:hover {\n            transform: translateX(8px);\n            box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n        }\n\n        .story-feature-icon {\n            width: 55px;\n            height: 55px;\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 26px;\n            flex-shrink: 0;\n        }\n\n        .story-feature:nth-child(1) .story-feature-icon { background: var(--turquoise-pale); }\n        .story-feature:nth-child(2) .story-feature-icon { background: var(--peach-light); }\n        .story-feature:nth-child(3) .story-feature-icon { background: var(--golden-light); }\n        .story-feature:nth-child(4) .story-feature-icon { background: var(--lilac-light); }\n\n        .story-feature span {\n            font-weight: 700;\n            color: var(--text-dark);\n        }\n\n        .stats-row {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 25px;\n        }\n\n        .stat-bubble {\n            background: linear-gradient(135deg, var(--turquoise), var(--mint));\n            border-radius: 30px;\n            padding: 45px 30px;\n            text-align: center;\n            color: white;\n            transition: all 0.3s;\n        }\n\n        .stat-bubble:hover {\n            transform: scale(1.03);\n        }\n\n        .stat-bubble:nth-child(2) { background: linear-gradient(135deg, var(--peach), var(--coral)); }\n        .stat-bubble:nth-child(3) { background: linear-gradient(135deg, var(--lilac), var(--turquoise)); }\n        .stat-bubble:nth-child(4) { background: linear-gradient(135deg, var(--golden), var(--peach)); }\n\n        .stat-bubble .number {\n            font-family: 'Fredoka', cursive;\n            font-size: 56px;\n            font-weight: 700;\n            line-height: 1;\n        }\n\n        .stat-bubble .label {\n            font-size: 16px;\n            opacity: 0.9;\n            margin-top: 8px;\n        }\n\n        \/* ======================== *\/\n        \/* CTA - MAGICAL BUTTON *\/\n        \/* ======================== *\/\n        .cta-magic {\n            background: linear-gradient(135deg, var(--turquoise-pale), var(--lilac-light));\n            padding: 80px 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .cta-magic::before {\n            content: '\u00c3\u00b0\u00c5\u00b8\u00c5\u00bd\u00e2\u20ac\u00b0';\n            position: absolute;\n            font-size: 100px;\n            top: -20px;\n            left: 10%;\n            opacity: 0.1;\n        }\n\n        .cta-magic::after {\n            content: '\u00c3\u00b0\u00c5\u00b8\u00c5\u2019\u00c5\u00b8';\n            position: absolute;\n            font-size: 80px;\n            bottom: -10px;\n            right: 10%;\n            opacity: 0.1;\n        }\n\n        .cta-magic h2 {\n            font-size: 42px;\n            color: var(--text-dark);\n            margin-bottom: 15px;\n        }\n\n        .cta-magic p {\n            font-size: 18px;\n            color: var(--text-light);\n            margin-bottom: 30px;\n        }\n\n        .btn-magic {\n            background: linear-gradient(135deg, var(--coral), var(--peach));\n            color: white;\n            padding: 20px 50px;\n            border-radius: 50px;\n            font-weight: 700;\n            font-size: 18px;\n            box-shadow: 0 10px 40px rgba(255, 138, 128, 0.4);\n            transition: all 0.3s;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .btn-magic:hover {\n            transform: translateY(-4px) scale(1.05) rotate(-1deg);\n            box-shadow: 0 15px 50px rgba(255, 138, 128, 0.5);\n        }\n\n        \/* ======================== *\/\n        \/* FOOTER - PLAYGROUND *\/\n        \/* ======================== *\/\n        footer {\n            background: var(--text-dark);\n            color: var(--white);\n            padding: 60px 0 25px;\n        }\n\n        .footer-content {\n            display: grid;\n            grid-template-columns: 1.8fr 1fr 1fr 1fr;\n            gap: 50px;\n            margin-bottom: 45px;\n        }\n\n        .footer-brand .logo {\n            margin-bottom: 20px;\n        }\n\n        .footer-brand .logo-badge {\n            width: 50px;\n            height: 50px;\n            font-size: 26px;\n        }\n\n        .footer-brand .logo-text {\n            color: white;\n        }\n\n        .footer-brand p {\n            color: rgba(255,255,255,0.7);\n            font-size: 15px;\n            line-height: 1.8;\n        }\n\n        .footer-column h4 {\n            font-size: 18px;\n            color: white;\n            margin-bottom: 22px;\n        }\n\n        .footer-column ul {\n            list-style: none;\n        }\n\n        .footer-column ul li {\n            margin-bottom: 12px;\n        }\n\n        .footer-column ul a {\n            color: rgba(255,255,255,0.6);\n            transition: color 0.3s;\n            font-size: 15px;\n        }\n\n        .footer-column ul a:hover {\n            color: var(--turquoise-light);\n        }\n\n        .footer-bottom {\n            padding-top: 25px;\n            border-top: 1px solid rgba(255,255,255,0.1);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .footer-bottom p {\n            color: rgba(255,255,255,0.5);\n            font-size: 14px;\n        }\n\n        .footer-links {\n            display: flex;\n            gap: 25px;\n        }\n\n        .footer-links a {\n            color: rgba(255,255,255,0.5);\n            font-size: 14px;\n            transition: color 0.3s;\n        }\n\n        .footer-links a:hover {\n            color: var(--turquoise-light);\n        }\n\n        \/* ======================== *\/\n        \/* MOBILE *\/\n        \/* ======================== *\/\n        .mobile-toggle {\n            display: none;\n            background: none;\n            border: none;\n            font-size: 28px;\n            cursor: pointer;\n        }\n\n        @media (max-width: 1100px) {\n            .hero .container {\n                grid-template-columns: 1fr;\n                text-align: center;\n            }\n\n            .hero p { margin: 0 auto 35px; }\n            .hero-buttons { justify-content: center; }\n\n            .islands-grid { grid-template-columns: repeat(2, 1fr); }\n            .island-card:nth-child(2), .island-card:nth-child(5) { margin-top: 0; }\n\n            .bubbles-grid { grid-template-columns: repeat(2, 1fr); }\n            .story-grid { grid-template-columns: 1fr; }\n            .footer-content { grid-template-columns: repeat(2, 1fr); }\n        }\n\n        @media (max-width: 768px) {\n            .nav-path { display: none; }\n            .mobile-toggle { display: block; }\n\n            .hero h1 { font-size: 40px; }\n            .hero-cards { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\n\n            .islands-grid,\n            .bubbles-grid,\n            .story-features,\n            .stats-row { grid-template-columns: 1fr; }\n\n            .section-header h2 { font-size: 32px; }\n            .footer-content { grid-template-columns: 1fr; }\n            .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\n        }\n    \n\n:root {\n  --turquoise: #06D6A0;\n  --turquoise-light: #B9F8EA;\n  --turquoise-pale: #F4FFFB;\n  --peach: #FF9A76;\n  --peach-light: #FFE7DE;\n  --golden: #F59E0B;\n  --golden-light: #FFF1C9;\n  --lilac: #8B5CF6;\n  --lilac-light: #EEE7FF;\n  --mint: #B7F3D8;\n  --coral: #FF6B6B;\n  --white: #FFFFFF;\n  --cream: #FFF8F3;\n  --text-dark: #1F2937;\n  --text-light: #667085;\n  --teal: #0F766E;\n}\n\nbody {\n  background:\n    radial-gradient(circle at top left, rgba(255, 154, 118, 0.12), transparent 30%),\n    radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.12), transparent 30%),\n    var(--cream);\n}\n\n.cursor-trail { display: none !important; }\n.logo.logo--image, .footer-logo.logo--image { display: inline-flex; align-items: center; gap: 14px; }\n.logo-image, .footer-logo-image { display: block; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 8px 22px rgba(6, 214, 160, 0.14)); }\n.logo-image { max-height: 62px; }\n.footer-logo-image { max-height: 78px; }\n.logo-copy { display: flex; flex-direction: column; gap: 2px; }\n.logo-name {\n  font-family: 'Fredoka', cursive;\n  font-size: 30px;\n  font-weight: 700;\n  line-height: 1;\n  background: linear-gradient(135deg, var(--teal), var(--lilac));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.logo-tagline { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.14em; color: var(--text-light); }\nheader { background: rgba(255, 255, 255, 0.9); border-bottom: 2px solid rgba(6, 214, 160, 0.18); }\n.nav-path { background: rgba(255, 255, 255, 0.96); }\nnav a.active:not(.btn-adventure) { background: linear-gradient(135deg, var(--coral), var(--peach)); color: white; }\n.btn-adventure, .btn-start, .btn-magic { background: linear-gradient(135deg, var(--lilac), var(--coral)); box-shadow: 0 12px 28px rgba(139, 92, 246, 0.28); }\n.btn-secondary { border-color: rgba(15, 118, 110, 0.12); }\n.hero {\n  background:\n    radial-gradient(circle at 15% 15%, rgba(255, 154, 118, 0.2), transparent 24%),\n    radial-gradient(circle at 82% 18%, rgba(139, 92, 246, 0.18), transparent 24%),\n    linear-gradient(180deg, #FFF9F4 0%, #F6FFFC 48%, #F5F0FF 100%);\n}\n.hero-badge { background: linear-gradient(135deg, rgba(255, 107, 107, 0.14), rgba(245, 158, 11, 0.16)); color: var(--coral); }\n.highlight {\n  background: linear-gradient(135deg, var(--lilac), var(--coral));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.floating-item, .adventure-card-icon, .island-img, .bubble-icon, .story-feature-icon { display: flex; align-items: center; justify-content: center; }\n.floating-item {\n  width: 76px;\n  height: 76px;\n  border-radius: 24px;\n  background: rgba(255, 255, 255, 0.8);\n  box-shadow: 0 14px 34px rgba(31, 41, 55, 0.08);\n  color: var(--teal);\n  backdrop-filter: blur(10px);\n}\n.floating-item:nth-child(2) { color: var(--coral); }\n.floating-item:nth-child(3) { color: var(--golden); }\n.floating-item:nth-child(4) { color: var(--lilac); }\n.floating-item:nth-child(5) { color: var(--teal); }\n.floating-item svg, .adventure-card-icon svg, .island-img svg, .bubble-icon svg, .story-feature-icon svg { width: 34px; height: 34px; display: block; }\n.adventure-card { border-radius: 32px; }\n.adventure-card-icon { color: var(--teal); }\n.adventure-card:nth-child(2) .adventure-card-icon { color: var(--coral); }\n.adventure-card:nth-child(3) .adventure-card-icon { color: var(--golden); }\n.adventure-card:nth-child(4) .adventure-card-icon { color: var(--lilac); }\n.wave-divider path { fill: #F8FFFC; }\n.programs {\n  background:\n    radial-gradient(circle at 80% 20%, rgba(139, 92, 246, 0.07), transparent 26%),\n    radial-gradient(circle at 20% 70%, rgba(6, 214, 160, 0.08), transparent 28%),\n    #F8FFFC;\n}\n.section-badge { background: linear-gradient(135deg, rgba(255, 107, 107, 0.14), rgba(139, 92, 246, 0.16)); color: var(--coral); }\n.island-img { height: 200px; color: #1F2937; }\n.island-img.music { background: linear-gradient(135deg, #E3FFF8, #C6FFF1); color: var(--teal); }\n.island-img.drama { background: linear-gradient(135deg, #FFE7E1, #FFD1C3); color: var(--coral); }\n.island-img.science { background: linear-gradient(135deg, #FFF8D9, #FFE9A8); color: #B7791F; }\n.island-img.art { background: linear-gradient(135deg, #EDE7FF, #DDD0FF); color: var(--lilac); }\n.island-img.robot { background: linear-gradient(135deg, #E5FFF6, #D2FDEB); color: #0F766E; }\n.island-img.film { background: linear-gradient(135deg, #FFF2D9, #FFE3B3); color: #D97706; }\n.services { background: linear-gradient(180deg, #F8FFFC 0%, #FFF7F3 100%); }\n.bubble-card { border-radius: 30px; }\n.bubble-icon { color: var(--teal); background: linear-gradient(135deg, #E8FFFB, #D7FFF6); }\n.bubble-card:nth-child(2) .bubble-icon { color: var(--coral); background: linear-gradient(135deg, #FFECEA, #FFD7D1); }\n.bubble-card:nth-child(3) .bubble-icon { color: var(--golden); background: linear-gradient(135deg, #FFF7DB, #FFEAA4); }\n.bubble-card:nth-child(4) .bubble-icon { color: var(--lilac); background: linear-gradient(135deg, #F2EDFF, #E2D8FF); }\n.about {\n  background:\n    radial-gradient(circle at 10% 15%, rgba(255, 154, 118, 0.12), transparent 24%),\n    linear-gradient(180deg, #FFF7F3 0%, #FFFFFF 100%);\n}\n.story-feature-icon { color: var(--teal); }\n.story-feature:nth-child(2) .story-feature-icon { color: var(--coral); }\n.story-feature:nth-child(3) .story-feature-icon { color: var(--golden); }\n.story-feature:nth-child(4) .story-feature-icon { color: var(--lilac); }\n.number { font-size: 40px; }\n.stat-bubble:nth-child(4) .number { font-size: 24px; line-height: 1.2; }\n.cta-magic { background: linear-gradient(135deg, #F6FFFC, #F7F1FF); }\n.cta-magic::before, .cta-magic::after { display: none; }\nfooter { background: linear-gradient(135deg, #566274, #7B6DA2); }\n.footer-bottom { border-top-color: rgba(255,255,255,0.16); }\n.footer-bottom p, .footer-links a, .footer-column a, .footer-brand p { color: rgba(255,255,255,0.84); }\n.footer-column h4 { color: white; }\n.tvoa-mock2-root { width: 100%; overflow: clip; }\n.elementor-widget-html .tvoa-mock2-root img { max-width: 100%; height: auto; }\n.elementor-widget-html .tvoa-mock2-root header { position: sticky; top: 0; }\n@media (max-width: 768px) {\n  nav ul {\n    display: none;\n    position: absolute;\n    top: calc(100% + 12px);\n    right: 0;\n    width: min(320px, calc(100vw - 32px));\n    padding: 14px;\n    border-radius: 24px;\n    background: rgba(255, 255, 255, 0.98);\n    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.12);\n    flex-direction: column;\n    align-items: stretch;\n    gap: 6px;\n  }\n  nav.nav-open ul { display: flex; }\n  nav a, .btn-adventure { width: 100%; text-align: center; }\n  .logo-image { max-height: 54px; }\n  .logo-name { font-size: 25px; }\n  .logo-tagline { font-size: 10px; }\n}\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n\/* ======================== *\/\n\/* TVOA Mock 2 V2 *\/\n\/* ======================== *\/\n:root {\n  --shell-border: rgba(255, 255, 255, 0.72);\n  --card-border: rgba(15, 23, 42, 0.06);\n  --soft-shadow: 0 22px 50px rgba(15, 23, 42, 0.08);\n  --lift-shadow: 0 28px 70px rgba(15, 23, 42, 0.14);\n}\n\nbody {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  background:\n    radial-gradient(circle at 0% 8%, rgba(255, 154, 118, 0.2), transparent 24%),\n    radial-gradient(circle at 92% 10%, rgba(139, 92, 246, 0.18), transparent 26%),\n    radial-gradient(circle at 20% 92%, rgba(6, 214, 160, 0.16), transparent 22%),\n    var(--cream);\n}\n\n.tvoa-mock2-root,\n.tvoa-mock2-root * {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.logo-name,\n.section-badge,\n.hero-badge,\n.btn-start,\n.btn-adventure,\nbutton,\ninput,\ntextarea,\nselect,\nnav a,\n.number,\n.label,\n.island-tag,\n.story-feature span,\n.footer-column h4,\n.footer-column a,\n.footer-links a,\n.btn-magic {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n}\n\n.container {\n  max-width: 1240px;\n}\n\nheader {\n  top: 16px;\n  left: 16px;\n  right: 16px;\n  width: auto;\n  border-radius: 30px;\n  border: 1px solid rgba(255, 255, 255, 0.68);\n  box-shadow: 0 16px 44px rgba(15, 23, 42, 0.08);\n  backdrop-filter: blur(20px);\n  background:\n    linear-gradient(180deg, rgba(255, 248, 243, 0.92), rgba(255, 248, 243, 0.82)),\n    linear-gradient(90deg, rgba(255, 214, 104, 0.18), rgba(255, 154, 118, 0.1), rgba(139, 92, 246, 0.12));\n}\n\nheader::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: linear-gradient(90deg, rgba(255, 214, 104, 0.12), transparent 40%, rgba(139, 92, 246, 0.1));\n  pointer-events: none;\n}\n\n.header-inner {\n  min-height: 82px;\n}\n\n.logo-name {\n  font-family: 'Plus Jakarta Sans', sans-serif;\n}\n\nheader .logo-copy {\n  display: none;\n}\n\nheader .logo.logo--image {\n  gap: 0;\n}\n\n.nav-path {\n  display: none;\n}\n\nnav {\n  display: flex;\n  align-items: center;\n}\n\nnav ul {\n  gap: 10px;\n  padding: 8px;\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.82);\n  border: 1px solid rgba(15, 23, 42, 0.05);\n  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);\n}\n\nnav a {\n  font-size: 14px;\n  letter-spacing: 0.01em;\n  font-weight: 700;\n  color: #243041;\n}\n\nnav a:not(.btn-adventure):hover {\n  background: rgba(6, 214, 160, 0.08);\n}\n\n.mobile-toggle {\n  width: 52px;\n  height: 52px;\n  border-radius: 18px;\n  background: rgba(255, 255, 255, 0.86);\n  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);\n}\n\n.btn-adventure,\n.btn-start,\n.btn-magic {\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.btn-adventure:hover,\n.btn-start:hover,\n.btn-magic:hover {\n  transform: translateY(-3px) scale(1.03);\n  box-shadow: 0 20px 40px rgba(139, 92, 246, 0.26);\n}\n\nnav .btn-adventure,\nnav .btn-adventure:hover,\nnav .btn-adventure:focus,\nnav .btn-adventure:focus-visible,\nnav li:last-child a,\nnav li:last-child a:hover,\nnav li:last-child a:focus,\nnav li:last-child a:focus-visible {\n  color: #ffffff !important;\n  background-color: #5b3df5 !important;\n  background-image: linear-gradient(135deg, #5b3df5, #ef4444) !important;\n  border-color: rgba(91, 61, 245, 0.24) !important;\n  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);\n}\n\nnav .btn-adventure:hover,\nnav .btn-adventure:focus,\nnav .btn-adventure:focus-visible,\nnav li:last-child a:hover,\nnav li:last-child a:focus,\nnav li:last-child a:focus-visible {\n  background-color: #4f39d8 !important;\n  background-image: linear-gradient(135deg, #4f39d8, #dc2626) !important;\n  color: #ffffff !important;\n}\n\n.hero {\n  min-height: auto;\n  padding-top: 152px;\n  padding-bottom: 126px;\n  background:\n    radial-gradient(circle at 12% 8%, rgba(255, 214, 104, 0.22), transparent 28%),\n    radial-gradient(circle at 82% 18%, rgba(139, 92, 246, 0.18), transparent 26%),\n    linear-gradient(180deg, #fff8f3 0%, #f6fffc 46%, #f5f0ff 100%);\n}\n\n.hero::before,\n.hero::after {\n  content: '';\n  position: absolute;\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n.hero::before {\n  width: 520px;\n  height: 520px;\n  right: -140px;\n  top: 20px;\n  background: radial-gradient(circle, rgba(139, 92, 246, 0.12) 0%, transparent 72%);\n}\n\n.hero::after {\n  width: 420px;\n  height: 420px;\n  left: -120px;\n  bottom: -120px;\n  background: radial-gradient(circle, rgba(255, 154, 118, 0.12) 0%, transparent 72%);\n}\n\n.hero .container {\n  display: grid;\n  grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);\n  gap: 56px;\n  align-items: center;\n}\n\n.hero-content {\n  max-width: 630px;\n}\n\n.hero-badge {\n  border: 1px solid rgba(255, 255, 255, 0.75);\n  box-shadow: 0 16px 30px rgba(255, 255, 255, 0.45);\n  margin-bottom: 26px;\n}\n\n.hero-badge span {\n  display: inline-flex;\n  margin-right: 8px;\n}\n\n.hero h1 {\n  font-size: clamp(3.3rem, 6vw, 5.2rem);\n  line-height: 0.98;\n  letter-spacing: -0.05em;\n  max-width: 10.5ch;\n  margin-bottom: 22px;\n}\n\n.hero p {\n  max-width: 58ch;\n  font-size: 1.08rem;\n}\n\n.hero-buttons {\n  margin-top: 32px;\n  gap: 14px;\n}\n\n.hero-cards {\n  perspective: 1400px;\n  gap: 22px;\n  align-self: center;\n  padding: 26px;\n  border-radius: 40px;\n  background:\n    linear-gradient(155deg, rgba(255,255,255,0.82), rgba(255,255,255,0.54)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/hero_kids.jpg') center\/cover no-repeat;\n  box-shadow: var(--lift-shadow);\n  border: 1px solid rgba(255, 255, 255, 0.7);\n}\n\n.adventure-card {\n  background: rgba(255, 255, 255, 0.84);\n  border: 1px solid var(--card-border);\n  box-shadow: var(--soft-shadow);\n  backdrop-filter: blur(10px);\n}\n\n.adventure-card:nth-child(1) {\n  transform: translateY(16px) rotate(-3deg);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.86)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/anasheed_thumb.jpg') center\/cover no-repeat;\n  background-position: center 38%;\n}\n\n.adventure-card:nth-child(2) {\n  transform: translateY(-6px) rotate(2deg);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.86)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/drama_thumb.jpg') center\/cover no-repeat;\n  background-position: center 36%;\n}\n\n.adventure-card:nth-child(3) {\n  transform: translateY(30px) rotate(-2deg);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.86)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/science_thumb.jpg') center\/cover no-repeat;\n  background-position: center 42%;\n}\n\n.adventure-card:nth-child(4) {\n  transform: translateY(8px) rotate(3deg);\n  background:\n    linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.86)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/robotica_thumb.jpg') center\/cover no-repeat;\n  background-position: center 36%;\n}\n\n.adventure-card:hover {\n  transform: translateY(-14px) scale(1.02) !important;\n  box-shadow: var(--lift-shadow);\n}\n\n.adventure-card-icon {\n  width: 84px;\n  height: 84px;\n  border-radius: 26px;\n}\n\n.floating-item svg,\n.adventure-card-icon svg,\n.bubble-icon svg,\n.story-feature-icon svg,\n.island-img svg {\n  display: none;\n}\n\n.floating-item::before,\n.adventure-card-icon::before,\n.bubble-icon::before,\n.story-feature-icon::before {\n  display: block;\n  line-height: 1;\n}\n\n.floating-item::before {\n  font-size: 36px;\n  content: attr(data-emoji);\n}\n\n.floating-item.emoji-music::before { content: \"\\01F3B5\"; }\n.floating-item.emoji-art::before { content: \"\\01F3A8\"; }\n.floating-item.emoji-science::before { content: \"\\01F52C\"; }\n.floating-item.emoji-robot::before { content: \"\\01F916\"; }\n.floating-item.emoji-drama::before { content: \"\\01F3AD\"; }\n.floating-item.emoji-sparkle::before { content: \"\\02728\"; }\n.floating-item.emoji-film::before { content: \"\\01F3AC\"; }\n.floating-item.emoji-heart::before { content: \"\\01F49B\"; }\n\n.adventure-card-icon::before {\n  font-size: 38px;\n}\n\n.adventure-card:nth-child(1) .adventure-card-icon::before { content: \"\\01F3B5\"; }\n.adventure-card:nth-child(2) .adventure-card-icon::before { content: \"\\01F3AD\"; }\n.adventure-card:nth-child(3) .adventure-card-icon::before { content: \"\\01F52C\"; }\n.adventure-card:nth-child(4) .adventure-card-icon::before { content: \"\\01F916\"; }\n\n.wave-divider {\n  height: 138px;\n  margin-top: -12px;\n  background: linear-gradient(180deg, #f5f0ff 0%, #fff3eb 48%, #f7fffc 100%);\n}\n\n.wave-divider path {\n  fill: #f7fffc;\n}\n\n.programs,\n.services,\n.about {\n  position: relative;\n}\n\n.programs {\n  padding: 110px 0 118px;\n  margin-top: -1px;\n  background: linear-gradient(180deg, #f7fffc 0%, #f7fffc 100%);\n}\n\n.services,\n.about {\n  padding: 112px 0;\n}\n\n.section-header {\n  max-width: 760px;\n  margin: 0 auto 70px;\n}\n\n.section-header h2 {\n  font-size: clamp(2.45rem, 4vw, 3.65rem);\n  line-height: 1.02;\n  letter-spacing: -0.04em;\n}\n\n.section-header p {\n  font-size: 1.06rem;\n  max-width: 60ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.section-badge {\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  box-shadow: 0 10px 24px rgba(255, 255, 255, 0.42);\n}\n\n.islands-grid {\n  gap: 28px;\n}\n\n.island-card {\n  border: 1px solid var(--card-border);\n  box-shadow: var(--soft-shadow);\n}\n\n.island-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 6px;\n}\n\n.island-card:nth-child(1)::before {\n  background: linear-gradient(90deg, var(--turquoise), var(--mint));\n}\n\n.island-card:nth-child(2)::before {\n  background: linear-gradient(90deg, var(--coral), var(--peach));\n}\n\n.island-card:nth-child(3)::before {\n  background: linear-gradient(90deg, var(--golden), var(--peach));\n}\n\n.island-card:nth-child(4)::before {\n  background: linear-gradient(90deg, var(--lilac), var(--coral));\n}\n\n.island-card:nth-child(5)::before {\n  background: linear-gradient(90deg, var(--turquoise), var(--lilac));\n}\n\n.island-card:nth-child(6)::before {\n  background: linear-gradient(90deg, var(--golden), var(--coral));\n}\n\n.island-card:hover {\n  transform: translateY(-16px);\n  box-shadow: var(--lift-shadow);\n}\n\n.island-card:nth-child(2) {\n  margin-top: 42px;\n}\n\n.island-card:nth-child(5) {\n  margin-top: 42px;\n}\n\n.island-img {\n  height: 218px;\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  overflow: hidden;\n}\n\n.island-img::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(15, 23, 42, 0.08), rgba(15, 23, 42, 0.36));\n}\n\n.island-img::before {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 72px;\n  height: 72px;\n  border-radius: 22px;\n  background: rgba(255, 255, 255, 0.84);\n  box-shadow: 0 18px 30px rgba(15, 23, 42, 0.14);\n  font-size: 34px;\n  line-height: 1;\n}\n\n.island-img.music {\n  background-image:\n    linear-gradient(180deg, rgba(6,214,160,0.14), rgba(15,23,42,0.22)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/anasheed_main.jpg');\n  background-position: center 36%;\n}\n\n.island-img.music::before { content: \"\\01F3B5\"; }\n\n.island-img.drama {\n  background-image:\n    linear-gradient(180deg, rgba(255,107,107,0.14), rgba(15,23,42,0.26)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/drama_main.jpg');\n  background-position: center 44%;\n}\n\n.island-img.drama::before { content: \"\\01F3AD\"; }\n\n.island-img.science {\n  background-image:\n    linear-gradient(180deg, rgba(245,158,11,0.14), rgba(15,23,42,0.24)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/science_main.jpg');\n  background-position: center 40%;\n}\n\n.island-img.science::before { content: \"\\01F52C\"; }\n\n.island-img.art {\n  background-image:\n    linear-gradient(180deg, rgba(139,92,246,0.14), rgba(15,23,42,0.26)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/art_main.jpg');\n  background-position: center 44%;\n}\n\n.island-img.art::before { content: \"\\01F3A8\"; }\n\n.island-img.robot {\n  background-image:\n    linear-gradient(180deg, rgba(6,214,160,0.14), rgba(15,23,42,0.24)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/robotica_main.jpg');\n  background-position: center 40%;\n}\n\n.island-img.robot::before { content: \"\\01F916\"; }\n\n.island-img.film {\n  background-image:\n    linear-gradient(180deg, rgba(245,158,11,0.14), rgba(15,23,42,0.28)),\n    url('https:\/\/vev54ae4o5owu.ok.kimi.link\/images\/graduation_main.jpg');\n  background-position: center 42%;\n}\n\n.island-img.film::before { content: \"\\01F3AC\"; }\n\n.island-body {\n  padding: 28px 28px 30px;\n  background: rgba(255, 255, 255, 0.96);\n}\n\n.island-body h3 {\n  font-size: 1.45rem;\n  letter-spacing: -0.03em;\n}\n\n.island-tags {\n  gap: 10px;\n}\n\n.island-tag {\n  border: 1px solid rgba(15, 23, 42, 0.08);\n  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);\n  font-weight: 800;\n  color: var(--text-dark);\n}\n\n.bubbles-grid {\n  gap: 24px;\n}\n\n.bubble-card {\n  border: 1px solid var(--card-border);\n  box-shadow: var(--soft-shadow);\n}\n\n.bubble-card:hover {\n  transform: translateY(-12px);\n  box-shadow: var(--lift-shadow);\n}\n\n.bubble-icon {\n  width: 78px;\n  height: 78px;\n  margin: 0 auto 18px;\n  border-radius: 26px;\n  position: relative;\n}\n\n.bubble-icon::after {\n  content: '';\n  position: absolute;\n  inset: -9px;\n  border: 2px dashed rgba(6, 214, 160, 0.36);\n  border-radius: 32px;\n}\n\n.bubble-card:nth-child(2) .bubble-icon::after {\n  border-color: rgba(255, 107, 107, 0.36);\n}\n\n.bubble-card:nth-child(3) .bubble-icon::after {\n  border-color: rgba(245, 158, 11, 0.38);\n}\n\n.bubble-card:nth-child(4) .bubble-icon::after {\n  border-color: rgba(139, 92, 246, 0.34);\n}\n\n.bubble-icon::before { font-size: 34px; }\n.bubble-card:nth-child(1) .bubble-icon::before { content: \"\\01F3EB\"; }\n.bubble-card:nth-child(2) .bubble-icon::before { content: \"\\02728\"; }\n.bubble-card:nth-child(3) .bubble-icon::before { content: \"\\01F3AC\"; }\n.bubble-card:nth-child(4) .bubble-icon::before { content: \"\\01F91D\"; }\n\n.story-grid {\n  gap: 48px;\n  align-items: stretch;\n}\n\n.story-content {\n  padding-top: 8px;\n}\n\n.story-content h2 {\n  font-size: clamp(2.45rem, 4vw, 3.75rem);\n  line-height: 1.02;\n  letter-spacing: -0.04em;\n}\n\n.story-content p {\n  font-size: 1.05rem;\n  max-width: 58ch;\n}\n\n.story-features {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 14px;\n}\n\n.story-feature {\n  background: rgba(255, 255, 255, 0.76);\n  border: 1px solid rgba(15, 23, 42, 0.06);\n  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);\n  border-radius: 22px;\n  padding: 16px 18px;\n}\n\n.story-feature-icon {\n  width: 54px;\n  height: 54px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.86);\n}\n\n.story-feature-icon::before { font-size: 24px; }\n.story-feature:nth-child(1) .story-feature-icon::before { content: \"\\01F3A8\"; }\n.story-feature:nth-child(2) .story-feature-icon::before { content: \"\\01F91D\"; }\n.story-feature:nth-child(3) .story-feature-icon::before { content: \"\\01F50D\"; }\n.story-feature:nth-child(4) .story-feature-icon::before { content: \"\\01F4AA\"; }\n\n.stats-row {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 20px;\n}\n\n.stat-bubble {\n  min-height: 192px;\n  border-radius: 34px;\n  border: 1px solid rgba(15, 23, 42, 0.05);\n  box-shadow: var(--soft-shadow);\n  padding: 30px 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  color: #1f2937;\n}\n\n.stat-bubble:nth-child(1) {\n  background: linear-gradient(135deg, #e9fff9, #d8fff5);\n}\n\n.stat-bubble:nth-child(2) {\n  background: linear-gradient(135deg, #fff1eb, #ffe0d4);\n}\n\n.stat-bubble:nth-child(3) {\n  background: linear-gradient(135deg, #fff7d8, #ffefbf);\n}\n\n.stat-bubble:nth-child(4) {\n  background: linear-gradient(135deg, #f2ecff, #e5daff);\n}\n\n.stat-bubble .number {\n  font-family: 'Plus Jakarta Sans', sans-serif !important;\n  font-size: 42px;\n  font-weight: 800;\n  letter-spacing: -0.04em;\n  color: #1f2937;\n  text-shadow: none;\n  -webkit-text-fill-color: #1f2937;\n}\n\n.stat-bubble .label {\n  font-family: 'Plus Jakarta Sans', sans-serif !important;\n  font-size: 0.82rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: rgba(31, 41, 55, 0.74) !important;\n  text-shadow: none;\n  -webkit-text-fill-color: rgba(31, 41, 55, 0.74);\n}\n\n.stat-bubble:nth-child(4) .number {\n  font-size: 24px;\n}\n\n.cta-magic {\n  padding: 110px 0 118px;\n  background: linear-gradient(180deg, #ffffff 0%, #f7fff9 100%);\n}\n\n.cta-magic .container {\n  max-width: 980px;\n  position: relative;\n  overflow: hidden;\n  padding: 58px 44px;\n  border-radius: 40px;\n  border: 1px solid rgba(255, 255, 255, 0.72);\n  background: linear-gradient(135deg, rgba(255,255,255,0.76), rgba(255,255,255,0.58));\n  box-shadow: var(--lift-shadow);\n  backdrop-filter: blur(16px);\n}\n\n.cta-magic .container::before,\n.cta-magic .container::after {\n  content: '';\n  position: absolute;\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n.cta-magic .container::before {\n  width: 240px;\n  height: 240px;\n  right: -80px;\n  top: -100px;\n  background: radial-gradient(circle, rgba(139, 92, 246, 0.18), transparent 70%);\n}\n\n.cta-magic .container::after {\n  width: 220px;\n  height: 220px;\n  left: -80px;\n  bottom: -100px;\n  background: radial-gradient(circle, rgba(255, 107, 107, 0.16), transparent 70%);\n}\n\n.cta-magic h2 {\n  font-size: clamp(2.4rem, 4vw, 3.7rem);\n  line-height: 1.02;\n  letter-spacing: -0.04em;\n}\n\n.cta-magic p {\n  max-width: 56ch;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.btn-magic {\n  min-width: 280px;\n}\n\nfooter {\n  padding: 80px 0 28px;\n  position: relative;\n}\n\nfooter::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 6px;\n  background: linear-gradient(90deg, var(--coral), var(--turquoise), var(--lilac), var(--golden));\n}\n\n.footer-content {\n  grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 0.85fr));\n  gap: 38px;\n  align-items: start;\n}\n\n.footer-brand .logo-name {\n  background: none;\n  color: #ffffff;\n  -webkit-text-fill-color: #ffffff;\n}\n\n.footer-brand .logo-tagline {\n  color: rgba(255, 255, 255, 0.84);\n  letter-spacing: 0.12em;\n}\n\n.footer-brand .logo-copy {\n  display: none;\n}\n\n.footer-brand .logo.logo--image {\n  gap: 0;\n}\n\n.footer-brand p {\n  max-width: 31ch;\n  color: rgba(255, 255, 255, 0.78);\n}\n\n.footer-column h4 {\n  font-size: 0.82rem;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  color: rgba(255, 255, 255, 0.7);\n  margin-bottom: 14px;\n}\n\n.footer-column ul {\n  display: grid;\n  gap: 12px;\n}\n\n.footer-column a,\n.footer-links a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: 10px 14px;\n  border-radius: 16px;\n  background: rgba(255, 255, 255, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.1);\n  color: rgba(255, 255, 255, 0.9);\n  transition: transform 0.2s ease, color 0.2s ease;\n  width: fit-content;\n  min-width: 0;\n}\n\n.footer-column a:hover,\n.footer-links a:hover {\n  color: #ffffff;\n  transform: translateY(-2px);\n}\n\n.footer-bottom {\n  align-items: center;\n  gap: 20px;\n}\n\n.footer-bottom p {\n  color: rgba(255, 255, 255, 0.72);\n  font-weight: 600;\n}\n\n.footer-links {\n  gap: 12px;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n}\n\n@media (max-width: 1100px) {\n  header {\n    top: 12px;\n    left: 12px;\n    right: 12px;\n  }\n\n  .hero {\n    padding-top: 138px;\n  }\n\n  .hero .container {\n    grid-template-columns: 1fr;\n    text-align: center;\n  }\n\n  .hero-content {\n    max-width: 100%;\n    margin: 0 auto;\n  }\n\n  .hero p,\n  .cta-magic p {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .hero-buttons {\n    justify-content: center;\n  }\n\n  .hero-cards {\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  .story-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 768px) {\n  header {\n    top: 10px;\n    left: 10px;\n    right: 10px;\n    border-radius: 24px;\n  }\n\n  nav ul {\n    border-radius: 24px;\n  }\n\n  .hero {\n    padding-top: 122px;\n    padding-bottom: 92px;\n  }\n\n  .hero h1 {\n    font-size: 2.8rem;\n    max-width: none;\n  }\n\n  .hero-cards {\n    grid-template-columns: 1fr;\n    max-width: 400px;\n    padding: 18px;\n  }\n\n  .adventure-card:nth-child(n) {\n    transform: none;\n  }\n\n  .island-card:nth-child(2),\n  .island-card:nth-child(5) {\n    margin-top: 0;\n  }\n\n  .story-features,\n  .stats-row {\n    grid-template-columns: 1fr;\n  }\n\n  .cta-magic {\n    padding-top: 92px;\n  }\n\n  .cta-magic .container {\n    padding: 40px 24px;\n    border-radius: 30px;\n  }\n\n  .btn-magic {\n    min-width: 0;\n    width: 100%;\n  }\n}\r\n<\/style>\n<div class=\"tvoa-mock2-root\">\r\n<!-- Floating Shapes Background -->\n    <div class=\"shapes-bg\">\n        <div class=\"shape shape-1\"><\/div>\n        <div class=\"shape shape-2\"><\/div>\n        <div class=\"shape shape-3\"><\/div>\n        <div class=\"shape shape-4\"><\/div>\n    <\/div>\n\n        <!-- Header -->\n    <header>\n        <div class=\"container\">\n            <div class=\"header-inner\">\n                <a href=\"#home\" class=\"logo logo--image\">\n                    <img decoding=\"async\" src=\"https:\/\/tvoa.mattimoorman.nl\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"TVOA logo\" class=\"logo-image\"\/>\n                    <span class=\"logo-copy\">\n                        <span class=\"logo-name\">TVOA<\/span>\n                        <span class=\"logo-tagline\">The Voice of Anasheed<\/span>\n                    <\/span>\n                <\/a>\n                \n                <nav id=\"siteNav\">\n                    <div class=\"nav-path\">\n                        <div class=\"nav-dot active\"><\/div>\n                        <div class=\"nav-dot\"><\/div>\n                        <div class=\"nav-dot\"><\/div>\n                    <\/div>\n                    <ul>\n                        <li><a href=\"#home\" class=\"active\">Home<\/a><\/li>\n                        <li><a href=\"#programs\">Programma's<\/a><\/li>\n                        <li><a href=\"#services\">Voor scholen<\/a><\/li>\n                        <li><a href=\"#about\">Over ons<\/a><\/li>\n                        <li><a href=\"#contact\" class=\"btn-adventure\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/nav>\n                \n                <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Open menu\">\u00e2\u02dc\u00b0<\/button>\n            <\/div>\n        <\/div>\n    <\/header>\n\n        <!-- Hero Section -->\n    <section class=\"hero\" id=\"home\">\n        <div class=\"hero-bg-elements\">\n            <div class=\"floating-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M14 4V14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M14 4L19 5.5V15.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"17.5\" r=\"2.8\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <circle cx=\"19\" cy=\"16\" r=\"2.1\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n<\/svg><\/div>\n            <div class=\"floating-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 4C7.6 4 4 7.1 4 11C4 14.9 7 18 10.5 18H11.6C12.4 18 13 18.6 13 19.4C13 20.3 13.7 21 14.6 21H15C18.9 21 22 17.6 22 13.5C22 8.3 17.7 4 12 4Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <circle cx=\"8\" cy=\"10\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"11\" cy=\"8\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"15\" cy=\"8.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"17\" cy=\"12\" r=\".9\" fill=\"currentColor\"><\/circle>\n<\/svg><\/div>\n            <div class=\"floating-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M10 3H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M11 3V8L6.5 16.2C5.8 17.5 6.7 19 8.2 19H15.8C17.3 19 18.2 17.5 17.5 16.2L13 8V3\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M8.8 13H15.2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.2\" r=\".7\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"13.8\" cy=\"12\" r=\".7\" fill=\"currentColor\"><\/circle>\n<\/svg><\/div>\n            <div class=\"floating-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 3V6\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <rect x=\"5\" y=\"6\" width=\"14\" height=\"10\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/rect>\n  <path d=\"M3 10H5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M19 10H21\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"14\" cy=\"10.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <path d=\"M10 13H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M9 16V20\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 16V20\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n            <div class=\"floating-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M6 5H18L19 11.5C19.6 15.2 17 18.5 12 20C7 18.5 4.4 15.2 5 11.5L6 5Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M9 10H9.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 10H15.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M8.5 14.5C9.5 15.5 10.8 16 12 16C13.2 16 14.5 15.5 15.5 14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n        <\/div>\n        \n        <div class=\"container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-badge\">\n                    <span>&#127912;<\/span> Voor basisscholen, BSO en projecten\n                <\/div>\n                <h1>Waar <span class=\"highlight\">talent<\/span> kleurrijk tot bloei komt<\/h1>\n                <p>Creatieve verrijkingsprogramma's voor basisscholen, BSO's en educatieve projecten. Van drama en muziek tot robotica en film: we helpen kinderen ontdekken, maken en presenteren.<\/p>\n                <div class=\"hero-buttons\">\n                    <a href=\"#programs\" class=\"btn-start\">\n                        <span>Ontdek<\/span> onze programma's\n                    <\/a>\n                    <a href=\"#contact\" class=\"btn-secondary\">Neem contact op<\/a>\n                <\/div>\n            <\/div>\n            \n            <div class=\"hero-cards\">\n                <div class=\"adventure-card\">\n                    <div class=\"adventure-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M14 4V14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M14 4L19 5.5V15.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"17.5\" r=\"2.8\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <circle cx=\"19\" cy=\"16\" r=\"2.1\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n<\/svg><\/div>\n                    <h4>Muziek<\/h4>\n                    <p>Zing, luister en ontdek ritme.<\/p>\n                <\/div>\n                <div class=\"adventure-card\">\n                    <div class=\"adventure-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M6 5H18L19 11.5C19.6 15.2 17 18.5 12 20C7 18.5 4.4 15.2 5 11.5L6 5Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M9 10H9.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 10H15.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M8.5 14.5C9.5 15.5 10.8 16 12 16C13.2 16 14.5 15.5 15.5 14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                    <h4>Drama<\/h4>\n                    <p>Speel, vertel en presenteer.<\/p>\n                <\/div>\n                <div class=\"adventure-card\">\n                    <div class=\"adventure-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M10 3H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M11 3V8L6.5 16.2C5.8 17.5 6.7 19 8.2 19H15.8C17.3 19 18.2 17.5 17.5 16.2L13 8V3\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M8.8 13H15.2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.2\" r=\".7\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"13.8\" cy=\"12\" r=\".7\" fill=\"currentColor\"><\/circle>\n<\/svg><\/div>\n                    <h4>Science<\/h4>\n                    <p>Onderzoek en experimenteer.<\/p>\n                <\/div>\n                <div class=\"adventure-card\">\n                    <div class=\"adventure-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 3V6\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <rect x=\"5\" y=\"6\" width=\"14\" height=\"10\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/rect>\n  <path d=\"M3 10H5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M19 10H21\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"14\" cy=\"10.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <path d=\"M10 13H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M9 16V20\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 16V20\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                    <h4>Robotica<\/h4>\n                    <p>Bouw en denk in oplossingen.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <!-- Wave Divider -->\n    <div class=\"wave-divider\">\n        <svg viewBox=\"0 0 1440 100\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n            <path d=\"M0,50 C360,100 720,0 1080,50 C1260,75 1380,75 1440,50 L1440,100 L0,100 Z\"><\/path>\n        <\/svg>\n    <\/div>\n\n        <!-- Programs Section -->\n    <section class=\"programs\" id=\"programs\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-badge\">Onze programma's<\/div>\n                <h2>Ontwikkel vaardigheden voor de toekomst<\/h2>\n                <p>Onze programma's laten kinderen op een speelse manier nieuwe vaardigheden ontdekken en hun zelfvertrouwen vergroten.<\/p>\n            <\/div>\n            \n            <div class=\"islands-grid\">\n                <div class=\"island-card\">\n                    <div class=\"island-img music\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M14 4V14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M14 4L19 5.5V15.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"17.5\" r=\"2.8\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <circle cx=\"19\" cy=\"16\" r=\"2.1\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n<\/svg><\/div>\n                    <div class=\"island-body\">\n                        <h3>Muziek<\/h3>\n                        <p>Zang, ritme en expressie staan centraal. We maken muziek beleefbaar en samenhangend.<\/p>\n                        <div class=\"island-tags\">\n                            <span class=\"island-tag\">Zingen<\/span>\n                            <span class=\"island-tag\">Ritme<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"island-card\">\n                    <div class=\"island-img drama\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M6 5H18L19 11.5C19.6 15.2 17 18.5 12 20C7 18.5 4.4 15.2 5 11.5L6 5Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M9 10H9.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 10H15.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M8.5 14.5C9.5 15.5 10.8 16 12 16C13.2 16 14.5 15.5 15.5 14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                    <div class=\"island-body\">\n                        <h3>Drama<\/h3>\n                        <p>Kinderen leren spelen, uitbeelden en presenteren. Door samen te werken groeit hun zelfvertrouwen.<\/p>\n                        <div class=\"island-tags\">\n                            <span class=\"island-tag\">Acteren<\/span>\n                            <span class=\"island-tag\">Presenteren<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"island-card\">\n                    <div class=\"island-img science\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M10 3H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M11 3V8L6.5 16.2C5.8 17.5 6.7 19 8.2 19H15.8C17.3 19 18.2 17.5 17.5 16.2L13 8V3\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M8.8 13H15.2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.2\" r=\".7\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"13.8\" cy=\"12\" r=\".7\" fill=\"currentColor\"><\/circle>\n<\/svg><\/div>\n                    <div class=\"island-body\">\n                        <h3>Science<\/h3>\n                        <p>Ontdekken door te doen. Kinderen stellen vragen, voeren experimenten uit en leren logisch denken.<\/p>\n                        <div class=\"island-tags\">\n                            <span class=\"island-tag\">Experimenten<\/span>\n                            <span class=\"island-tag\">Onderzoeken<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"island-card\">\n                    <div class=\"island-img art\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 4C7.6 4 4 7.1 4 11C4 14.9 7 18 10.5 18H11.6C12.4 18 13 18.6 13 19.4C13 20.3 13.7 21 14.6 21H15C18.9 21 22 17.6 22 13.5C22 8.3 17.7 4 12 4Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <circle cx=\"8\" cy=\"10\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"11\" cy=\"8\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"15\" cy=\"8.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"17\" cy=\"12\" r=\".9\" fill=\"currentColor\"><\/circle>\n<\/svg><\/div>\n                    <div class=\"island-body\">\n                        <h3>Beeldende Vorming<\/h3>\n                        <p>Tekenen, schilderen, bouwen en ontwerpen. Kinderen geven hun ideeen zichtbaar vorm.<\/p>\n                        <div class=\"island-tags\">\n                            <span class=\"island-tag\">Creatief<\/span>\n                            <span class=\"island-tag\">Maken<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"island-card\">\n                    <div class=\"island-img robot\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 3V6\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <rect x=\"5\" y=\"6\" width=\"14\" height=\"10\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/rect>\n  <path d=\"M3 10H5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M19 10H21\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"14\" cy=\"10.5\" r=\".9\" fill=\"currentColor\"><\/circle>\n  <path d=\"M10 13H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M9 16V20\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 16V20\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                    <div class=\"island-body\">\n                        <h3>Robotica<\/h3>\n                        <p>Bouwen, coderen en oplossingen bedenken. Een speelse introductie tot technologie.<\/p>\n                        <div class=\"island-tags\">\n                            <span class=\"island-tag\">Technologie<\/span>\n                            <span class=\"island-tag\">Bouwen<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"island-card\">\n                    <div class=\"island-img film\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M4 8H20V17C20 18.1 19.1 19 18 19H6C4.9 19 4 18.1 4 17V8Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M4 8L7 5H20L17 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M9 5L12 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M13 5L16 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M10 11.5L15 14.5L10 17.5V11.5Z\" fill=\"currentColor\"><\/path>\n<\/svg><\/div>\n                    <div class=\"island-body\">\n                        <h3>Afscheidsprojecten<\/h3>\n                        <p>Een film als blijvende herinnering. Samen met groep 8 maken we een professionele film.<\/p>\n                        <div class=\"island-tags\">\n                            <span class=\"island-tag\">Film<\/span>\n                            <span class=\"island-tag\">Herinnering<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <!-- Services Section -->\n    <section class=\"services\" id=\"services\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-badge\">Voor scholen<\/div>\n                <h2>Hoe TVOA kan ondersteunen<\/h2>\n                <p>Van losse workshops tot structurele programma's: we sluiten aan op de behoefte van school en groep.<\/p>\n            <\/div>\n            \n            <div class=\"bubbles-grid\">\n                <div class=\"bubble-card\">\n                    <div class=\"bubble-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M3 9L12 4L21 9L12 14L3 9Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M6 11.5V16.5C6 17 6.3 17.4 6.8 17.6L12 20L17.2 17.6C17.7 17.4 18 17 18 16.5V11.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n<\/svg><\/div>\n                    <h4>Schoolprogramma's<\/h4>\n                    <p>Creatieve lessen tijdens of na schooltijd.<\/p>\n                    <a href=\"#contact\" class=\"btn-secondary\" style=\"padding: 10px 20px; font-size: 14px;\">Bespreek mogelijkheden<\/a>\n                <\/div>\n                \n                <div class=\"bubble-card\">\n                    <div class=\"bubble-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 3L13.8 7.2L18 9L13.8 10.8L12 15L10.2 10.8L6 9L10.2 7.2L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M18 15L18.9 17.1L21 18L18.9 18.9L18 21L17.1 18.9L15 18L17.1 17.1L18 15Z\" fill=\"currentColor\"><\/path>\n<\/svg><\/div>\n                    <h4>Workshops<\/h4>\n                    <p>Korte, energieke sessies met direct resultaat.<\/p>\n                    <a href=\"#contact\" class=\"btn-secondary\" style=\"padding: 10px 20px; font-size: 14px;\">Bekijk opties<\/a>\n                <\/div>\n                \n                <div class=\"bubble-card\">\n                    <div class=\"bubble-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M4 8H20V17C20 18.1 19.1 19 18 19H6C4.9 19 4 18.1 4 17V8Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M4 8L7 5H20L17 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M9 5L12 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M13 5L16 8\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M10 11.5L15 14.5L10 17.5V11.5Z\" fill=\"currentColor\"><\/path>\n<\/svg><\/div>\n                    <h4>Media & Film<\/h4>\n                    <p>Professionele begeleiding bij film- en afscheidsprojecten.<\/p>\n                    <a href=\"#contact\" class=\"btn-secondary\" style=\"padding: 10px 20px; font-size: 14px;\">Plan een gesprek<\/a>\n                <\/div>\n                \n                <div class=\"bubble-card\">\n                    <div class=\"bubble-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <circle cx=\"8\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <circle cx=\"16\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <path d=\"M4.5 18C5.2 15.8 6.9 14.5 9 14.5H15C17.1 14.5 18.8 15.8 19.5 18\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                    <h4>Maatwerk<\/h4>\n                    <p>Programma's afgestemd op jullie doelgroep en wensen.<\/p>\n                    <a href=\"#contact\" class=\"btn-secondary\" style=\"padding: 10px 20px; font-size: 14px;\">Neem contact op<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <!-- About Section -->\n    <section class=\"about\" id=\"about\">\n        <div class=\"container\">\n            <div class=\"story-grid\">\n                <div class=\"story-content\">\n                    <h2>Wij geloven dat elk kind talent heeft<\/h2>\n                    <p>TVOA staat voor The Voice of Anasheed. Wij richten ons op creatieve en culturele talentontwikkeling voor kinderen binnen het primair onderwijs, met programma's die kinderen laten groeien in vertrouwen en expressie.<\/p>\n                    \n                    <div class=\"story-features\">\n                        <div class=\"story-feature\">\n                            <div class=\"story-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M6 5H18L19 11.5C19.6 15.2 17 18.5 12 20C7 18.5 4.4 15.2 5 11.5L6 5Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M9 10H9.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M15 10H15.01\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M8.5 14.5C9.5 15.5 10.8 16 12 16C13.2 16 14.5 15.5 15.5 14.5\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                            <span>Creativiteit<\/span>\n                        <\/div>\n                        <div class=\"story-feature\">\n                            <div class=\"story-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <circle cx=\"8\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <circle cx=\"16\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.9\"><\/circle>\n  <path d=\"M4.5 18C5.2 15.8 6.9 14.5 9 14.5H15C17.1 14.5 18.8 15.8 19.5 18\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n<\/svg><\/div>\n                            <span>Samenwerken<\/span>\n                        <\/div>\n                        <div class=\"story-feature\">\n                            <div class=\"story-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M10 3H14\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <path d=\"M11 3V8L6.5 16.2C5.8 17.5 6.7 19 8.2 19H15.8C17.3 19 18.2 17.5 17.5 16.2L13 8V3\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M8.8 13H15.2\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><\/path>\n  <circle cx=\"10\" cy=\"10.2\" r=\".7\" fill=\"currentColor\"><\/circle>\n  <circle cx=\"13.8\" cy=\"12\" r=\".7\" fill=\"currentColor\"><\/circle>\n<\/svg><\/div>\n                            <span>Ontdekken<\/span>\n                        <\/div>\n                        <div class=\"story-feature\">\n                            <div class=\"story-feature-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n  <path d=\"M12 3L13.8 7.2L18 9L13.8 10.8L12 15L10.2 10.8L6 9L10.2 7.2L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linejoin=\"round\"><\/path>\n  <path d=\"M18 15L18.9 17.1L21 18L18.9 18.9L18 21L17.1 18.9L15 18L17.1 17.1L18 15Z\" fill=\"currentColor\"><\/path>\n<\/svg><\/div>\n                            <span>Zelfvertrouwen<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"stats-row\">\n                    <div class=\"stat-bubble\">\n                        <div class=\"number\">25+<\/div>\n                        <div class=\"label\">Scholen<\/div>\n                    <\/div>\n                    <div class=\"stat-bubble\">\n                        <div class=\"number\">500+<\/div>\n                        <div class=\"label\">Kinderen<\/div>\n                    <\/div>\n                    <div class=\"stat-bubble\">\n                        <div class=\"number\">6<\/div>\n                        <div class=\"label\">Programma's<\/div>\n                    <\/div>\n                    <div class=\"stat-bubble\">\n                        <div class=\"number\">Op maat<\/div>\n                        <div class=\"label\">Samenwerking<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <!-- CTA Section -->\n    <section class=\"cta-magic\" id=\"contact\">\n        <div class=\"container\">\n            <h2>Samen iets moois neerzetten?<\/h2>\n            <p>We denken graag mee over een programma, projectweek of afscheidstraject dat echt past bij jullie school of organisatie.<\/p>\n            <a href=\"mailto:info@tvoa.nl\" class=\"btn-magic\">\n                <span>&#128140;<\/span> Mail ons direct\n            <\/a>\n        <\/div>\n    <\/section>\n\n        <!-- Footer -->\n    <footer>\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-brand\">\n                    <a href=\"#home\" class=\"logo logo--image footer-logo\">\n                        <img decoding=\"async\" src=\"https:\/\/tvoa.mattimoorman.nl\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"TVOA logo\" class=\"footer-logo-image\"\/>\n                        <span class=\"logo-copy\">\n                            <span class=\"logo-name\">TVOA<\/span>\n                            <span class=\"logo-tagline\">The Voice of Anasheed<\/span>\n                        <\/span>\n                    <\/a>\n                    <p>Kleurrijke programma's waarin kinderen ontdekken, maken en groeien in zelfvertrouwen.<\/p>\n                <\/div>\n                \n                <div class=\"footer-column\">\n                    <h4>Ontdek<\/h4>\n                    <ul>\n                        <li><a href=\"#home\">Home<\/a><\/li>\n                        <li><a href=\"#programs\">Programma's<\/a><\/li>\n                        <li><a href=\"#services\">Voor scholen<\/a><\/li>\n                        <li><a href=\"#about\">Over ons<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-column\">\n                    <h4>Programma's<\/h4>\n                    <ul>\n                        <li><a href=\"#programs\">Muziek<\/a><\/li>\n                        <li><a href=\"#programs\">Drama<\/a><\/li>\n                        <li><a href=\"#programs\">Science<\/a><\/li>\n                        <li><a href=\"#programs\">Robotica<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"footer-column\">\n                    <h4>Contact<\/h4>\n                    <ul>\n                        <li><a href=\"mailto:info@tvoa.nl\">info@tvoa.nl<\/a><\/li>\n                        <li><a href=\"tel:+31612345678\">06-12345678<\/a><\/li>\n                        <li><a href=\"#contact\">Amsterdam<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-bottom\">\n                <p>&copy; 2026 Creatieve programma&#39;s voor scholen en projecten<\/p>\n                <div class=\"footer-links\">\n                    <a href=\"#\">Privacy<\/a>\n                    <a href=\"#\">Voorwaarden<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\r\n<\/div>\n<script>\n(() => {\nconst mobileToggle = document.getElementById(\"mobileToggle\");\nconst nav = document.getElementById(\"siteNav\");\n\nif (mobileToggle && nav) {\n  mobileToggle.addEventListener(\"click\", () => {\n    nav.classList.toggle(\"nav-open\");\n  });\n}\n\ndocument.querySelectorAll(\".tvoa-mock2-root a[href^='#']\").forEach(link => {\n  link.addEventListener(\"click\", event => {\n    const href = link.getAttribute(\"href\");\n    const target = href ? document.querySelector(href) : null;\n\n    if (!target) {\n      return;\n    }\n\n    event.preventDefault();\n    if (nav) {\n      nav.classList.remove(\"nav-open\");\n    }\n\n    const top = target.getBoundingClientRect().top + window.scrollY - 88;\n    window.scrollTo({ top, behavior: \"smooth\" });\n  });\n});\n})();\n<\/script>\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>TVOA The Voice of Anasheed Home Programma&#8217;s Voor scholen Over ons Contact \u00e2\u02dc\u00b0 &#127912; Voor basisscholen, BSO en projecten Waar talent kleurrijk tot bloei komt Creatieve verrijkingsprogramma&#8217;s voor basisscholen, BSO&#8217;s en educatieve projecten. Van drama en muziek tot robotica en film: we helpen kinderen ontdekken, maken en presenteren. Ontdek onze programma&#8217;s Neem contact op Muziek [&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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":33,"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/tvoa.mattimoorman.nl\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}