{"id":53,"date":"2025-09-03T10:27:15","date_gmt":"2025-09-03T10:27:15","guid":{"rendered":"https:\/\/curiouslearneracademy.com\/australia\/?page_id=53"},"modified":"2026-08-17T06:53:08","modified_gmt":"2026-08-17T06:53:08","slug":"oc-opportunity-class","status":"publish","type":"page","link":"https:\/\/curiouslearneracademy.com\/australia\/oc-opportunity-class\/","title":{"rendered":"OC (Opportunity Class)"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-1c5727b1 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & RESETS *\/\n.wp-block-custom-html:has(#cl-hero-master),\n.entry-content > .wp-block-custom-html:has(#cl-hero-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-hero-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-hero-master,\n#cl-hero-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-hero-master::-webkit-scrollbar,\n#cl-hero-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MAIN HERO MASTER CONTAINER *\/\n#cl-hero-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: transparent !important;\n    color: #ffffff !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clHeroSection {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 100px) 0 !important;\n    width: 100% !important;\n    min-height: 85vh;\n    display: flex;\n    align-items: center;\n}\n\n.cl-hero-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n    display: grid;\n    grid-template-columns: 1.25fr 0.75fr;\n    gap: clamp(30px, 4vw, 60px);\n    align-items: center;\n    position: relative;\n    z-index: 10;\n}\n\n\/* MOUSE GLOW SPOTLIGHT *\/\n#clHeroMouseGlow {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 600px;\n    height: 600px;\n    margin-top: -300px;\n    margin-left: -300px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(0, 229, 255, 0.12) 0%, rgba(124, 58, 237, 0.06) 50%, transparent 80%);\n    pointer-events: none;\n    z-index: 99;\n    transition: transform 0.1s ease-out;\n}\n\n\/* AURORA GLOW ORBS & CANVAS *\/\n.hero-aurora-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.aura-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(140px);\n    opacity: 0.3;\n    animation: auraPulse 8s ease-in-out infinite alternate;\n}\n\n.aura-purple { top: -100px; left: -100px; width: 600px; height: 600px; background: #7C3AED; }\n.aura-blue { bottom: -100px; right: -100px; width: 600px; height: 600px; background: #0091FF; animation-delay: 2s; }\n.aura-cyan { top: 40%; left: 30%; width: 500px; height: 500px; background: #00E5FF; animation-delay: 4s; }\n\n@keyframes auraPulse {\n    0% { transform: scale(0.9); opacity: 0.25; }\n    100% { transform: scale(1.15); opacity: 0.4; }\n}\n\n#clHeroMathCanvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n    pointer-events: none;\n}\n\n.hero-noise-overlay {\n    position: absolute;\n    inset: 0;\n    opacity: 0.03;\n    pointer-events: none;\n    z-index: 1;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n}\n\n\/* SEPARATE CONTENT STREAM (EVERY ELEMENT HAS ITS OWN CONTAINER) *\/\n.cl-hero-content-stream {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n\/* 1. STANDALONE BADGE CONTAINER *\/\n.cl-hero-badge-container {\n    margin-bottom: 18px;\n}\n\n.cl-hero-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(15, 23, 42, 0.65);\n    border: 1px solid rgba(0, 229, 255, 0.4);\n    padding: 6px 18px;\n    border-radius: 50px;\n    font-size: 0.78rem;\n    font-weight: 800;\n    color: #00E5FF;\n    letter-spacing: 0.8px;\n    backdrop-filter: blur(10px);\n    box-shadow: 0 0 15px rgba(0, 229, 255, 0.2);\n}\n\n.badge-star-icon { font-size: 0.85rem; }\n\n\/* 2. STANDALONE HEADING CONTAINER (LIGHT SEMI-TRANSPARENT GLASS) *\/\n.cl-hero-heading-card {\n    background: rgba(15, 23, 42, 0.45);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 22px;\n    padding: clamp(20px, 3vw, 30px);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    margin-bottom: 22px;\n    width: 100%;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);\n}\n\n.cl-hero-title {\n    font-size: clamp(2.2rem, 4.4vw, 3.6rem);\n    font-weight: 900;\n    line-height: 1.15;\n    margin: 0;\n    color: #ffffff;\n}\n\n\/* ORIGINAL VIBRANT NEON TEXT GRADIENTS *\/\n.shimmer-purple-pink {\n    background: linear-gradient(90deg, #A855F7, #EC4899, #F43F5E);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.shimmer-blue-cyan {\n    background: linear-gradient(90deg, #0091FF, #00E5FF);\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n\n.shimmer-neon-glow {\n    background: linear-gradient(90deg, #00E5FF, #38F9D7, #A855F7);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: textShimmer 4s linear infinite;\n}\n\n@keyframes textShimmer {\n    to { background-position: 200% center; }\n}\n\n\/* 3. STANDALONE DESCRIPTION CONTAINER (LIGHT SEMI-TRANSPARENT GLASS) *\/\n.cl-hero-description-card {\n    background: rgba(15, 23, 42, 0.45);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 22px;\n    padding: clamp(20px, 3vw, 28px);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    margin-bottom: 28px;\n    width: 100%;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);\n}\n\n.hero-subheadline {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.92rem, 1.1vw, 1rem);\n    color: #F1F5F9;\n    line-height: 1.68;\n    margin: 0 0 12px 0;\n}\n\n.hero-subtext {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.82rem, 0.95vw, 0.9rem);\n    color: #94A3B8;\n    line-height: 1.58;\n    margin: 0;\n}\n\n\/* 4. STANDALONE CTA BUTTONS CONTAINER (SIDE-BY-SIDE ROW) *\/\n.cl-hero-cta-group {\n    display: flex !important;\n    flex-direction: row !important;\n    flex-wrap: nowrap !important;\n    gap: 16px !important;\n    align-items: center !important;\n    width: 100% !important;\n}\n\n.cl-btn-primary-neon {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 32px;\n    border-radius: 50px;\n    background: linear-gradient(90deg, #7C3AED, #0091FF, #00E5FF);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 0.92rem;\n    white-space: nowrap;\n    box-shadow: 0 0 30px rgba(0, 229, 255, 0.4);\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    flex-shrink: 0;\n}\n\n.cl-btn-primary-neon:hover {\n    transform: translateY(-3px) scale(1.02);\n    box-shadow: 0 0 55px rgba(0, 229, 255, 0.7);\n}\n\n.wave-glow-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);\n    transform: skewX(-20deg);\n    animation: waveSweep 3s infinite;\n}\n\n@keyframes waveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-label { position: relative; z-index: 2; }\n\n.cl-btn-secondary-glass {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 28px;\n    border-radius: 50px;\n    background: rgba(15, 23, 42, 0.55);\n    border: 1.5px solid rgba(255, 255, 255, 0.2);\n    color: #ffffff !important;\n    text-decoration: none !important;\n    font-weight: 800;\n    font-size: 0.9rem;\n    white-space: nowrap;\n    backdrop-filter: blur(12px);\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n}\n\n.cl-btn-secondary-glass:hover {\n    background: rgba(15, 23, 42, 0.85);\n    border-color: #00E5FF;\n    transform: translateY(-2px);\n}\n\n\/* RIGHT SIDE FLOATING PILLS *\/\n.cl-floating-pills-stage {\n    position: relative;\n    height: 320px;\n    width: 100%;\n}\n\n.cl-floating-pill {\n    position: absolute;\n    background: rgba(255, 255, 255, 0.95);\n    color: #030712;\n    padding: 10px 24px;\n    border-radius: 50px;\n    font-weight: 900;\n    font-size: 0.9rem;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 255, 255, 0.4);\n    animation: floatPill 4s ease-in-out infinite alternate;\n}\n\n.pill-top { top: 40px; right: 20%; }\n.pill-bottom { bottom: 50px; right: 10%; animation-delay: 2s; }\n\n.pill-dot-indicator {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n}\n\n.pill-dot-indicator.blue-glow { background: #0091FF; box-shadow: 0 0 10px #0091FF; }\n.pill-dot-indicator.pink-glow { color: #EC4899; }\n\n@keyframes floatPill {\n    0% { transform: translateY(0); }\n    100% { transform: translateY(-14px); }\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n    .cl-hero-container { grid-template-columns: 1fr; }\n    .cl-floating-pills-stage { display: none; }\n    .cl-hero-cta-group {\n        flex-wrap: wrap !important;\n        justify-content: flex-start !important;\n    }\n}\n\n@media (max-width: 640px) {\n    .cl-hero-cta-group {\n        flex-direction: column !important;\n        align-items: stretch !important;\n    }\n    .cl-btn-primary-neon, .cl-btn-secondary-glass {\n        width: 100% !important;\n        text-align: center;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ 1. MOUSE FOLLOW SPOTLIGHT GLOW\n    const mouseGlow = document.getElementById('clHeroMouseGlow');\n    window.addEventListener('mousemove', (e) => {\n        if (mouseGlow) {\n            mouseGlow.style.transform = `translate(${e.clientX}px, ${e.clientY}px)`;\n        }\n    });\n\n    \/\/ 2. BACKGROUND CANVAS ENGINE (FLOATING MATH SYMBOLS & NEON PARTICLES)\n    const canvas = document.getElementById('clHeroMathCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            if (!canvas.parentElement) return;\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'OC Prep', 'Year 3', 'Year 4', 'ACARA'];\n        const neonColors = ['#00E5FF', '#0091FF', '#7C3AED', '#EC4899', '#A855F7'];\n\n        const particles = Array.from({ length: 32 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: neonColors[Math.floor(Math.random() * neonColors.length)],\n            fontSize: Math.random() * 16 + 12,\n            vx: (Math.random() - 0.5) * 0.4,\n            vy: (Math.random() - 0.5) * 0.4,\n            alpha: Math.random() * 0.4 + 0.2\n        }));\n\n        function renderHeroParticles() {\n            ctx.clearRect(0, 0, width, height);\n\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n\n                if (p.x < -20 || p.x > width + 20) p.vx *= -1;\n                if (p.y < -20 || p.y > height + 20) p.vy *= -1;\n\n                ctx.save();\n                ctx.translate(p.x, p.y);\n                ctx.globalAlpha = p.alpha;\n                ctx.font = `800 ${p.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = p.color;\n                ctx.fillText(p.symbol, 0, 0);\n                ctx.restore();\n            });\n\n            requestAnimationFrame(renderHeroParticles);\n        }\n        renderHeroParticles();\n    }\n\n});\n<\/script>\n\n<div id=\"cl-hero-master\">\n    <!-- MOUSE SPOTLIGHT GLOW -->\n    <div id=\"clHeroMouseGlow\" aria-hidden=\"true\"><\/div>\n\n    <section id=\"clHeroSection\">\n        \n        <!-- AURORA & PARTICLE CANVAS LAYER -->\n        <div class=\"hero-aurora-glows\">\n            <div class=\"aura-orb aura-purple\"><\/div>\n            <div class=\"aura-orb aura-blue\"><\/div>\n            <div class=\"aura-orb aura-cyan\"><\/div>\n        <\/div>\n        <canvas id=\"clHeroMathCanvas\"><\/canvas>\n        <div class=\"hero-noise-overlay\"><\/div>\n\n        <div class=\"cl-hero-container\">\n            \n            <!-- LEFT MAIN CONTENT STREAM (SEPARATE INDIVIDUAL CONTAINERS) -->\n            <div class=\"cl-hero-content-stream\">\n                \n                <!-- 1. STANDALONE PREFIX BADGE CONTAINER -->\n                <div class=\"cl-hero-badge-container\">\n                    <div class=\"cl-hero-badge\">\n                        <span class=\"badge-star-icon\">\u2b50<\/span>\n                        <span>NSW Opportunity Class Preparation<\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- 2. STANDALONE MAIN HEADING CONTAINER (SEMI-TRANSPARENT GLASS) -->\n                <div class=\"cl-hero-heading-card\">\n                    <h1 class=\"cl-hero-title\">\n                        Build <span class=\"shimmer-purple-pink\">Strong Foundations.<\/span><br>\n                        Master the <span class=\"shimmer-blue-cyan\">OC Placement Test.<\/span><br>\n                        Unlock Your Child\u2019s <span class=\"shimmer-neon-glow\">Full Potential.<\/span>\n                    <\/h1>\n                <\/div>\n\n                <!-- 3. STANDALONE DESCRIPTION CONTAINER (SEMI-TRANSPARENT GLASS) -->\n                <div class=\"cl-hero-description-card\">\n                    <p class=\"hero-subheadline\">\n                        Whether your child is in Year 2, Year 3, Year 4 or seeking Year 5 extension, Curious Learner Academy provides personalised learning pathways that build conceptual understanding, strengthen critical thinking, improve mathematical reasoning, and prepare students for success in the NSW Opportunity Class Placement Test.\n                    <\/p>\n                    <p class=\"hero-subtext\">\n                        Choose between Self-Paced Learning and Live 1:1 Coaching, with every lesson tailored to your child\u2019s ability, pace and learning goals.\n                    <\/p>\n                <\/div>\n\n                <!-- 4. STANDALONE CTA BUTTONS CONTAINER (SIDE-BY-SIDE) -->\n                <div class=\"cl-hero-cta-group\">\n                    <a href=\"#\" id=\"heroDiagnosticBtn\" class=\"cl-btn-primary-neon\">\n                        <span class=\"wave-glow-sweep\"><\/span>\n                        <span class=\"btn-label\">Start Free Diagnostic Assessment \u2192<\/span>\n                    <\/a>\n                    <a href=\"#\" id=\"heroPathwaysBtn\" class=\"cl-btn-secondary-glass\">\n                        <span>Explore Learning Pathways<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- RIGHT SIDE FLOATING BADGES -->\n            <div class=\"cl-floating-pills-stage\" aria-hidden=\"true\">\n                <div class=\"cl-floating-pill pill-top\">\n                    <span class=\"pill-dot-indicator blue-glow\"><\/span>\n                    <span>Independent<\/span>\n                <\/div>\n                <div class=\"cl-floating-pill pill-bottom\">\n                    <span class=\"pill-dot-indicator pink-glow\">\u2605<\/span>\n                    <span>Confident<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n<\/div><\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-journey-block-master),\n.entry-content > .wp-block-custom-html:has(#cl-journey-block-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-journey-block-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-journey-block-master,\n#cl-journey-block-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-journey-block-master::-webkit-scrollbar,\n#cl-journey-block-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (100% EDGE TO EDGE WHITE THEME) *\/\n#cl-journey-block-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #FFFFFF !important;\n    color: #0F172A !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clJourneyBlockSection {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 100px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-journey-block-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* AMBIENT BACKGROUND GLOW ORBS & CANVAS *\/\n.cl-light-bg-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.light-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(140px);\n    opacity: 0.12;\n    animation: lightOrbPulse 8s ease-in-out infinite alternate;\n}\n\n.orb-teal   { top: -80px; left: -80px; width: 500px; height: 500px; background: #00838F; }\n.orb-amber  { bottom: -80px; right: -80px; width: 500px; height: 500px; background: #E65100; animation-delay: 2s; }\n.orb-purple { top: 40%; right: 30%; width: 450px; height: 450px; background: #6A1B9A; animation-delay: 4s; }\n\n@keyframes lightOrbPulse {\n    0% { transform: scale(0.9); opacity: 0.08; }\n    100% { transform: scale(1.12); opacity: 0.16; }\n}\n\n#clLightMathCanvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n    pointer-events: none;\n}\n\n\/* HEADER STYLING & PREFIX BADGES *\/\n.block-header {\n    margin-bottom: clamp(35px, 5vw, 55px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* BADGES WITH WAVE GLOW SWEEP & BLINKING DOTS *\/\n.block-tag-badge {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.75rem;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    padding: 6px 20px;\n    border-radius: 50px;\n    margin-bottom: 14px;\n    overflow: hidden;\n}\n\n.badge-teal {\n    color: #00838F;\n    background: rgba(0, 131, 143, 0.08);\n    border: 1.5px solid rgba(0, 131, 143, 0.35);\n    box-shadow: 0 0 20px rgba(0, 131, 143, 0.2);\n}\n\n.badge-orange {\n    color: #E65100;\n    background: rgba(230, 81, 0, 0.08);\n    border: 1.5px solid rgba(230, 81, 0, 0.35);\n    box-shadow: 0 0 20px rgba(230, 81, 0, 0.2);\n}\n\n\/* WAVE SWEEP ON BADGES *\/\n.badge-wave-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\n    transform: skewX(-20deg);\n    animation: badgeSweep 3.5s infinite;\n}\n\n@keyframes badgeSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.badge-text { position: relative; z-index: 2; }\n\n\/* PULSING & BLINKING DOTS *\/\n.badge-dot-teal, .badge-dot-orange {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    position: relative;\n    z-index: 2;\n}\n\n.badge-dot-teal {\n    background: #00838F;\n    box-shadow: 0 0 8px #00838F;\n    animation: dotBlinkPulse 1.8s infinite;\n}\n\n.badge-dot-orange {\n    background: #E65100;\n    box-shadow: 0 0 8px #E65100;\n    animation: dotBlinkPulse 1.8s infinite;\n}\n\n.badge-dot-teal::after, .badge-dot-orange::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid currentColor;\n    animation: radarPulseRing 1.8s infinite;\n}\n\n@keyframes dotBlinkPulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.3; transform: scale(0.85); }\n}\n\n@keyframes radarPulseRing {\n    0% { transform: scale(0.8); opacity: 0.9; }\n    100% { transform: scale(2.2); opacity: 0; }\n}\n\n.block-title {\n    font-size: clamp(2rem, 3.8vw, 3.2rem);\n    font-weight: 900;\n    line-height: 1.15;\n    margin: 0 0 12px 0;\n    color: #0F172A;\n}\n\n\/* MULTI-COLOR NEON GRADIENT SHIMMERS FOR BOTH HEADINGS *\/\n.shimmer-neon-wave {\n    background: linear-gradient(90deg, #00838F, #E65100, #C2185B, #6A1B9A, #00838F);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonGradientWave 5s linear infinite;\n}\n\n.shimmer-early-wave {\n    background: linear-gradient(90deg, #E65100, #C2185B, #6A1B9A, #00838F, #E65100);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonGradientWave 5s linear infinite;\n}\n\n@keyframes neonGradientWave {\n    to { background-position: 250% center; }\n}\n\n.block-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.9rem, 1.1vw, 1.02rem);\n    color: #64748B;\n    max-width: 720px;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.text-center { text-align: center; }\n\n\/* ==========================================================================\n   PART 1: 4 JOURNEY CARDS GRID (ULTRA-VIBRANT NEON HOVER SHADOWS)\n   ========================================================================== *\/\n.journey-grid-4 {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(16px, 2vw, 24px);\n    margin-bottom: clamp(60px, 8vw, 90px);\n}\n\n.light-journey-card {\n    background: #FFFFFF;\n    border: 1.5px solid #E2E8F0;\n    border-radius: 22px;\n    padding: clamp(22px, 2.5vw, 28px);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease, border-color 0.35s ease;\n    overflow: hidden;\n}\n\n\/* ULTRA-VIBRANT LIGHT-MODE NEON HOVER SHADOWS *\/\n.j-card-teal:hover   { transform: translateY(-8px) scale(1.02); border-color: #00838F; box-shadow: 0 20px 40px rgba(0, 131, 143, 0.35), 0 0 25px rgba(0, 131, 143, 0.25); }\n.j-card-amber:hover  { transform: translateY(-8px) scale(1.02); border-color: #E65100; box-shadow: 0 20px 40px rgba(230, 81, 0, 0.35), 0 0 25px rgba(230, 81, 0, 0.25); }\n.j-card-pink:hover   { transform: translateY(-8px) scale(1.02); border-color: #C2185B; box-shadow: 0 20px 40px rgba(194, 24, 91, 0.35), 0 0 25px rgba(194, 24, 91, 0.25); }\n.j-card-purple:hover { transform: translateY(-8px) scale(1.02); border-color: #6A1B9A; box-shadow: 0 20px 40px rgba(106, 27, 154, 0.35), 0 0 25px rgba(106, 27, 154, 0.25); }\n\n.highlight-amber {\n    border-color: rgba(230, 81, 0, 0.4);\n    box-shadow: 0 8px 24px rgba(230, 81, 0, 0.08);\n}\n\n.card-top-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 14px;\n}\n\n.grade-pill {\n    font-size: 0.7rem;\n    font-weight: 900;\n    padding: 4px 12px;\n    border-radius: 50px;\n}\n\n.pill-teal   { color: #00838F; background: rgba(0, 131, 143, 0.1); border: 1px solid rgba(0, 131, 143, 0.25); }\n.pill-amber  { color: #E65100; background: rgba(230, 81, 0, 0.1); border: 1px solid rgba(230, 81, 0, 0.25); }\n.pill-pink   { color: #C2185B; background: rgba(194, 24, 91, 0.1); border: 1px solid rgba(194, 24, 91, 0.25); }\n.pill-purple { color: #6A1B9A; background: rgba(106, 27, 154, 0.1); border: 1px solid rgba(106, 27, 154, 0.25); }\n\n.card-tag {\n    font-size: 0.65rem;\n    font-weight: 800;\n    padding: 3px 8px;\n    border-radius: 4px;\n}\n\n.tag-teal   { color: #00838F; background: #F0FDF4; }\n.tag-amber  { color: #E65100; background: #FFF7ED; }\n.tag-pink   { color: #C2185B; background: #FDF2F8; }\n.tag-purple { color: #6A1B9A; background: #F3E8FF; }\n\n.light-journey-card h3 {\n    font-size: clamp(1.2rem, 1.8vw, 1.4rem);\n    font-weight: 900;\n    margin: 0 0 12px 0;\n    color: #0F172A;\n}\n\n.card-divider {\n    height: 1px;\n    background: #F1F5F9;\n    margin-bottom: 14px;\n}\n\n.focus-label {\n    font-size: 0.68rem;\n    font-weight: 800;\n    color: #64748B;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n}\n\n.focus-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    margin: 0 0 22px 0;\n    padding: 0;\n}\n\n.focus-list li {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.82rem;\n    color: #475569;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.focus-list li::before {\n    content: '\u2022';\n    color: #00838F;\n    font-weight: bold;\n}\n\n\/* BUTTONS WITH WAVE GLOW SWEEPS *\/\n.journey-cta-btn {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    text-align: center;\n    padding: 12px;\n    border-radius: 12px;\n    background: #F8FAFC;\n    border: 1.5px solid #E2E8F0;\n    color: #0F172A !important;\n    text-decoration: none !important;\n    font-weight: 800;\n    font-size: 0.85rem;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.btn-wave-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\n    transform: skewX(-20deg);\n    animation: btnWaveSweep 3s infinite;\n}\n\n@keyframes btnWaveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-text { position: relative; z-index: 2; }\n\n.btn-teal:hover   { background: #00838F; border-color: #00838F; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(0, 131, 143, 0.35); }\n.btn-amber:hover  { background: #E65100; border-color: #E65100; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(230, 81, 0, 0.35); }\n.btn-pink:hover   { background: #C2185B; border-color: #C2185B; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(194, 24, 91, 0.35); }\n.btn-purple:hover { background: #6A1B9A; border-color: #6A1B9A; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(106, 27, 154, 0.35); }\n\n\/* ==========================================================================\n   PART 2: 4 \"WHY START EARLY?\" FEATURE BENTO CARDS (VIBRANT HOVER SHADOWS)\n   ========================================================================== *\/\n.why-early-wrapper {\n    width: 100%;\n}\n\n.why-early-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(16px, 2vw, 24px);\n}\n\n.why-feature-card {\n    background: #FFFFFF;\n    border: 1.5px solid #E2E8F0;\n    border-radius: 18px;\n    padding: clamp(20px, 2.5vw, 26px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n.why-teal:hover   { transform: translateY(-6px); border-color: #00838F; box-shadow: 0 16px 35px rgba(0, 131, 143, 0.22), 0 0 20px rgba(0, 131, 143, 0.12); }\n.why-amber:hover  { transform: translateY(-6px); border-color: #E65100; box-shadow: 0 16px 35px rgba(230, 81, 0, 0.22), 0 0 20px rgba(230, 81, 0, 0.12); }\n.why-pink:hover   { transform: translateY(-6px); border-color: #C2185B; box-shadow: 0 16px 35px rgba(194, 24, 91, 0.22), 0 0 20px rgba(194, 24, 91, 0.12); }\n.why-purple:hover { transform: translateY(-6px); border-color: #6A1B9A; box-shadow: 0 16px 35px rgba(106, 27, 154, 0.22), 0 0 20px rgba(106, 27, 154, 0.12); }\n\n.why-icon-box {\n    font-size: 2rem;\n    margin-bottom: 12px;\n    display: inline-block;\n    padding: 8px 12px;\n    border-radius: 12px;\n}\n\n.box-teal   { background: rgba(0, 131, 143, 0.1); }\n.box-amber  { background: rgba(230, 81, 0, 0.1); }\n.box-pink   { background: rgba(194, 24, 91, 0.1); }\n.box-purple { background: rgba(106, 27, 154, 0.1); }\n\n.why-feature-card h3 {\n    font-size: 1.05rem;\n    font-weight: 800;\n    margin: 0 0 8px 0;\n    color: #0F172A;\n}\n\n.why-feature-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.85rem;\n    color: #64748B;\n    line-height: 1.58;\n    margin: 0;\n}\n\n\/* RESPONSIVE BREAKPOINTS (TV TO MOBILE) *\/\n@media (max-width: 1280px) {\n    .journey-grid-4, .why-early-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 640px) {\n    .journey-grid-4, .why-early-grid { grid-template-columns: 1fr; }\n    .focus-list { grid-template-columns: 1fr; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-journey-block-master),\n.entry-content > .wp-block-custom-html:has(#cl-journey-block-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-journey-block-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-journey-block-master,\n#cl-journey-block-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-journey-block-master::-webkit-scrollbar,\n#cl-journey-block-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (100% EDGE TO EDGE WHITE THEME) *\/\n#cl-journey-block-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #FFFFFF !important;\n    color: #0F172A !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clJourneyBlockSection {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 100px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-journey-block-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* AMBIENT BACKGROUND GLOW ORBS & CANVAS *\/\n.cl-light-bg-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.light-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(140px);\n    opacity: 0.12;\n    animation: lightOrbPulse 8s ease-in-out infinite alternate;\n}\n\n.orb-teal   { top: -80px; left: -80px; width: 500px; height: 500px; background: #00838F; }\n.orb-amber  { bottom: -80px; right: -80px; width: 500px; height: 500px; background: #E65100; animation-delay: 2s; }\n.orb-purple { top: 40%; right: 30%; width: 450px; height: 450px; background: #6A1B9A; animation-delay: 4s; }\n\n@keyframes lightOrbPulse {\n    0% { transform: scale(0.9); opacity: 0.08; }\n    100% { transform: scale(1.12); opacity: 0.16; }\n}\n\n#clLightMathCanvas {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 2;\n    pointer-events: none;\n}\n\n\/* HEADER STYLING & PREFIX BADGES *\/\n.block-header {\n    margin-bottom: clamp(35px, 5vw, 55px);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n\/* BADGES WITH WAVE GLOW SWEEP & BLINKING DOTS *\/\n.block-tag-badge {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.75rem;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    padding: 6px 20px;\n    border-radius: 50px;\n    margin-bottom: 14px;\n    overflow: hidden;\n}\n\n.badge-teal {\n    color: #00838F;\n    background: rgba(0, 131, 143, 0.08);\n    border: 1.5px solid rgba(0, 131, 143, 0.35);\n    box-shadow: 0 0 20px rgba(0, 131, 143, 0.2);\n}\n\n.badge-orange {\n    color: #E65100;\n    background: rgba(230, 81, 0, 0.08);\n    border: 1.5px solid rgba(230, 81, 0, 0.35);\n    box-shadow: 0 0 20px rgba(230, 81, 0, 0.2);\n}\n\n\/* WAVE SWEEP ON BADGES *\/\n.badge-wave-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);\n    transform: skewX(-20deg);\n    animation: badgeSweep 3.5s infinite;\n}\n\n@keyframes badgeSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.badge-text { position: relative; z-index: 2; }\n\n\/* PULSING & BLINKING DOTS *\/\n.badge-dot-teal, .badge-dot-orange {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    position: relative;\n    z-index: 2;\n}\n\n.badge-dot-teal {\n    background: #00838F;\n    box-shadow: 0 0 8px #00838F;\n    animation: dotBlinkPulse 1.8s infinite;\n}\n\n.badge-dot-orange {\n    background: #E65100;\n    box-shadow: 0 0 8px #E65100;\n    animation: dotBlinkPulse 1.8s infinite;\n}\n\n.badge-dot-teal::after, .badge-dot-orange::after {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 50%;\n    border: 2px solid currentColor;\n    animation: radarPulseRing 1.8s infinite;\n}\n\n@keyframes dotBlinkPulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.3; transform: scale(0.85); }\n}\n\n@keyframes radarPulseRing {\n    0% { transform: scale(0.8); opacity: 0.9; }\n    100% { transform: scale(2.2); opacity: 0; }\n}\n\n.block-title {\n    font-size: clamp(2rem, 3.8vw, 3.2rem);\n    font-weight: 900;\n    line-height: 1.15;\n    margin: 0 0 12px 0;\n    color: #0F172A;\n}\n\n\/* MULTI-COLOR NEON GRADIENT SHIMMERS FOR BOTH HEADINGS *\/\n.shimmer-neon-wave {\n    background: linear-gradient(90deg, #00838F, #E65100, #C2185B, #6A1B9A, #00838F);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonGradientWave 5s linear infinite;\n}\n\n.shimmer-early-wave {\n    background: linear-gradient(90deg, #E65100, #C2185B, #6A1B9A, #00838F, #E65100);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonGradientWave 5s linear infinite;\n}\n\n@keyframes neonGradientWave {\n    to { background-position: 250% center; }\n}\n\n.block-subtitle {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(0.9rem, 1.1vw, 1.02rem);\n    color: #64748B;\n    max-width: 720px;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.text-center { text-align: center; }\n\n\/* ==========================================================================\n   PART 1: 4 JOURNEY CARDS GRID (ULTRA-VIBRANT NEON HOVER SHADOWS)\n   ========================================================================== *\/\n.journey-grid-4 {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(16px, 2vw, 24px);\n    margin-bottom: clamp(60px, 8vw, 90px);\n}\n\n.light-journey-card {\n    background: #FFFFFF;\n    border: 1.5px solid #E2E8F0;\n    border-radius: 22px;\n    padding: clamp(22px, 2.5vw, 28px);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.35s ease, border-color 0.35s ease;\n    overflow: hidden;\n}\n\n\/* ULTRA-VIBRANT LIGHT-MODE NEON HOVER SHADOWS *\/\n.j-card-teal:hover   { transform: translateY(-8px) scale(1.02); border-color: #00838F; box-shadow: 0 20px 40px rgba(0, 131, 143, 0.35), 0 0 25px rgba(0, 131, 143, 0.25); }\n.j-card-amber:hover  { transform: translateY(-8px) scale(1.02); border-color: #E65100; box-shadow: 0 20px 40px rgba(230, 81, 0, 0.35), 0 0 25px rgba(230, 81, 0, 0.25); }\n.j-card-pink:hover   { transform: translateY(-8px) scale(1.02); border-color: #C2185B; box-shadow: 0 20px 40px rgba(194, 24, 91, 0.35), 0 0 25px rgba(194, 24, 91, 0.25); }\n.j-card-purple:hover { transform: translateY(-8px) scale(1.02); border-color: #6A1B9A; box-shadow: 0 20px 40px rgba(106, 27, 154, 0.35), 0 0 25px rgba(106, 27, 154, 0.25); }\n\n.highlight-amber {\n    border-color: rgba(230, 81, 0, 0.4);\n    box-shadow: 0 8px 24px rgba(230, 81, 0, 0.08);\n}\n\n.card-top-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 14px;\n}\n\n.grade-pill {\n    font-size: 0.7rem;\n    font-weight: 900;\n    padding: 4px 12px;\n    border-radius: 50px;\n}\n\n.pill-teal   { color: #00838F; background: rgba(0, 131, 143, 0.1); border: 1px solid rgba(0, 131, 143, 0.25); }\n.pill-amber  { color: #E65100; background: rgba(230, 81, 0, 0.1); border: 1px solid rgba(230, 81, 0, 0.25); }\n.pill-pink   { color: #C2185B; background: rgba(194, 24, 91, 0.1); border: 1px solid rgba(194, 24, 91, 0.25); }\n.pill-purple { color: #6A1B9A; background: rgba(106, 27, 154, 0.1); border: 1px solid rgba(106, 27, 154, 0.25); }\n\n.card-tag {\n    font-size: 0.65rem;\n    font-weight: 800;\n    padding: 3px 8px;\n    border-radius: 4px;\n}\n\n.tag-teal   { color: #00838F; background: #F0FDF4; }\n.tag-amber  { color: #E65100; background: #FFF7ED; }\n.tag-pink   { color: #C2185B; background: #FDF2F8; }\n.tag-purple { color: #6A1B9A; background: #F3E8FF; }\n\n.light-journey-card h3 {\n    font-size: clamp(1.2rem, 1.8vw, 1.4rem);\n    font-weight: 900;\n    margin: 0 0 12px 0;\n    color: #0F172A;\n}\n\n.card-divider {\n    height: 1px;\n    background: #F1F5F9;\n    margin-bottom: 14px;\n}\n\n.focus-label {\n    font-size: 0.68rem;\n    font-weight: 800;\n    color: #64748B;\n    letter-spacing: 1px;\n    margin-bottom: 10px;\n}\n\n.focus-list {\n    list-style: none;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n    margin: 0 0 22px 0;\n    padding: 0;\n}\n\n.focus-list li {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.82rem;\n    color: #475569;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.focus-list li::before {\n    content: '\u2022';\n    color: #00838F;\n    font-weight: bold;\n}\n\n\/* BUTTONS WITH WAVE GLOW SWEEPS *\/\n.journey-cta-btn {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    text-align: center;\n    padding: 12px;\n    border-radius: 12px;\n    background: #F8FAFC;\n    border: 1.5px solid #E2E8F0;\n    color: #0F172A !important;\n    text-decoration: none !important;\n    font-weight: 800;\n    font-size: 0.85rem;\n    overflow: hidden;\n    transition: all 0.3s ease;\n}\n\n.btn-wave-sweep {\n    position: absolute;\n    top: 0;\n    left: -100%;\n    width: 60%;\n    height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\n    transform: skewX(-20deg);\n    animation: btnWaveSweep 3s infinite;\n}\n\n@keyframes btnWaveSweep {\n    0% { left: -100%; }\n    100% { left: 200%; }\n}\n\n.btn-text { position: relative; z-index: 2; }\n\n.btn-teal:hover   { background: #00838F; border-color: #00838F; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(0, 131, 143, 0.35); }\n.btn-amber:hover  { background: #E65100; border-color: #E65100; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(230, 81, 0, 0.35); }\n.btn-pink:hover   { background: #C2185B; border-color: #C2185B; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(194, 24, 91, 0.35); }\n.btn-purple:hover { background: #6A1B9A; border-color: #6A1B9A; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(106, 27, 154, 0.35); }\n\n\/* ==========================================================================\n   PART 2: 4 \"WHY START EARLY?\" FEATURE BENTO CARDS (VIBRANT HOVER SHADOWS)\n   ========================================================================== *\/\n.why-early-wrapper {\n    width: 100%;\n}\n\n.why-early-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: clamp(16px, 2vw, 24px);\n}\n\n.why-feature-card {\n    background: #FFFFFF;\n    border: 1.5px solid #E2E8F0;\n    border-radius: 18px;\n    padding: clamp(20px, 2.5vw, 26px);\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n.why-teal:hover   { transform: translateY(-6px); border-color: #00838F; box-shadow: 0 16px 35px rgba(0, 131, 143, 0.22), 0 0 20px rgba(0, 131, 143, 0.12); }\n.why-amber:hover  { transform: translateY(-6px); border-color: #E65100; box-shadow: 0 16px 35px rgba(230, 81, 0, 0.22), 0 0 20px rgba(230, 81, 0, 0.12); }\n.why-pink:hover   { transform: translateY(-6px); border-color: #C2185B; box-shadow: 0 16px 35px rgba(194, 24, 91, 0.22), 0 0 20px rgba(194, 24, 91, 0.12); }\n.why-purple:hover { transform: translateY(-6px); border-color: #6A1B9A; box-shadow: 0 16px 35px rgba(106, 27, 154, 0.22), 0 0 20px rgba(106, 27, 154, 0.12); }\n\n.why-icon-box {\n    font-size: 2rem;\n    margin-bottom: 12px;\n    display: inline-block;\n    padding: 8px 12px;\n    border-radius: 12px;\n}\n\n.box-teal   { background: rgba(0, 131, 143, 0.1); }\n.box-amber  { background: rgba(230, 81, 0, 0.1); }\n.box-pink   { background: rgba(194, 24, 91, 0.1); }\n.box-purple { background: rgba(106, 27, 154, 0.1); }\n\n.why-feature-card h3 {\n    font-size: 1.05rem;\n    font-weight: 800;\n    margin: 0 0 8px 0;\n    color: #0F172A;\n}\n\n.why-feature-card p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.85rem;\n    color: #64748B;\n    line-height: 1.58;\n    margin: 0;\n}\n\n\/* RESPONSIVE BREAKPOINTS (TV TO MOBILE) *\/\n@media (max-width: 1280px) {\n    .journey-grid-4, .why-early-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 640px) {\n    .journey-grid-4, .why-early-grid { grid-template-columns: 1fr; }\n    .focus-list { grid-template-columns: 1fr; }\n}\n<\/script>\n\n<div id=\"cl-journey-block-master\">\n    \n    <!-- LIGHT THEME AMBIENT GLOW ORBS & PARTICLES CANVAS -->\n    <div class=\"cl-light-bg-glows\">\n        <div class=\"light-orb orb-teal\"><\/div>\n        <div class=\"light-orb orb-amber\"><\/div>\n        <div class=\"light-orb orb-purple\"><\/div>\n    <\/div>\n    <canvas id=\"clLightMathCanvas\"><\/canvas>\n\n    <section id=\"clJourneyBlockSection\">\n        <div class=\"cl-journey-block-container\">\n            \n            <!-- ====================================================================\n                 PART 1: 4 LEARNING JOURNEY CARDS (VIBRANT NEON HOVER)\n                 ==================================================================== -->\n            <div class=\"block-header text-center\">\n                <!-- PREFIX BADGE WITH BLINKING\/PULSING DOT & WAVE SWEEP -->\n                <div class=\"block-tag-badge badge-teal\">\n                    <span class=\"badge-dot-teal\"><\/span>\n                    <span class=\"badge-wave-sweep\"><\/span>\n                    <span class=\"badge-text\">TAILORED GRADE ROADMAPS<\/span>\n                <\/div>\n                \n                <!-- MAIN TITLE WITH ANIMATED NEON WAVE GRADIENT -->\n                <h2 class=\"block-title\">\n                    Select Your Child&#8217;s <span class=\"shimmer-neon-wave\">Learning Journey<\/span>\n                <\/h2>\n                \n                <p class=\"block-subtitle\">\n                    Structured pathways designed to build foundational mastery, higher-order reasoning, and exam readiness.\n                <\/p>\n            <\/div>\n\n            <div class=\"journey-grid-4\">\n                \n                <!-- CARD 1: YEAR 2 (NEON TEAL \/ CYAN) -->\n                <div class=\"light-journey-card j-card-teal 3d-tilt-card\">\n                    <div class=\"card-top-row\">\n                        <span class=\"grade-pill pill-teal\">YEAR 2<\/span>\n                        <span class=\"card-tag tag-teal\">Learn Without Pressure<\/span>\n                    <\/div>\n                    <h3>Foundation Builder<\/h3>\n                    <div class=\"card-divider\"><\/div>\n                    <p class=\"focus-label\">KEY FOCUS AREAS<\/p>\n                    <ul class=\"focus-list\">\n                        <li>Reading Skills<\/li>\n                        <li>Vocabulary Development<\/li>\n                        <li>Mental Maths<\/li>\n                        <li>Number Sense<\/li>\n                        <li>Logical Thinking<\/li>\n                        <li>Pattern Recognition<\/li>\n                        <li>Curiosity<\/li>\n                        <li>Confidence<\/li>\n                    <\/ul>\n                    <!-- CTA Placeholder Link 1 -->\n                    <a href=\"#\" class=\"journey-cta-btn btn-teal\">\n                        <span class=\"btn-wave-sweep\"><\/span>\n                        <span class=\"btn-text\">Explore Year 2 Pathway \u2192<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- CARD 2: YEAR 3 (NEON AMBER \/ ORANGE) -->\n                <div class=\"light-journey-card j-card-amber 3d-tilt-card highlight-amber\">\n                    <div class=\"card-top-row\">\n                        <span class=\"grade-pill pill-amber\">YEAR 3<\/span>\n                        <span class=\"card-tag tag-amber\">Build OC Skills Early<\/span>\n                    <\/div>\n                    <h3>OC Fundamental<\/h3>\n                    <div class=\"card-divider\"><\/div>\n                    <p class=\"focus-label\">KEY FOCUS AREAS<\/p>\n                    <ul class=\"focus-list\">\n                        <li>Advanced Reading<\/li>\n                        <li>Problem Solving<\/li>\n                        <li>Reasoning<\/li>\n                        <li>Grammar<\/li>\n                        <li>Mathematical Thinking<\/li>\n                        <li>Critical Thinking<\/li>\n                        <li>Analytical Skills<\/li>\n                        <li>Confidence<\/li>\n                    <\/ul>\n                    <!-- CTA Placeholder Link 2 -->\n                    <a href=\"#\" class=\"journey-cta-btn btn-amber\">\n                        <span class=\"btn-wave-sweep\"><\/span>\n                        <span class=\"btn-text\">Explore Year 3 Pathway \u2192<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- CARD 3: YEAR 4 (NEON ROSE \/ PINK) -->\n                <div class=\"light-journey-card j-card-pink 3d-tilt-card\">\n                    <div class=\"card-top-row\">\n                        <span class=\"grade-pill pill-pink\">YEAR 4<\/span>\n                        <span class=\"card-tag tag-pink\">Exam Ready<\/span>\n                    <\/div>\n                    <h3>OC Mastery<\/h3>\n                    <div class=\"card-divider\"><\/div>\n                    <p class=\"focus-label\">KEY FOCUS AREAS<\/p>\n                    <ul class=\"focus-list\">\n                        <li>OC Question Patterns<\/li>\n                        <li>Quick Calculation<\/li>\n                        <li>Exam Strategies<\/li>\n                        <li>Mock Tests<\/li>\n                        <li>Time Management<\/li>\n                        <li>Performance Analytics<\/li>\n                        <li>Personalised Feedback<\/li>\n                        <li>Confidence<\/li>\n                    <\/ul>\n                    <!-- CTA Placeholder Link 3 -->\n                    <a href=\"#\" class=\"journey-cta-btn btn-pink\">\n                        <span class=\"btn-wave-sweep\"><\/span>\n                        <span class=\"btn-text\">Explore Year 4 Pathway \u2192<\/span>\n                    <\/a>\n                <\/div>\n\n                <!-- CARD 4: YEAR 5 (NEON VIOLET \/ PURPLE) -->\n                <div class=\"light-journey-card j-card-purple 3d-tilt-card\">\n                    <div class=\"card-top-row\">\n                        <span class=\"grade-pill pill-purple\">YEAR 5<\/span>\n                        <span class=\"card-tag tag-purple\">OC6 Extension<\/span>\n                    <\/div>\n                    <h3>Academic Extension<\/h3>\n                    <div class=\"card-divider\"><\/div>\n                    <p class=\"focus-label\">KEY FOCUS AREAS<\/p>\n                    <ul class=\"focus-list\">\n                        <li>Post-OC Extension<\/li>\n                        <li>Selective Prep Intro<\/li>\n                        <li>Advanced Algebra<\/li>\n                        <li>Complex Problem Solving<\/li>\n                        <li>Writing Mastery<\/li>\n                        <li>Speed &amp; Accuracy Drills<\/li>\n                        <li>National Percentiles<\/li>\n                        <li>Confidence<\/li>\n                    <\/ul>\n                    <!-- CTA Placeholder Link 4 -->\n                    <a href=\"#\" class=\"journey-cta-btn btn-purple\">\n                        <span class=\"btn-wave-sweep\"><\/span>\n                        <span class=\"btn-text\">Explore Year 5 Extension \u2192<\/span>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n\n            <!-- ====================================================================\n                 PART 2: 4 \"WHY START EARLY?\" FEATURE BENTO CARDS\n                 ==================================================================== -->\n            <div class=\"why-early-wrapper\">\n                <div class=\"block-header text-center\">\n                    <!-- PREFIX BADGE WITH BLINKING\/PULSING DOT & WAVE SWEEP -->\n                    <div class=\"block-tag-badge badge-orange\">\n                        <span class=\"badge-dot-orange\"><\/span>\n                        <span class=\"badge-wave-sweep\"><\/span>\n                        <span class=\"badge-text\">THE EARLY PREPARATION ADVANTAGE<\/span>\n                    <\/div>\n                    \n                    <!-- VIBRANT ANIMATED HEADING -->\n                    <h2 class=\"block-title\">\n                        Why <span class=\"shimmer-early-wave\">Start Early?<\/span>\n                    <\/h2>\n                <\/div>\n\n                <div class=\"why-early-grid\">\n                    \n                    <div class=\"why-feature-card why-teal 3d-tilt-card\">\n                        <div class=\"why-icon-box box-teal\">\ud83e\udde0<\/div>\n                        <h3>Build Strong Concepts<\/h3>\n                        <p>Children learn concepts deeply instead of memorising shortcuts, creating lasting academic resilience.<\/p>\n                    <\/div>\n\n                    <div class=\"why-feature-card why-amber 3d-tilt-card\">\n                        <div class=\"why-icon-box box-amber\">\ud83d\udee1\ufe0f<\/div>\n                        <h3>Confidence Before Competition<\/h3>\n                        <p>Students develop confidence gradually through consistent, pace-adapted weekly practice routines.<\/p>\n                    <\/div>\n\n                    <div class=\"why-feature-card why-pink 3d-tilt-card\">\n                        <div class=\"why-icon-box box-pink\">\u26a1<\/div>\n                        <h3>Master Higher-Order Thinking<\/h3>\n                        <p>Develop analytical reasoning, logical deduction, and advanced problem-solving skills mapped to ACARA.<\/p>\n                    <\/div>\n\n                    <div class=\"why-feature-card why-purple 3d-tilt-card\">\n                        <div class=\"why-icon-box box-purple\">\ud83c\udfaf<\/div>\n                        <h3>Reduce Exam Stress<\/h3>\n                        <p>Early preparation means less pressure and greater confidence during the actual OC Placement Test.<\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-oc-master-part1),\n.entry-content > .wp-block-custom-html:has(#cl-oc-master-part1),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-oc-master-part1) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-oc-master-part1,\n#cl-oc-master-part1 * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-oc-master-part1::-webkit-scrollbar,\n#cl-oc-master-part1 *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (LIGHT THEME) *\/\n#cl-oc-master-part1 {\n    --primary-teal: #00838F;\n    --secondary-orange: #E65100;\n    --accent-pink: #C2185B;\n    --accent-purple: #6A1B9A;\n    --accent-blue: #0288D1;\n    --dark-slate: #0F172A;\n    --muted-slate: #64748B;\n    --light-bg-1: #FFFFFF;\n    --light-bg-2: #F8FAFC;\n    --border-color: #E2E8F0;\n\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: var(--light-bg-1) !important;\n    color: var(--dark-slate) !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n.cl-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 90px) 0 !important;\n    width: 100% !important;\n}\n\n.light-alt-bg {\n    background: var(--light-bg-2) !important;\n    border-top: 1px solid var(--border-color);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.cl-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* BACKGROUND AMBIENT GLOW ORBS & CANVAS *\/\n.cl-light-glows {\n    position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1;\n}\n\n.orb {\n    position: absolute; border-radius: 50%; filter: blur(140px); opacity: 0.12;\n    animation: orbPulse 8s ease-in-out infinite alternate;\n}\n\n.orb-teal   { top: -80px; left: -80px; width: 500px; height: 500px; background: var(--primary-teal); }\n.orb-amber  { bottom: -80px; right: -80px; width: 500px; height: 500px; background: var(--secondary-orange); animation-delay: 2s; }\n.orb-purple { top: 40%; right: 30%; width: 450px; height: 450px; background: var(--accent-purple); animation-delay: 4s; }\n\n@keyframes orbPulse {\n    0% { transform: scale(0.9); opacity: 0.08; }\n    100% { transform: scale(1.12); opacity: 0.16; }\n}\n\n#clLightCanvasPart1 {\n    position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;\n}\n\n\/* TYPOGRAPHY & LIVE WAVE HEADINGS *\/\n.cl-header {\n    margin-bottom: clamp(35px, 5vw, 55px);\n    display: flex; flex-direction: column; align-items: center;\n}\n\n.cl-h1 {\n    font-size: clamp(2.4rem, 4.8vw, 3.8rem); font-weight: 900; line-height: 1.15;\n    margin: 0 0 16px 0; color: var(--dark-slate);\n}\n\n.cl-h2 {\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 900; line-height: 1.2;\n    margin: 0 0 14px 0; color: var(--dark-slate);\n}\n\n.shimmer-title-wave {\n    background: linear-gradient(90deg, #00838F, #E65100, #C2185B, #6A1B9A, #00838F);\n    background-size: 250% auto;\n    -webkit-background-clip: text; background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonTitleWave 5s linear infinite;\n}\n\n@keyframes neonTitleWave { to { background-position: 250% center; } }\n\n.solid-card-title {\n    color: var(--dark-slate) !important;\n    font-size: 1.15rem;\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    -webkit-text-fill-color: initial !important;\n    background: none !important;\n}\n\n.cl-lead-text {\n    font-family: 'Inter', sans-serif; font-size: clamp(1rem, 1.2vw, 1.12rem);\n    color: #334155; max-width: 820px; margin: 0 auto; line-height: 1.68;\n}\n\n.cl-subtitle {\n    font-family: 'Inter', sans-serif; font-size: clamp(0.92rem, 1.1vw, 1.05rem);\n    color: var(--muted-slate); max-width: 720px; margin: 0 auto; line-height: 1.6;\n}\n\n.text-center { text-align: center; }\n\n\/* BADGES & PULSING DOTS *\/\n.cl-badge {\n    position: relative; display: inline-flex; align-items: center; gap: 10px;\n    font-size: 0.75rem; font-weight: 800; letter-spacing: 1.5px;\n    padding: 6px 20px; border-radius: 50px; margin-bottom: 16px; overflow: hidden;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n}\n\n.cl-badge:hover { transform: translateY(-2px); box-shadow: 0 0 25px currentColor; }\n\n.badge-teal   { color: #00838F; background: rgba(0, 131, 143, 0.08); border: 1.5px solid rgba(0, 131, 143, 0.35); }\n.badge-amber  { color: #E65100; background: rgba(230, 81, 0, 0.08); border: 1.5px solid rgba(230, 81, 0, 0.35); }\n.badge-pink   { color: #C2185B; background: rgba(194, 24, 91, 0.08); border: 1.5px solid rgba(194, 24, 91, 0.35); }\n.badge-purple { color: #6A1B9A; background: rgba(106, 27, 154, 0.08); border: 1.5px solid rgba(106, 27, 154, 0.35); }\n\n.badge-sweep {\n    position: absolute; top: 0; left: -100%; width: 60%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n    transform: skewX(-20deg); animation: badgeSweep 3.5s infinite;\n}\n\n@keyframes badgeSweep { 0% { left: -100%; } 100% { left: 200%; } }\n\n.badge-text { position: relative; z-index: 2; }\n\n.badge-dot {\n    width: 8px; height: 8px; border-radius: 50%; position: relative; z-index: 2;\n    animation: radarBlink 1.8s infinite;\n}\n\n.dot-teal   { background: #00838F; box-shadow: 0 0 8px #00838F; }\n.dot-amber  { background: #E65100; box-shadow: 0 0 8px #E65100; }\n.dot-pink   { background: #C2185B; box-shadow: 0 0 8px #C2185B; }\n.dot-purple { background: #6A1B9A; box-shadow: 0 0 8px #6A1B9A; }\n\n.badge-dot::after {\n    content: ''; position: absolute; inset: -4px; border-radius: 50%;\n    border: 2px solid currentColor; animation: radarRing 1.8s infinite;\n}\n\n@keyframes radarBlink { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.85); } }\n@keyframes radarRing { 0% { transform: scale(0.8); opacity: 0.9; } 100% { transform: scale(2.2); opacity: 0; } }\n\n\/* BUTTONS *\/\n.cl-btn-primary {\n    position: relative; display: inline-flex; align-items: center; justify-content: center;\n    padding: 16px 32px; border-radius: 50px;\n    background: linear-gradient(90deg, var(--primary-teal), #0288D1);\n    color: #FFFFFF !important; text-decoration: none !important;\n    font-weight: 800; font-size: 0.92rem; white-space: nowrap;\n    box-shadow: 0 8px 22px rgba(0, 131, 143, 0.28); overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cl-btn-primary:hover {\n    transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 131, 143, 0.45);\n}\n\n.btn-sweep {\n    position: absolute; top: 0; left: -100%; width: 60%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\n    transform: skewX(-20deg); animation: btnSweep 3s infinite;\n}\n\n@keyframes btnSweep { 0% { left: -100%; } 100% { left: 200%; } }\n\n.btn-text { position: relative; z-index: 2; }\n\n.cl-btn-official {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 14px 26px; border-radius: 50px; background: #FFFFFF;\n    border: 1.5px solid var(--primary-teal); color: var(--primary-teal) !important;\n    text-decoration: none !important; font-weight: 800; font-size: 0.88rem;\n    white-space: nowrap; box-shadow: 0 4px 12px rgba(0, 131, 143, 0.1);\n    transition: all 0.3s ease;\n}\n\n.cl-btn-official:hover {\n    background: var(--primary-teal); color: #FFFFFF !important;\n    transform: translateY(-2px); box-shadow: 0 8px 22px rgba(0, 131, 143, 0.3);\n}\n\n\/* SECTION 1: OFFICIAL BLOCK *\/\n.cl-official-nsw-block {\n    background: #FFFFFF; border: 2px solid var(--primary-teal);\n    border-radius: 24px; padding: clamp(24px, 3vw, 36px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.cl-official-nsw-block:hover {\n    transform: translateY(-8px);\n    border-color: var(--primary-teal);\n    box-shadow: 0 20px 45px rgba(0, 131, 143, 0.3), 0 0 25px rgba(0, 131, 143, 0.2);\n}\n\n.official-header-row {\n    display: flex; justify-content: space-between; align-items: center;\n    margin-bottom: 20px; flex-wrap: wrap; gap: 10px;\n}\n\n.official-pill {\n    font-size: 0.75rem; font-weight: 900; color: var(--primary-teal);\n    background: rgba(0, 131, 143, 0.08); padding: 6px 16px; border-radius: 50px;\n}\n\n.official-status-badge {\n    font-size: 0.68rem; font-weight: 800; color: #0288D1;\n    background: #E0F2FE; padding: 4px 12px; border-radius: 50px;\n}\n\n.cl-info-grid {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: clamp(20px, 3vw, 36px); margin-bottom: 24px;\n}\n\n.info-col p { font-family: 'Inter', sans-serif; font-size: 0.92rem; color: #475569; line-height: 1.65; margin: 0; }\n\n.cl-official-disclaimer-bar {\n    background: #F8FAFC; border: 1.5px dashed #CBD5E1;\n    border-radius: 16px; padding: 20px; display: flex;\n    justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap;\n}\n\n.disclaimer-msg {\n    font-family: 'Inter', sans-serif; font-size: 0.85rem; color: #64748B;\n    margin: 0; max-width: 800px; line-height: 1.55;\n}\n\n\/* SECTION 2: FLOW CARDS *\/\n.cl-test-flow-grid {\n    display: grid; grid-template-columns: repeat(4, 1fr);\n    gap: 20px; margin-bottom: 30px;\n}\n\n.flow-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 18px; padding: 24px;\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.flow-step-1:hover { transform: translateY(-8px); border-color: var(--accent-blue); box-shadow: 0 20px 40px rgba(2, 136, 209, 0.3), 0 0 20px rgba(2, 136, 209, 0.2); }\n.flow-step-2:hover { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 20px 40px rgba(230, 81, 0, 0.3), 0 0 20px rgba(230, 81, 0, 0.2); }\n.flow-step-3:hover { transform: translateY(-8px); border-color: var(--accent-pink); box-shadow: 0 20px 40px rgba(194, 24, 91, 0.3), 0 0 20px rgba(194, 24, 91, 0.2); }\n.flow-step-4:hover { transform: translateY(-8px); border-color: var(--accent-purple); box-shadow: 0 20px 40px rgba(106, 27, 154, 0.3), 0 0 20px rgba(106, 27, 154, 0.2); }\n\n.flow-step { font-size: 0.72rem; font-weight: 900; color: var(--secondary-orange); letter-spacing: 1px; margin-bottom: 8px; }\n.flow-card p { font-family: 'Inter', sans-serif; font-size: 0.85rem; color: var(--muted-slate); margin: 0; line-height: 1.55; }\n\n.cl-assessment-nature-card {\n    background: linear-gradient(135deg, rgba(0,131,143,0.06), rgba(230,81,0,0.06));\n    border: 1.5px solid rgba(0,131,143,0.2); border-radius: 20px;\n    padding: 28px; text-align: center;\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.cl-assessment-nature-card:hover { transform: translateY(-6px); box-shadow: 0 16px 35px rgba(0,131,143,0.18); }\n.cl-assessment-nature-card p { font-family: 'Inter', sans-serif; font-size: 0.92rem; color: #475569; margin: 0 auto; max-width: 900px; line-height: 1.65; }\n\n\/* SECTION 3: SPEC CARDS *\/\n.cl-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 28px); margin-bottom: 16px; }\n\n.cl-vibrant-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 22px; padding: clamp(24px, 2.5vw, 32px);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.card-teal:hover   { transform: translateY(-8px); border-color: var(--primary-teal); box-shadow: 0 20px 40px rgba(0, 131, 143, 0.3), 0 0 20px rgba(0, 131, 143, 0.2); }\n.card-amber:hover  { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 20px 40px rgba(230, 81, 0, 0.3), 0 0 20px rgba(230, 81, 0, 0.2); }\n.card-purple:hover { transform: translateY(-8px); border-color: var(--accent-purple); box-shadow: 0 20px 40px rgba(106, 27, 154, 0.3), 0 0 20px rgba(106, 27, 154, 0.2); }\n\n.highlight-glow { border-color: rgba(230, 81, 0, 0.4); box-shadow: 0 8px 24px rgba(230, 81, 0, 0.08); }\n\n.card-tag-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }\n.c-tag { font-size: 0.7rem; font-weight: 900; padding: 4px 10px; border-radius: 4px; }\n.tag-teal   { color: #00838F; background: #E0F2FE; }\n.tag-amber  { color: #E65100; background: #FFF7ED; }\n.tag-purple { color: #6A1B9A; background: #F3E8FF; }\n.c-spec { font-size: 0.68rem; font-weight: 900; color: var(--muted-slate); letter-spacing: 1px; }\n\n.card-meta { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }\n.meta-badge { font-size: 0.78rem; background: #F1F5F9; padding: 4px 12px; border-radius: 50px; color: #334155; font-weight: 700; }\n.cl-vibrant-card p { font-family: 'Inter', sans-serif; font-size: 0.88rem; color: #64748B; margin: 0; line-height: 1.6; }\n\n.cl-structure-footnote { font-family: 'Inter', sans-serif; font-size: 0.82rem; color: #94A3B8; margin: 0; }\n\n\/* SECTION 4: PIPELINE CARDS *\/\n.cl-pipeline-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; margin-bottom: 30px; }\n\n.pipeline-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 16px; padding: 18px 14px; min-height: 140px;\n    box-shadow: 0 6px 20px rgba(0,0,0,0.03);\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n.pipe-teal:hover   { transform: translateY(-8px); border-color: var(--primary-teal); box-shadow: 0 16px 35px rgba(0, 131, 143, 0.25); }\n.pipe-blue:hover   { transform: translateY(-8px); border-color: var(--accent-blue); box-shadow: 0 16px 35px rgba(2, 136, 209, 0.25); }\n.pipe-purple:hover { transform: translateY(-8px); border-color: var(--accent-purple); box-shadow: 0 16px 35px rgba(106, 27, 154, 0.25); }\n.pipe-amber:hover  { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 16px 35px rgba(230, 81, 0, 0.25); }\n.pipe-pink:hover   { transform: translateY(-8px); border-color: var(--accent-pink); box-shadow: 0 16px 35px rgba(194, 24, 91, 0.25); }\n\n.highlight-p-card { border-color: var(--secondary-orange); }\n\n.p-time { font-size: 0.72rem; font-weight: 900; color: var(--primary-teal); margin-bottom: 6px; }\n.highlight-p-card .p-time { color: var(--secondary-orange); }\n.pipeline-card p { font-family: 'Inter', sans-serif; font-size: 0.78rem; color: #64748B; margin: 0; line-height: 1.5; }\n\n.cl-published-intake-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 20px; padding: 28px; box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.cl-published-intake-card:hover { transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,131,143,0.18); }\n.intake-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 12px; }\n.intake-item { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; }\n.i-label { font-size: 0.75rem; color: var(--muted-slate); font-weight: 700; display: block; margin-bottom: 4px; }\n.i-val { font-size: 0.98rem; font-weight: 900; color: var(--primary-teal); }\n.intake-footer { font-family: 'Inter', sans-serif; font-size: 0.82rem; color: #94A3B8; margin: 0; }\n\n\/* SECTION 5: ELIGIBILITY TABLE *\/\n.cl-table-container {\n    width: 100%; overflow-x: auto; background: #FFFFFF;\n    border: 1.5px solid var(--border-color); border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n}\n\n.cl-responsive-table { width: 100%; border-collapse: collapse; text-align: left; }\n.cl-responsive-table th {\n    background: #F8FAFC; padding: 18px 24px; font-size: 0.82rem;\n    font-weight: 900; color: var(--dark-slate); border-bottom: 1.5px solid var(--border-color);\n}\n\n.cl-responsive-table td { padding: 22px 24px; border-bottom: 1px solid #F1F5F9; vertical-align: top; }\n.cl-responsive-table tr { transition: background 0.25s ease; }\n.cl-responsive-table tr.row-teal:hover   { background: #F0FDF4; }\n.cl-responsive-table tr.row-amber:hover  { background: #FFF7ED; }\n.cl-responsive-table tr.row-pink:hover   { background: #FDF2F8; }\n.cl-responsive-table tr.row-purple:hover { background: #F3E8FF; }\n\n.year-badge { color: #FFFFFF; font-size: 0.85rem; font-weight: 900; padding: 6px 16px; border-radius: 50px; display: inline-block; }\n.year-badge.teal   { background: var(--primary-teal); }\n.year-badge.amber  { background: var(--secondary-orange); }\n.year-badge.pink   { background: var(--accent-pink); }\n.year-badge.purple { background: var(--accent-purple); }\n\n.tbl-pathway { display: flex; flex-direction: column; gap: 6px; }\n.path-name { font-size: 1.05rem; font-weight: 900; }\n.path-name.teal   { color: var(--primary-teal); }\n.path-name.amber  { color: var(--secondary-orange); }\n.path-name.pink   { color: var(--accent-pink); }\n.path-name.purple { color: var(--accent-purple); }\n\n.path-bullets { font-family: 'Inter', sans-serif; font-size: 0.82rem; color: #475569; margin: 0; line-height: 1.6; }\n.path-quote { font-style: italic; font-size: 0.82rem; color: var(--muted-slate); margin-top: 4px; display: block; }\n.cla-tag { font-size: 0.65rem; font-weight: 900; color: var(--accent-purple); background: #F3E8FF; padding: 2px 8px; border-radius: 4px; align-self: flex-start; }\n\n\/* RESPONSIVE MEDIA QUERIES *\/\n@media (max-width: 1280px) {\n    .cl-pipeline-wrapper { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (max-width: 1024px) {\n    .cl-test-flow-grid, .cl-grid-3, .cl-info-grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 640px) {\n    .cl-test-flow-grid, .cl-grid-3, .cl-pipeline-wrapper { grid-template-columns: 1fr; }\n    .intake-row { grid-template-columns: 1fr; }\n    .cl-btn-primary, .cl-btn-official { width: 100% !important; text-align: center; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ LIGHT CANVAS PARTICLES ENGINE\n    const canvas = document.getElementById('clLightCanvasPart1');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            if (!canvas.parentElement) return;\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'OC Prep', 'Reading', 'Maths', 'Logic'];\n        const lightColors = ['#00838F', '#E65100', '#C2185B', '#6A1B9A'];\n\n        const particles = Array.from({ length: 25 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: lightColors[Math.floor(Math.random() * lightColors.length)],\n            fontSize: Math.random() * 14 + 12,\n            vx: (Math.random() - 0.5) * 0.3,\n            vy: (Math.random() - 0.5) * 0.3,\n            alpha: Math.random() * 0.22 + 0.08\n        }));\n\n        function renderLightParticles() {\n            ctx.clearRect(0, 0, width, height);\n\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n\n                if (p.x < -20 || p.x > width + 20) p.vx *= -1;\n                if (p.y < -20 || p.y > height + 20) p.vy *= -1;\n\n                ctx.save();\n                ctx.translate(p.x, p.y);\n                ctx.globalAlpha = p.alpha;\n                ctx.font = `800 ${p.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = p.color;\n                ctx.fillText(p.symbol, 0, 0);\n                ctx.restore();\n            });\n\n            requestAnimationFrame(renderLightParticles);\n        }\n        renderLightParticles();\n    }\n\n    \/\/ 3D TILT INTERACTION PHYSICS\n    const tiltCards = document.querySelectorAll('.3d-tilt-card');\n    tiltCards.forEach(card => {\n        card.addEventListener('mousemove', (e) => {\n            const rect = card.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n\n            const rotateX = ((y - centerY) \/ centerY) * -4;\n            const rotateY = ((x - centerX) \/ centerX) * 4;\n\n            card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n        });\n\n        card.addEventListener('mouseleave', () => {\n            card.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg)`;\n        });\n    });\n\n});\n<\/script>\n\n<div id=\"cl-oc-master-part1\">\n    \n    <!-- LIGHT AMBIENT BACKGROUND GLOW ORBS & CANVAS -->\n    <div class=\"cl-light-glows\">\n        <div class=\"orb orb-teal\"><\/div>\n        <div class=\"orb orb-amber\"><\/div>\n        <div class=\"orb orb-purple\"><\/div>\n    <\/div>\n    <canvas id=\"clLightCanvasPart1\"><\/canvas>\n\n    <main id=\"clOcMainContentPart1\">\n        \n        <!-- ====================================================================\n             SECTION 1: WHAT ARE OPPORTUNITY CLASSES?\n             ==================================================================== -->\n        <section id=\"whatIsOcSection\" class=\"cl-section\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-teal\">\n                        <span class=\"badge-dot dot-teal\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">OFFICIAL INFORMATION BASED<\/span>\n                    <\/div>\n                    \n                    <h1 class=\"cl-h1\">\n                        Opportunity Class (OC) <span class=\"shimmer-title-wave\">Preparation \u2013 NSW<\/span>\n                    <\/h1>\n                    \n                    <h2 class=\"cl-h2 shimmer-title-wave\">What Are Opportunity Classes (OC)?<\/h2>\n                    \n                    <p class=\"cl-lead-text\">\n                        Opportunity Classes (OC) are specialised classes in selected NSW public schools for high potential and gifted students. They provide a learning environment with greater academic challenge and opportunities for students to develop their abilities alongside other high-potential learners.\n                    <\/p>\n                <\/div>\n\n                <!-- HIGHLIGHTED OFFICIAL NSW DEPT OF EDUCATION BLOCK -->\n                <div class=\"cl-official-nsw-block 3d-tilt-card\">\n                    <div class=\"official-header-row\">\n                        <span class=\"official-pill\">\ud83c\udfdb\ufe0f OFFICIAL NSW DEPT OF EDUCATION NOTICE<\/span>\n                        <span class=\"official-status-badge\">CURRENT REQUIREMENTS<\/span>\n                    <\/div>\n                    <div class=\"cl-info-grid\">\n                        <div class=\"info-col\">\n                            <h3 class=\"solid-card-title\">Year 5 &amp; Year 6 Placement<\/h3>\n                            <p>\n                                Opportunity Classes are offered for students entering <strong>Year 5 and continuing through Year 6<\/strong>. Placement is competitive and students are selected through the official NSW Opportunity Class Placement process. Academic strength alone does not guarantee placement.\n                            <\/p>\n                        <\/div>\n                        <div class=\"info-col\">\n                            <h3 class=\"solid-card-title\">A Dedicated Pathway<\/h3>\n                            <p>\n                                Opportunity Classes represent one of several pathways available for high potential and gifted students in NSW. They foster critical thinking, deep logic, and collaborative problem-solving among peer cohorts.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"cl-official-disclaimer-bar\">\n                        <p class=\"disclaimer-msg\">\n                            \u26a0\ufe0f <strong>Government Policy Notice:<\/strong> Government policies, eligibility requirements, and key dates can change. Parents should always check the NSW Department of Education website for the latest official information.\n                        <\/p>\n                        <a href=\"https:\/\/education.nsw.gov.au\/public-schools\/selective-high-schools-and-opportunity-classes\/year-5\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cl-btn-official\">\n                            <span>View Official NSW OC Page \u2197<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 2: WHAT IS THE OC PLACEMENT TEST?\n             ==================================================================== -->\n        <section id=\"ocTestSection\" class=\"cl-section light-alt-bg\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-amber\">\n                        <span class=\"badge-dot dot-amber\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">PLACEMENT TIMELINE &amp; STRUCTURE<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">What Is the NSW Opportunity Class Placement Test?<\/h2>\n                    <p class=\"cl-subtitle\">\n                        The assessment used to select students for Year 5 entry into Opportunity Classes.\n                    <\/p>\n                <\/div>\n\n                <!-- 4 FLOW CARDS WITH VIBRANT NEON HOVER SHADOWS -->\n                <div class=\"cl-test-flow-grid\">\n                    <div class=\"flow-card flow-step-1 3d-tilt-card\">\n                        <div class=\"flow-step\">STEP 01<\/div>\n                        <h4 class=\"solid-card-title\">Apply in Year 3\/4<\/h4>\n                        <p>Applications generally open in November (Year 3) and close in February (Year 4).<\/p>\n                    <\/div>\n                    <div class=\"flow-card flow-step-2 3d-tilt-card\">\n                        <div class=\"flow-step\">STEP 02<\/div>\n                        <h4 class=\"solid-card-title\">Sit Test in Year 4<\/h4>\n                        <p>Students sit the official placement test during Year 4 under exam conditions.<\/p>\n                    <\/div>\n                    <div class=\"flow-card flow-step-3 3d-tilt-card\">\n                        <div class=\"flow-step\">STEP 03<\/div>\n                        <h4 class=\"solid-card-title\">Placement Outcomes<\/h4>\n                        <p>Official placement outcome letters are released to parents later in Year 4.<\/p>\n                    <\/div>\n                    <div class=\"flow-card flow-step-4 3d-tilt-card\">\n                        <div class=\"flow-step\">STEP 04<\/div>\n                        <h4 class=\"solid-card-title\">Begin Year 5 OC<\/h4>\n                        <p>Successful applicants commence Year 5 enrolled in their Opportunity Class.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cl-assessment-nature-card 3d-tilt-card\">\n                    <h3 class=\"solid-card-title\">Ability &amp; Reasoning Assessment<\/h3>\n                    <p>\n                        The test is designed to assess students&#8217; reading, mathematical reasoning, and thinking skills rather than simply testing how much syllabus content they can memorise. Students are expected to apply their understanding, reasoning, and problem-solving abilities to unfamiliar questions.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 3: OC TEST STRUCTURE (3 VIBRANT SPEC CARDS)\n             ==================================================================== -->\n        <section id=\"testStructureSection\" class=\"cl-section\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-pink\">\n                        <span class=\"badge-dot dot-pink\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">CURRENT TEST FORMAT<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">What&#8217;s Included in the OC Placement Test?<\/h2>\n                    <p class=\"cl-subtitle\">\n                        Current published test structure based on official NSW Department of Education specifications.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cl-grid-3\">\n                    <!-- READING -->\n                    <div class=\"cl-vibrant-card card-teal 3d-tilt-card\">\n                        <div class=\"card-tag-row\">\n                            <span class=\"c-tag tag-teal\">READING<\/span>\n                            <span class=\"c-spec\">SECTION 1<\/span>\n                        <\/div>\n                        <h3 class=\"solid-card-title\">Reading Comprehension<\/h3>\n                        <div class=\"card-meta\">\n                            <span class=\"meta-badge\">14 Questions (inc. multi-part)<\/span>\n                            <span class=\"meta-badge\">40 Minutes<\/span>\n                        <\/div>\n                        <p>Assesses the student&#8217;s ability to understand, interpret, and reason from written information across fiction, non-fiction, poetry, reports, and magazine texts.<\/p>\n                    <\/div>\n\n                    <!-- MATHEMATICAL REASONING -->\n                    <div class=\"cl-vibrant-card card-amber 3d-tilt-card highlight-glow\">\n                        <div class=\"card-tag-row\">\n                            <span class=\"c-tag tag-amber\">MATHEMATICAL REASONING<\/span>\n                            <span class=\"c-spec\">SECTION 2<\/span>\n                        <\/div>\n                        <h3 class=\"solid-card-title\">Mathematical Reasoning<\/h3>\n                        <div class=\"card-meta\">\n                            <span class=\"meta-badge\">35 Questions<\/span>\n                            <span class=\"meta-badge\">40 Minutes<\/span>\n                        <\/div>\n                        <p>Focuses on applying mathematical understanding and reasoning to solve problems using concepts students learn through school frameworks.<\/p>\n                    <\/div>\n\n                    <!-- THINKING SKILLS -->\n                    <div class=\"cl-vibrant-card card-purple 3d-tilt-card\">\n                        <div class=\"card-tag-row\">\n                            <span class=\"c-tag tag-purple\">THINKING SKILLS<\/span>\n                            <span class=\"c-spec\">SECTION 3<\/span>\n                        <\/div>\n                        <h3 class=\"solid-card-title\">Thinking Skills<\/h3>\n                        <div class=\"card-meta\">\n                            <span class=\"meta-badge\">30 Questions<\/span>\n                            <span class=\"meta-badge\">30 Minutes<\/span>\n                        <\/div>\n                        <p>Assesses reasoning and problem-solving abilities including spatial reasoning, deductive logic, and argument analysis.<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"cl-structure-footnote text-center\">\n                    <p>All questions are multiple-choice. Current information states the test is computer-based. Test arrangements and formats may change\u2014always check the latest official information.<\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 4: WHEN CAN MY CHILD APPLY? (TIMELINE)\n             ==================================================================== -->\n        <section id=\"timelineSection\" class=\"cl-section light-alt-bg\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-teal\">\n                        <span class=\"badge-dot dot-teal\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">APPLICATION CYCLE<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">When Do You Apply for the OC Test?<\/h2>\n                    <p class=\"cl-subtitle\">\n                        Key milestones for Year 5 Opportunity Class entry.\n                    <\/p>\n                <\/div>\n\n                <!-- TIMELINE PIPELINE WITH INDIVIDUAL NEON HOVER SHADOWS -->\n                <div class=\"cl-pipeline-wrapper\">\n                    <div class=\"pipeline-card pipe-teal 3d-tilt-card\">\n                        <div class=\"p-time\">YEAR 3<\/div>\n                        <h4 class=\"solid-card-title\">Foundation &amp; Preparation<\/h4>\n                        <p>Core skill building and conceptual development.<\/p>\n                    <\/div>\n                    <div class=\"pipeline-card pipe-blue 3d-tilt-card\">\n                        <div class=\"p-time\">NOVEMBER<\/div>\n                        <h4 class=\"solid-card-title\">Applications Open<\/h4>\n                        <p>Parents submit applications when student is in Year 3.<\/p>\n                    <\/div>\n                    <div class=\"pipeline-card pipe-purple 3d-tilt-card\">\n                        <div class=\"p-time\">FEBRUARY<\/div>\n                        <h4 class=\"solid-card-title\">Applications Close<\/h4>\n                        <p>Final submission deadline in Year 4.<\/p>\n                    <\/div>\n                    <div class=\"pipeline-card pipe-amber 3d-tilt-card highlight-p-card\">\n                        <div class=\"p-time\">MAY<\/div>\n                        <h4 class=\"solid-card-title\">OC Placement Test<\/h4>\n                        <p>Students sit the test during Year 4 (1 test day).<\/p>\n                    <\/div>\n                    <div class=\"pipeline-card pipe-pink 3d-tilt-card\">\n                        <div class=\"p-time\">LATER Y4<\/div>\n                        <h4 class=\"solid-card-title\">Placement Outcomes<\/h4>\n                        <p>Official placement offer letters released.<\/p>\n                    <\/div>\n                    <div class=\"pipeline-card pipe-teal 3d-tilt-card\">\n                        <div class=\"p-time\">YEAR 5<\/div>\n                        <h4 class=\"solid-card-title\">Begin Opportunity Class<\/h4>\n                        <p>Enrolment commences for offered places.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- HIGHLIGHTED EXAMPLE INTAKE BOX -->\n                <div class=\"cl-published-intake-card 3d-tilt-card\">\n                    <h3 class=\"solid-card-title\">Official Example Dates (2027 Year 5 Intake):<\/h3>\n                    <div class=\"intake-row\">\n                        <div class=\"intake-item\">\n                            <span class=\"i-label\">Applications Window:<\/span>\n                            <span class=\"i-val\">6 November 2025 \u2013 20 February 2026<\/span>\n                        <\/div>\n                        <div class=\"intake-item\">\n                            <span class=\"i-label\">OC Placement Test:<\/span>\n                            <span class=\"i-val\">8\u20139 May 2026 (Students attend 1 day)<\/span>\n                        <\/div>\n                    <\/div>\n                    <p class=\"intake-footer\">\n                        <em>Dates are updated by the NSW Department of Education each year and should not be treated as permanent.<\/em>\n                    <\/p>\n                    <div class=\"text-center\" style=\"margin-top: 20px;\">\n                        <a href=\"https:\/\/education.nsw.gov.au\/public-schools\/selective-high-schools-and-opportunity-classes\/year-5\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cl-btn-primary\">\n                            <span class=\"btn-sweep\"><\/span>\n                            <span class=\"btn-text\">Check Current OC Dates \u2197<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 5: WHO CAN APPLY? (ELIGIBILITY TABLE)\n             ==================================================================== -->\n        <section id=\"eligibilityTableSection\" class=\"cl-section\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-purple\">\n                        <span class=\"badge-dot dot-purple\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">ELIGIBILITY &amp; PATHWAYS<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">Who Can Apply for an Opportunity Class?<\/h2>\n                    <p class=\"cl-subtitle\">\n                        Official NSW status paired with Curious Learner Academy preparation roadmaps.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cl-table-container\">\n                    <table class=\"cl-responsive-table\">\n                        <thead>\n                            <tr>\n                                <th>Student Year<\/th>\n                                <th>Official OC Status<\/th>\n                                <th>Curious Learner Preparation Pathway<\/th>\n                            <\/tr>\n                        <\/thead>\n                        <tbody>\n                            <!-- YEAR 2 -->\n                            <tr class=\"row-teal\">\n                                <td class=\"tbl-year\"><span class=\"year-badge teal\">Year 2<\/span><\/td>\n                                <td>\n                                    <strong>Not yet eligible to apply.<\/strong>\n                                    <p>Not eligible for the Year 5 test, but ideal for building core underlying skills.<\/p>\n                                <\/td>\n                                <td>\n                                    <div class=\"tbl-pathway\">\n                                        <span class=\"path-name teal\">Foundation Builder<\/span>\n                                        <p class=\"path-bullets\">\u2022 Reading comprehension \u2022 Vocabulary \u2022 Number sense \u2022 Mental maths \u2022 Logical thinking \u2022 Pattern recognition \u2022 Problem-solving \u2022 Curiosity &amp; confidence \u2022 Strong learning habits<\/p>\n                                        <span class=\"path-quote\">\u201cBuild the foundations before the exam becomes the focus.\u201d<\/span>\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n\n                            <!-- YEAR 3 -->\n                            <tr class=\"row-amber\">\n                                <td class=\"tbl-year\"><span class=\"year-badge amber\">Year 3<\/span><\/td>\n                                <td>\n                                    <strong>Preparation &amp; Application Transition Year.<\/strong>\n                                    <p>Parents normally apply near the end of Year 3 or beginning of Year 4.<\/p>\n                                <\/td>\n                                <td>\n                                    <div class=\"tbl-pathway\">\n                                        <span class=\"path-name amber\">OC Foundations<\/span>\n                                        <p class=\"path-bullets\">\u2022 Strong conceptual understanding \u2022 Reading comprehension \u2022 Mathematical reasoning \u2022 Thinking skills \u2022 Vocabulary \u2022 Question interpretation \u2022 Gradual OC introduction<\/p>\n                                        <span class=\"path-quote\">\u201cBuild the skills early, then progressively introduce OC-style reasoning.\u201d<\/span>\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n\n                            <!-- YEAR 4 -->\n                            <tr class=\"row-pink\">\n                                <td class=\"tbl-year\"><span class=\"year-badge pink\">Year 4<\/span><\/td>\n                                <td>\n                                    <strong>Official Test Year.<\/strong>\n                                    <p>Students normally sit the OC Placement Test during Year 4 for Year 5 entry.<\/p>\n                                <\/td>\n                                <td>\n                                    <div class=\"tbl-pathway\">\n                                        <span class=\"path-name pink\">OC Mastery<\/span>\n                                        <p class=\"path-bullets\">\u2022 OC question patterns \u2022 Reasoning approaches \u2022 Efficient problem-solving \u2022 Quick calculation strategies \u2022 Time management \u2022 Mock tests &amp; error analysis<\/p>\n                                        <span class=\"path-quote\">\u201cMove from learning concepts to applying them under test conditions.\u201d<\/span>\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n\n                            <!-- YEAR 5 -->\n                            <tr class=\"row-purple\">\n                                <td class=\"tbl-year\"><span class=\"year-badge purple\">Year 5<\/span><\/td>\n                                <td>\n                                    <strong>OC Enrolment Year.<\/strong>\n                                    <p>Students begin Year 5 in an OC if offered and accepted a place. No normal application pathway for Year 6 entry.<\/p>\n                                <\/td>\n                                <td>\n                                    <div class=\"tbl-pathway\">\n                                        <span class=\"cla-tag\">Curious Learner Academy Program<\/span>\n                                        <span class=\"path-name purple\">Year 5 OC Extension &amp; Advanced Learning<\/span>\n                                        <p class=\"path-bullets\">\u2022 Advanced mathematical reasoning \u2022 Higher-order thinking \u2022 Challenging problem solving \u2022 Advanced reading \u2022 Critical thinking &amp; academic confidence<\/p>\n                                    <\/div>\n                                <\/td>\n                            <\/tr>\n                        <\/tbody>\n                    <\/table>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-video-section-master),\n.entry-content > .wp-block-custom-html:has(#cl-video-section-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-video-section-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-video-section-master,\n#cl-video-section-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-video-section-master::-webkit-scrollbar,\n#cl-video-section-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (DARK THEME) *\/\n#cl-video-section-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #030712 !important;\n    color: #FFFFFF !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clVideoInfoSection {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(60px, 8vw, 110px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-video-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: clamp(40px, 5vw, 70px);\n    align-items: center;\n}\n\n\/* BACKGROUND AURORA ORBS *\/\n.cl-dark-aurora-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.dark-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.22;\n    animation: darkOrbPulse 9s ease-in-out infinite alternate;\n}\n\n.orb-cyan { top: -100px; left: -100px; width: 500px; height: 500px; background: #00E5FF; }\n.orb-purple { bottom: -100px; right: -100px; width: 500px; height: 500px; background: #7C3AED; animation-delay: 3s; }\n\n@keyframes darkOrbPulse {\n    0% { transform: scale(0.9); opacity: 0.18; }\n    100% { transform: scale(1.15); opacity: 0.3; }\n}\n\n.dark-noise-overlay {\n    position: absolute;\n    inset: 0;\n    opacity: 0.03;\n    pointer-events: none;\n    z-index: 1;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n}\n\n\/* LEFT COLUMN: VIDEO EMBED CARD *\/\n.cl-video-wrapper {\n    position: relative;\n    border-radius: 24px;\n    background: rgba(15, 23, 42, 0.85);\n    border: 1.5px solid rgba(255, 255, 255, 0.12);\n    padding: 12px;\n    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7);\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n.cl-video-wrapper:hover {\n    border-color: #00E5FF;\n    box-shadow: 0 25px 55px rgba(0, 229, 255, 0.25), 0 0 30px rgba(0, 229, 255, 0.15);\n    transform: translateY(-4px);\n}\n\n.video-responsive-container {\n    position: relative;\n    width: 100%;\n    padding-bottom: 56.25%; \/* 16:9 Aspect Ratio *\/\n    height: 0;\n    border-radius: 16px;\n    overflow: hidden;\n}\n\n.video-responsive-container iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n}\n\n\/* RIGHT COLUMN: INFO CONTENT *\/\n.cl-info-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.cl-dark-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0, 229, 255, 0.08);\n    border: 1px solid rgba(0, 229, 255, 0.3);\n    padding: 6px 18px;\n    border-radius: 50px;\n    font-size: 0.75rem;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    color: #00E5FF;\n    margin-bottom: 18px;\n    box-shadow: 0 0 15px rgba(0, 229, 255, 0.15);\n}\n\n.badge-dot-cyan {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: #00E5FF;\n    box-shadow: 0 0 8px #00E5FF;\n    animation: badgeBlink 1.8s infinite;\n}\n\n@keyframes badgeBlink {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.3; transform: scale(0.85); }\n}\n\n.cl-dark-title {\n    font-size: clamp(2.2rem, 4vw, 3.2rem);\n    font-weight: 900;\n    line-height: 1.18;\n    margin: 0 0 16px 0;\n    color: #FFFFFF;\n}\n\n\/* ANIMATED WAVE GRADIENT SHIMMER *\/\n.shimmer-title-wave {\n    background: linear-gradient(90deg, #00E5FF, #38F9D7, #A855F7, #00E5FF);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonTitleWave 5s linear infinite;\n}\n\n@keyframes neonTitleWave {\n    to { background-position: 250% center; }\n}\n\n.cl-dark-lead {\n    font-family: 'Inter', sans-serif;\n    font-size: clamp(1rem, 1.2vw, 1.12rem);\n    color: #94A3B8;\n    line-height: 1.65;\n    margin: 0 0 24px 0;\n}\n\n.cl-dark-features-list {\n    list-style: none;\n    padding: 0;\n    margin: 0 0 28px 0;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n}\n\n.cl-dark-features-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    font-family: 'Inter', sans-serif;\n    font-size: 0.95rem;\n    color: #E2E8F0;\n    line-height: 1.58;\n}\n\n.feature-icon {\n    font-size: 1rem;\n    flex-shrink: 0;\n    margin-top: 2px;\n}\n\n.cl-dark-footer-note {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.92rem;\n    color: #38F9D7;\n    background: rgba(56, 249, 215, 0.08);\n    border: 1px solid rgba(56, 249, 215, 0.2);\n    padding: 12px 20px;\n    border-radius: 12px;\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n    .cl-video-container {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n}\n<\/style>\n\n<div id=\"cl-video-section-master\">\n    \n    <!-- DARK AURORA BACKGROUND GLOWS & NOISE -->\n    <div class=\"cl-dark-aurora-glows\">\n        <div class=\"dark-orb orb-cyan\"><\/div>\n        <div class=\"dark-orb orb-purple\"><\/div>\n    <\/div>\n    <div class=\"dark-noise-overlay\"><\/div>\n\n    <section id=\"clVideoInfoSection\">\n        <div class=\"cl-video-container\">\n            \n            <!-- LEFT COLUMN: YOUTUBE VIDEO EMBED -->\n            <div class=\"cl-video-wrapper 3d-tilt-card\">\n                <div class=\"video-responsive-container\">\n                    <iframe \n                        src=\"https:\/\/www.youtube.com\/embed\/4_sbqW5v_wQ\" \n                        title=\"Exploring Opportunity Classes free\" \n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n                        allowfullscreen>\n                    <\/iframe>\n                <\/div>\n            <\/div>\n\n            <!-- RIGHT COLUMN: REPHRASED INFO & HIGHLIGHTS -->\n            <div class=\"cl-info-content\">\n                \n                <div class=\"cl-dark-badge\">\n                    <span class=\"badge-dot-cyan\"><\/span>\n                    <span>NSW GIFTED EDUCATION<\/span>\n                <\/div>\n\n                <h2 class=\"cl-dark-title\">\n                    Opportunity Classes <span class=\"shimmer-title-wave\">(OC)<\/span>\n                <\/h2>\n                \n                <p class=\"cl-dark-lead\">\n                    For <strong>gifted students in Years 5 &amp; 6<\/strong> at select NSW public schools.\n                <\/p>\n\n                <ul class=\"cl-dark-features-list\">\n                    <li>\n                        <span class=\"feature-icon\">\u2728<\/span>\n                        <div><strong>Advanced learning<\/strong> in reading, maths &amp; problem-solving.<\/div>\n                    <\/li>\n                    <li>\n                        <span class=\"feature-icon\">\u2728<\/span>\n                        <div>Entry via Year 4 <strong>OC Placement Test<\/strong>.<\/div>\n                    <\/li>\n                    <li>\n                        <span class=\"feature-icon\">\u2728<\/span>\n                        <div>Builds foundation for selective high schools.<\/div>\n                    <\/li>\n                    <li>\n                        <span class=\"feature-icon\">\u2728<\/span>\n                        <div>Learn with <strong>like-minded peers<\/strong>.<\/div>\n                    <\/li>\n                <\/ul>\n\n                <div class=\"cl-dark-footer-note\">\n                    \ud83d\udc49 A fair pathway for bright children to <strong>shine &amp; grow<\/strong>.\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-oc-master-part2),\n.entry-content > .wp-block-custom-html:has(#cl-oc-master-part2),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-oc-master-part2) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-oc-master-part2,\n#cl-oc-master-part2 * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-oc-master-part2::-webkit-scrollbar,\n#cl-oc-master-part2 *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (LIGHT THEME) *\/\n#cl-oc-master-part2 {\n    --primary-teal: #00838F;\n    --secondary-orange: #E65100;\n    --accent-pink: #C2185B;\n    --accent-purple: #6A1B9A;\n    --accent-blue: #0288D1;\n    --dark-slate: #0F172A;\n    --muted-slate: #64748B;\n    --light-bg-1: #FFFFFF;\n    --light-bg-2: #F8FAFC;\n    --border-color: #E2E8F0;\n\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: var(--light-bg-1) !important;\n    color: var(--dark-slate) !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n.cl-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 90px) 0 !important;\n    width: 100% !important;\n}\n\n.light-alt-bg {\n    background: var(--light-bg-2) !important;\n    border-top: 1px solid var(--border-color);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.cl-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* BACKGROUND AMBIENT GLOW ORBS & CANVAS *\/\n.cl-light-glows {\n    position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1;\n}\n\n.orb {\n    position: absolute; border-radius: 50%; filter: blur(140px); opacity: 0.12;\n    animation: orbPulse 8s ease-in-out infinite alternate;\n}\n\n.orb-teal   { top: -80px; left: -80px; width: 500px; height: 500px; background: var(--primary-teal); }\n.orb-amber  { bottom: -80px; right: -80px; width: 500px; height: 500px; background: var(--secondary-orange); animation-delay: 2s; }\n.orb-purple { top: 40%; right: 30%; width: 450px; height: 450px; background: var(--accent-purple); animation-delay: 4s; }\n.orb-pink   { top: 20%; left: 40%; width: 400px; height: 400px; background: var(--accent-pink); animation-delay: 1s; }\n\n@keyframes orbPulse {\n    0% { transform: scale(0.9); opacity: 0.08; }\n    100% { transform: scale(1.12); opacity: 0.16; }\n}\n\n#clLightCanvasPart2 {\n    position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;\n}\n\n\/* TYPOGRAPHY: ONLY SECTION H2 HEADINGS GET THE SHIMMER WAVE *\/\n.cl-header {\n    margin-bottom: clamp(35px, 5vw, 55px);\n    display: flex; flex-direction: column; align-items: center;\n}\n\n.cl-h2 {\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 900; line-height: 1.2;\n    margin: 0 0 14px 0; color: var(--dark-slate);\n}\n\n.shimmer-title-wave {\n    background: linear-gradient(90deg, #00838F, #E65100, #C2185B, #6A1B9A, #00838F);\n    background-size: 250% auto;\n    -webkit-background-clip: text; background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonTitleWave 5s linear infinite;\n}\n\n@keyframes neonTitleWave { to { background-position: 250% center; } }\n\n.solid-card-title {\n    color: var(--dark-slate) !important;\n    font-size: 1.15rem;\n    font-weight: 800;\n    margin: 0 0 10px 0;\n    -webkit-text-fill-color: initial !important;\n    background: none !important;\n}\n\n.cl-subtitle {\n    font-family: 'Inter', sans-serif; font-size: clamp(0.92rem, 1.1vw, 1.05rem);\n    color: var(--muted-slate); max-width: 720px; margin: 0 auto; line-height: 1.6;\n}\n\n.text-center { text-align: center; }\n\n\/* BADGES & PULSING DOTS *\/\n.cl-badge {\n    position: relative; display: inline-flex; align-items: center; gap: 10px;\n    font-size: 0.75rem; font-weight: 800; letter-spacing: 1.5px;\n    padding: 6px 20px; border-radius: 50px; margin-bottom: 16px; overflow: hidden;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n}\n\n.cl-badge:hover { transform: translateY(-2px); box-shadow: 0 0 25px currentColor; }\n\n.badge-teal   { color: #00838F; background: rgba(0, 131, 143, 0.08); border: 1.5px solid rgba(0, 131, 143, 0.35); }\n.badge-amber  { color: #E65100; background: rgba(230, 81, 0, 0.08); border: 1.5px solid rgba(230, 81, 0, 0.35); }\n.badge-pink   { color: #C2185B; background: rgba(194, 24, 91, 0.08); border: 1.5px solid rgba(194, 24, 91, 0.35); }\n.badge-purple { color: #6A1B9A; background: rgba(106, 27, 154, 0.08); border: 1.5px solid rgba(106, 27, 154, 0.35); }\n\n.badge-sweep {\n    position: absolute; top: 0; left: -100%; width: 60%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n    transform: skewX(-20deg); animation: badgeSweep 3.5s infinite;\n}\n\n@keyframes badgeSweep { 0% { left: -100%; } 100% { left: 200%; } }\n\n.badge-text { position: relative; z-index: 2; }\n\n.badge-dot {\n    width: 8px; height: 8px; border-radius: 50%; position: relative; z-index: 2;\n    animation: radarBlink 1.8s infinite;\n}\n\n.dot-teal   { background: #00838F; box-shadow: 0 0 8px #00838F; }\n.dot-amber  { background: #E65100; box-shadow: 0 0 8px #E65100; }\n.dot-pink   { background: #C2185B; box-shadow: 0 0 8px #C2185B; }\n.dot-purple { background: #6A1B9A; box-shadow: 0 0 8px #6A1B9A; }\n\n.badge-dot::after {\n    content: ''; position: absolute; inset: -4px; border-radius: 50%;\n    border: 2px solid currentColor; animation: radarRing 1.8s infinite;\n}\n\n@keyframes radarBlink { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.85); } }\n@keyframes radarRing { 0% { transform: scale(0.8); opacity: 0.9; } 100% { transform: scale(2.2); opacity: 0; } }\n\n\/* BUTTONS *\/\n.cl-btn-primary {\n    position: relative; display: inline-flex; align-items: center; justify-content: center;\n    padding: 16px 32px; border-radius: 50px;\n    background: linear-gradient(90deg, var(--primary-teal), #0288D1);\n    color: #FFFFFF !important; text-decoration: none !important;\n    font-weight: 800; font-size: 0.92rem; white-space: nowrap;\n    box-shadow: 0 8px 22px rgba(0, 131, 143, 0.28); overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cl-btn-primary:hover {\n    transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0, 131, 143, 0.45);\n}\n\n.btn-sweep {\n    position: absolute; top: 0; left: -100%; width: 60%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);\n    transform: skewX(-20deg); animation: btnSweep 3s infinite;\n}\n\n@keyframes btnSweep { 0% { left: -100%; } 100% { left: 200%; } }\n\n.btn-text { position: relative; z-index: 2; }\n\n.cl-btn-secondary {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 16px 28px; border-radius: 50px; background: #FFFFFF;\n    border: 1.5px solid var(--border-color); color: var(--dark-slate) !important;\n    text-decoration: none !important; font-weight: 800; font-size: 0.9rem;\n    white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n    transition: all 0.3s ease;\n}\n\n.cl-btn-secondary:hover {\n    border-color: var(--primary-teal); color: var(--primary-teal) !important;\n    transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 131, 143, 0.15);\n}\n\n.w-100 { width: 100% !important; }\n\n\/* SECTION 6: GRID 5 & HIGHLIGHTED PHILOSOPHY QUOTE BOX *\/\n.cl-grid-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-bottom: 32px; }\n\n.why-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 18px; padding: 22px 18px; box-shadow: 0 8px 24px rgba(0,0,0,0.03);\n    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;\n}\n\n.card-teal-hover:hover   { transform: translateY(-8px); border-color: var(--primary-teal); box-shadow: 0 20px 40px rgba(0, 131, 143, 0.28), 0 0 20px rgba(0, 131, 143, 0.18); }\n.card-amber-hover:hover  { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 20px 40px rgba(230, 81, 0, 0.28), 0 0 20px rgba(230, 81, 0, 0.18); }\n.card-pink-hover:hover   { transform: translateY(-8px); border-color: var(--accent-pink); box-shadow: 0 20px 40px rgba(194, 24, 91, 0.28), 0 0 20px rgba(194, 24, 91, 0.18); }\n.card-purple-hover:hover { transform: translateY(-8px); border-color: var(--accent-purple); box-shadow: 0 20px 40px rgba(106, 27, 154, 0.28), 0 0 20px rgba(106, 27, 154, 0.18); }\n\n.w-icon { font-size: 1.8rem; margin-bottom: 10px; }\n.why-card p { font-family: 'Inter', sans-serif; font-size: 0.82rem; color: #64748B; margin: 0; line-height: 1.55; }\n\n\/* HIGHLIGHTED PHILOSOPHY QUOTE BOX *\/\n.cl-highlighted-quote-box {\n    position: relative; background: linear-gradient(135deg, #00838F 0%, #0288D1 100%);\n    border-radius: 24px; padding: clamp(28px, 4vw, 42px); color: #FFFFFF;\n    text-align: center; box-shadow: 0 20px 45px rgba(0, 131, 143, 0.35); overflow: hidden;\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.cl-highlighted-quote-box:hover { transform: translateY(-6px); box-shadow: 0 25px 55px rgba(0, 131, 143, 0.45); }\n.quote-glow-aura {\n    position: absolute; inset: 0; background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 70%);\n    pointer-events: none;\n}\n\n.quote-mark { font-size: 3rem; line-height: 1; opacity: 0.5; display: block; margin-bottom: 4px; }\n.quote-text {\n    font-family: 'Outfit', sans-serif; font-size: clamp(1.1rem, 2vw, 1.4rem);\n    font-weight: 800; line-height: 1.55; margin: 0 auto; max-width: 900px;\n    position: relative; z-index: 2; color: #FFFFFF;\n}\n\n\/* SECTION 7: JOURNEY STEPPER CARDS *\/\n.cl-journey-steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.j-step-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 20px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.03);\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.step-teal:hover   { transform: translateY(-8px); border-color: var(--primary-teal); box-shadow: 0 20px 40px rgba(0, 131, 143, 0.28), 0 0 20px rgba(0, 131, 143, 0.18); }\n.step-amber:hover  { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 20px 40px rgba(230, 81, 0, 0.28), 0 0 20px rgba(230, 81, 0, 0.18); }\n.step-pink:hover   { transform: translateY(-8px); border-color: var(--accent-pink); box-shadow: 0 20px 40px rgba(194, 24, 91, 0.28), 0 0 20px rgba(194, 24, 91, 0.18); }\n.step-purple:hover { transform: translateY(-8px); border-color: var(--accent-purple); box-shadow: 0 20px 40px rgba(106, 27, 154, 0.28), 0 0 20px rgba(106, 27, 154, 0.18); }\n\n.highlight-j-card { border-color: var(--secondary-orange); box-shadow: 0 8px 24px rgba(230,81,0,0.12); }\n\n.j-num { font-size: 0.72rem; font-weight: 900; color: var(--primary-teal); letter-spacing: 1px; margin-bottom: 8px; }\n.j-step-card p { font-family: 'Inter', sans-serif; font-size: 0.82rem; color: #475569; margin: 0 0 6px 0; line-height: 1.5; }\n\n\/* SECTION 8: APPROACH CARDS *\/\n.app-card {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 20px; padding: 24px; box-shadow: 0 8px 24px rgba(0,0,0,0.03);\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.app-teal:hover   { transform: translateY(-8px); border-color: var(--primary-teal); box-shadow: 0 20px 40px rgba(0, 131, 143, 0.28), 0 0 20px rgba(0, 131, 143, 0.18); }\n.app-amber:hover  { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 20px 40px rgba(230, 81, 0, 0.28), 0 0 20px rgba(230, 81, 0, 0.18); }\n.app-pink:hover   { transform: translateY(-8px); border-color: var(--accent-pink); box-shadow: 0 20px 40px rgba(194, 24, 91, 0.28), 0 0 20px rgba(194, 24, 91, 0.18); }\n.app-purple:hover { transform: translateY(-8px); border-color: var(--accent-purple); box-shadow: 0 20px 40px rgba(106, 27, 154, 0.28), 0 0 20px rgba(106, 27, 154, 0.18); }\n\n.app-icon { font-size: 1.8rem; margin-bottom: 10px; display: block; }\n.app-card p { font-family: 'Inter', sans-serif; font-size: 0.85rem; color: #64748B; margin: 0; line-height: 1.58; }\n\n\/* SECTION 9: LEARNING MODES *\/\n.cl-modes-flex { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }\n.mode-box {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 24px; padding: clamp(28px, 3vw, 40px);\n    display: flex; flex-direction: column; justify-content: space-between;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04);\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n}\n\n.mode-self:hover { transform: translateY(-8px); border-color: var(--primary-teal); box-shadow: 0 20px 40px rgba(0, 131, 143, 0.28); }\n.mode-live:hover { transform: translateY(-8px); border-color: var(--secondary-orange); box-shadow: 0 20px 40px rgba(230, 81, 0, 0.28); }\n.highlight-mode { border-color: var(--secondary-orange); box-shadow: 0 12px 35px rgba(230, 81, 0, 0.12); }\n\n.m-pill { font-size: 0.68rem; font-weight: 900; color: var(--primary-teal); background: rgba(0,131,143,0.08); padding: 4px 12px; border-radius: 50px; align-self: flex-start; margin-bottom: 12px; }\n.m-pill.highlight { color: var(--secondary-orange); background: rgba(230,81,0,0.08); }\n\n.m-sub { font-family: 'Inter', sans-serif; font-size: 0.9rem; color: var(--muted-slate); margin: 0 0 20px 0; }\n\n.mode-box ul { list-style: none; padding: 0; margin: 0 0 30px 0; display: flex; flex-direction: column; gap: 10px; }\n.mode-box li { font-family: 'Inter', sans-serif; font-size: 0.88rem; color: #334155; display: flex; align-items: center; gap: 8px; }\n.mode-box li::before { content: '\u2713'; color: var(--primary-teal); font-weight: 900; }\n\n\/* SECTION 10: COMPACT NOTICE BOX *\/\n.cl-compact-notice-box {\n    background: #FFFFFF; border: 1.5px solid var(--border-color);\n    border-radius: 24px; padding: 32px; display: flex; gap: 24px; align-items: center;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.04); flex-wrap: wrap;\n    transition: transform 0.35s ease, box-shadow 0.35s ease;\n}\n\n.cl-compact-notice-box:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,131,143,0.25); }\n.n-icon { font-size: 2.8rem; }\n.n-content { flex: 1; min-width: 300px; }\n.n-content p { font-family: 'Inter', sans-serif; font-size: 0.88rem; color: #64748B; margin: 0 0 8px 0; line-height: 1.6; }\n\n\/* CONVERSION BANNER *\/\n.cl-conversion-card {\n    position: relative; background: linear-gradient(135deg, rgba(0,131,143,0.08), rgba(230,81,0,0.08));\n    border: 1.5px solid var(--primary-teal); border-radius: 32px;\n    padding: clamp(36px, 5vw, 60px); text-align: center; overflow: hidden;\n    box-shadow: 0 20px 45px rgba(0,0,0,0.06); transition: transform 0.35s ease;\n}\n\n.cl-conversion-card:hover { transform: translateY(-6px); }\n.cl-conversion-card p { font-family: 'Inter', sans-serif; font-size: 1rem; color: #475569; margin: 0 auto 28px auto; max-width: 650px; }\n\n.conv-btn-group { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n\n\/* RESPONSIVE MEDIA QUERIES *\/\n@media (max-width: 1280px) {\n    .cl-grid-5 { grid-template-columns: repeat(3, 1fr); }\n}\n\n@media (max-width: 1024px) {\n    .cl-journey-steps-grid { grid-template-columns: repeat(2, 1fr); }\n    .cl-modes-flex { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 640px) {\n    .cl-grid-5, .cl-journey-steps-grid { grid-template-columns: 1fr; }\n    .conv-btn-group { flex-direction: column; align-items: stretch; }\n    .cl-btn-primary, .cl-btn-secondary { width: 100% !important; text-align: center; }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ LIGHT CANVAS PARTICLES ENGINE\n    const canvas = document.getElementById('clLightCanvasPart2');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            if (!canvas.parentElement) return;\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'OC Prep', 'Reading', 'Maths', 'Logic'];\n        const lightColors = ['#00838F', '#E65100', '#C2185B', '#6A1B9A'];\n\n        const particles = Array.from({ length: 28 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: lightColors[Math.floor(Math.random() * lightColors.length)],\n            fontSize: Math.random() * 14 + 12,\n            vx: (Math.random() - 0.5) * 0.3,\n            vy: (Math.random() - 0.5) * 0.3,\n            alpha: Math.random() * 0.22 + 0.08\n        }));\n\n        function renderLightParticles() {\n            ctx.clearRect(0, 0, width, height);\n\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n\n                if (p.x < -20 || p.x > width + 20) p.vx *= -1;\n                if (p.y < -20 || p.y > height + 20) p.vy *= -1;\n\n                ctx.save();\n                ctx.translate(p.x, p.y);\n                ctx.globalAlpha = p.alpha;\n                ctx.font = `800 ${p.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = p.color;\n                ctx.fillText(p.symbol, 0, 0);\n                ctx.restore();\n            });\n\n            requestAnimationFrame(renderLightParticles);\n        }\n        renderLightParticles();\n    }\n\n    \/\/ 3D TILT INTERACTION PHYSICS\n    const tiltCards = document.querySelectorAll('.3d-tilt-card');\n    tiltCards.forEach(card => {\n        card.addEventListener('mousemove', (e) => {\n            const rect = card.getBoundingClientRect();\n            const x = e.clientX - rect.left;\n            const y = e.clientY - rect.top;\n\n            const centerX = rect.width \/ 2;\n            const centerY = rect.height \/ 2;\n\n            const rotateX = ((y - centerY) \/ centerY) * -4;\n            const rotateY = ((x - centerX) \/ centerX) * 4;\n\n            card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n        });\n\n        card.addEventListener('mouseleave', () => {\n            card.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg)`;\n        });\n    });\n\n});\n<\/script>\n\n<div id=\"cl-oc-master-part2\">\n    \n    <!-- LIGHT AMBIENT BACKGROUND GLOW ORBS & CANVAS -->\n    <div class=\"cl-light-glows\">\n        <div class=\"orb orb-pink\"><\/div>\n        <div class=\"orb orb-purple\"><\/div>\n        <div class=\"orb orb-teal\"><\/div>\n    <\/div>\n    <canvas id=\"clLightCanvasPart2\"><\/canvas>\n\n    <main id=\"clOcMainContentPart2\">\n        \n        <!-- ====================================================================\n             SECTION 6: WHY START OC PREPARATION EARLY?\n             ==================================================================== -->\n        <section id=\"whyStartSection\" class=\"cl-section light-alt-bg\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-teal\">\n                        <span class=\"badge-dot dot-teal\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">EARLY ADVANTAGE<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">Why Start OC Preparation Early?<\/h2>\n                    <p class=\"cl-subtitle\">\n                        Developing strong underlying abilities rather than teaching children to memorise test tricks.\n                    <\/p>\n                <\/div>\n\n                <div class=\"cl-grid-5\">\n                    <div class=\"why-card card-teal-hover 3d-tilt-card\">\n                        <div class=\"w-icon\">\ud83c\udf31<\/div>\n                        <h3 class=\"solid-card-title\">1. Build Strong Foundations<\/h3>\n                        <p>Master concepts deeply instead of relying on memorised shortcuts.<\/p>\n                    <\/div>\n                    <div class=\"why-card card-amber-hover 3d-tilt-card\">\n                        <div class=\"w-icon\">\ud83d\udd22<\/div>\n                        <h3 class=\"solid-card-title\">2. Mathematical Fluency<\/h3>\n                        <p>Develop numerical intuition, mental math agility, and estimation skills.<\/p>\n                    <\/div>\n                    <div class=\"why-card card-pink-hover 3d-tilt-card\">\n                        <div class=\"w-icon\">\ud83d\udcd6<\/div>\n                        <h3 class=\"solid-card-title\">3. Reading &amp; Vocabulary<\/h3>\n                        <p>Expand vocabulary, inferential comprehension, and text analysis.<\/p>\n                    <\/div>\n                    <div class=\"why-card card-purple-hover 3d-tilt-card\">\n                        <div class=\"w-icon\">\ud83e\udde0<\/div>\n                        <h3 class=\"solid-card-title\">4. Reasoning &amp; Logic<\/h3>\n                        <p>Learn systematic strategies to break down complex multi-step problems.<\/p>\n                    <\/div>\n                    <div class=\"why-card card-teal-hover 3d-tilt-card\">\n                        <div class=\"w-icon\">\ud83d\udee1\ufe0f<\/div>\n                        <h3 class=\"solid-card-title\">5. Zero Pressure Confidence<\/h3>\n                        <p>Develop confidence gradually through consistent, stress-free practice.<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- HIGHLIGHTED PHILOSOPHY QUOTE BLOCK -->\n                <div class=\"cl-highlighted-quote-box 3d-tilt-card\">\n                    <div class=\"quote-glow-aura\"><\/div>\n                    <span class=\"quote-mark\">\u201c<\/span>\n                    <p class=\"quote-text\">\n                        The goal is not to make a Year 2 student sit a Year 4 test early. The goal is to build the skills that make advanced reasoning easier later.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 7: CURIOUS LEARNER'S OC LEARNING JOURNEY\n             ==================================================================== -->\n        <section id=\"journeySection\" class=\"cl-section\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-amber\">\n                        <span class=\"badge-dot dot-amber\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">LEARNING ROADMAP<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">Curious Learner&#8217;s OC Learning Journey<\/h2>\n                <\/div>\n\n                <div class=\"cl-journey-steps-grid\">\n                    <div class=\"j-step-card step-teal 3d-tilt-card\">\n                        <div class=\"j-num\">STAGE 1<\/div>\n                        <h3 class=\"solid-card-title\">YEAR 2 \u2014 Foundation<\/h3>\n                        <p><strong>Learn:<\/strong> Vocabulary, number sense, logical patterns, reading skills.<\/p>\n                        <p><strong>Expect:<\/strong> Fun, stress-free learning building confidence &amp; curiosity.<\/p>\n                        <p><strong>Progression:<\/strong> Low pressure, concept-driven activities.<\/p>\n                    <\/div>\n\n                    <div class=\"j-step-card step-amber 3d-tilt-card\">\n                        <div class=\"j-num\">STAGE 2<\/div>\n                        <h3 class=\"solid-card-title\">YEAR 3 \u2014 Skill Development<\/h3>\n                        <p><strong>Learn:<\/strong> Thinking skills logic, mathematical reasoning, reading comprehension.<\/p>\n                        <p><strong>Expect:<\/strong> Structured weekly lessons and concept gap reports.<\/p>\n                        <p><strong>Progression:<\/strong> Multi-step problem solving introduced.<\/p>\n                    <\/div>\n\n                    <div class=\"j-step-card step-pink 3d-tilt-card\">\n                        <div class=\"j-num\">STAGE 3<\/div>\n                        <h3 class=\"solid-card-title\">END OF Y3 \u2014 OC Awareness<\/h3>\n                        <p><strong>Learn:<\/strong> Introduction to OC question formats &amp; reasoning strategies.<\/p>\n                        <p><strong>Expect:<\/strong> Guidance on application deadlines and exam timing.<\/p>\n                        <p><strong>Progression:<\/strong> Guided practice with OC sample questions.<\/p>\n                    <\/div>\n\n                    <div class=\"j-step-card step-amber highlight-j-card 3d-tilt-card\">\n                        <div class=\"j-num\">STAGE 4<\/div>\n                        <h3 class=\"solid-card-title\">YEAR 4 \u2014 OC Mastery<\/h3>\n                        <p><strong>Learn:<\/strong> Time management, question interpretation, speed calculation, mock tests.<\/p>\n                        <p><strong>Expect:<\/strong> Timed mock exam analytics and targeted error logs.<\/p>\n                        <p><strong>Progression:<\/strong> Full exam-condition test simulation.<\/p>\n                    <\/div>\n\n                    <div class=\"j-step-card step-purple 3d-tilt-card\">\n                        <div class=\"j-num\">STAGE 5<\/div>\n                        <h3 class=\"solid-card-title\">MAY \u2014 Placement Test<\/h3>\n                        <p><strong>Experience:<\/strong> Sitting the official test under exam conditions.<\/p>\n                        <p><strong>Expect:<\/strong> Final revision, exam-day mindset prep, calming strategies.<\/p>\n                        <p><strong>Progression:<\/strong> Test execution under timed conditions.<\/p>\n                    <\/div>\n\n                    <div class=\"j-step-card step-teal 3d-tilt-card\">\n                        <div class=\"j-num\">STAGE 6<\/div>\n                        <h3 class=\"solid-card-title\">YEAR 5 \u2014 Advanced Learning<\/h3>\n                        <p><strong>Learn:<\/strong> Enriched maths, higher-order reasoning, critical writing.<\/p>\n                        <p><strong>Expect:<\/strong> Continued academic extension preparing for Selective High School prep.<\/p>\n                        <p><strong>Progression:<\/strong> High School Selective preparation.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 8: OUR PREPARATION APPROACH\n             ==================================================================== -->\n        <section id=\"approachSection\" class=\"cl-section light-alt-bg\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-pink\">\n                        <span class=\"badge-dot dot-pink\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">PEDAGOGICAL METHOD<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">More Than Test Practice<\/h2>\n                    <p class=\"cl-subtitle\">How Curious Learner Academy prepares students for long-term academic excellence.<\/p>\n                <\/div>\n\n                <div class=\"cl-grid-3\">\n                    <div class=\"app-card app-teal 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83d\udca1<\/span>\n                        <h3 class=\"solid-card-title\">CONCEPT MASTERY<\/h3>\n                        <p>Students understand <strong>WHY<\/strong> a method works instead of memorising answers or shortcuts.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-amber 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83e\udde9<\/span>\n                        <h3 class=\"solid-card-title\">QUESTION PATTERN RECOGNITION<\/h3>\n                        <p>Students learn to recognise different question structures and choose an appropriate solving approach.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-pink 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83d\udee0\ufe0f<\/span>\n                        <h3 class=\"solid-card-title\">REASONING STRATEGIES<\/h3>\n                        <p>Students learn how to break complex, multi-layered problems into manageable steps systematically.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-purple 3d-tilt-card\">\n                        <span class=\"app-icon\">\u26a1<\/span>\n                        <h3 class=\"solid-card-title\">QUICK CALCULATION<\/h3>\n                        <p>Students develop efficient mental calculation and estimation skills to improve solving speed.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-teal 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83d\udcd6<\/span>\n                        <h3 class=\"solid-card-title\">READING STRATEGIES<\/h3>\n                        <p>Students learn how to extract information, identify important details, and reason from passages.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-amber 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83d\udd0d<\/span>\n                        <h3 class=\"solid-card-title\">ERROR ANALYSIS<\/h3>\n                        <p>Students review mistakes systematically to understand and correct the underlying misconception.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-pink 3d-tilt-card\">\n                        <span class=\"app-icon\">\u23f1\ufe0f<\/span>\n                        <h3 class=\"solid-card-title\">TIME MANAGEMENT<\/h3>\n                        <p>Students gradually learn how to balance accuracy and speed under timed test conditions.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-purple 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83d\udcdd<\/span>\n                        <h3 class=\"solid-card-title\">MOCK TESTING<\/h3>\n                        <p>Students practise applying their skills under realistic examination conditions as they become ready.<\/p>\n                    <\/div>\n\n                    <div class=\"app-card app-teal 3d-tilt-card\">\n                        <span class=\"app-icon\">\ud83c\udf1f<\/span>\n                        <h3 class=\"solid-card-title\">CONFIDENCE<\/h3>\n                        <p>Students learn to approach unfamiliar, challenging problems calmly and strategically.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 9: TWO LEARNING MODES\n             ==================================================================== -->\n        <section id=\"learningModesSection\" class=\"cl-section\">\n            <div class=\"cl-container\">\n                <div class=\"cl-header text-center\">\n                    <div class=\"cl-badge badge-teal\">\n                        <span class=\"badge-dot dot-teal\"><\/span>\n                        <span class=\"badge-sweep\"><\/span>\n                        <span class=\"badge-text\">FLEXIBLE LEARNING<\/span>\n                    <\/div>\n                    <h2 class=\"cl-h2 shimmer-title-wave\">Choose the Learning Experience That Fits Your Child<\/h2>\n                <\/div>\n\n                <div class=\"cl-modes-flex\">\n                    <div class=\"mode-box mode-self 3d-tilt-card\">\n                        <span class=\"m-pill\">SELF-PACED<\/span>\n                        <h3 class=\"solid-card-title\">SELF-PACED LEARNING<\/h3>\n                        <p class=\"m-sub\">Learn at your own pace with structured online modules.<\/p>\n                        <ul>\n                            <li>Structured step-by-step digital lessons<\/li>\n                            <li>Interactive practice activities<\/li>\n                            <li>Flexible learning schedule<\/li>\n                            <li>Automated progress tracking<\/li>\n                            <li>Independent study habit building<\/li>\n                        <\/ul>\n                        <a href=\"#\" class=\"cl-btn-secondary w-100\">\n                            <span>Explore Learning Pathways \u2192<\/span>\n                        <\/a>\n                    <\/div>\n\n                    <div class=\"mode-box mode-live 3d-tilt-card highlight-mode\">\n                        <span class=\"m-pill highlight\">LIVE 1:1 COACHING<\/span>\n                        <h3 class=\"solid-card-title\">LIVE 1:1 COACHING<\/h3>\n                        <p class=\"m-sub\">Personalised support from an expert educator.<\/p>\n                        <ul>\n                            <li>One-to-one individual instruction<\/li>\n                            <li>Personalised lesson planning<\/li>\n                            <li>Immediate teacher feedback<\/li>\n                            <li>Targeted skill gap remediation<\/li>\n                            <li>Question-solving strategies<\/li>\n                            <li>Ongoing progress monitoring<\/li>\n                        <\/ul>\n                        <a href=\"#\" class=\"cl-btn-primary w-100\">\n                            <span class=\"btn-sweep\"><\/span>\n                            <span class=\"btn-text\">Book Free Consultation \u2192<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             SECTION 10: IMPORTANT PARENT INFORMATION (NOTICE BOX)\n             ==================================================================== -->\n        <section id=\"importantNoticeSection\" class=\"cl-section light-alt-bg\">\n            <div class=\"cl-container\">\n                <div class=\"cl-compact-notice-box 3d-tilt-card\">\n                    <div class=\"n-icon\">\ud83c\udfdb\ufe0f<\/div>\n                    <div class=\"n-content\">\n                        <h3 class=\"solid-card-title\">Important: OC Dates and Eligibility Can Change<\/h3>\n                        <p>\n                            Opportunity Class application dates, test arrangements, eligibility requirements and placement procedures are determined by the NSW Department of Education and may change from year to year.\n                        <\/p>\n                        <p>\n                            The information on this page is provided as an educational guide. Parents should check the official NSW Department of Education website for the latest application dates, eligibility requirements and placement information.\n                        <\/p>\n                    <\/div>\n                    <div class=\"n-action\">\n                        <a href=\"https:\/\/education.nsw.gov.au\/public-schools\/selective-high-schools-and-opportunity-classes\/year-5\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cl-btn-secondary\">\n                            <span>Official NSW Dept of Education \u2197<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- ====================================================================\n             CONVERSION BANNER\n             ==================================================================== -->\n        <section id=\"conversionSection\" class=\"cl-section\">\n            <div class=\"cl-container\">\n                <div class=\"cl-conversion-card 3d-tilt-card\">\n                    <h2 class=\"shimmer-title-wave\">Start Your Child&#8217;s OC Preparation Pathway<\/h2>\n                    <p>Build confidence, logical reasoning, and conceptual mastery with Curious Learner Academy.<\/p>\n                    <div class=\"conv-btn-group\">\n                        <a href=\"#\" class=\"cl-btn-primary\">\n                            <span class=\"btn-sweep\"><\/span>\n                            <span class=\"btn-text\">Start Free Diagnostic Assessment \u2192<\/span>\n                        <\/a>\n                        <a href=\"#\" class=\"cl-btn-secondary\">\n                            <span>Explore OC Learning Pathways<\/span>\n                        <\/a>\n                        <a href=\"#\" class=\"cl-btn-secondary\">\n                            <span>Book a Free Consultation<\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-blob-showcase-master),\n.entry-content > .wp-block-custom-html:has(#cl-blob-showcase-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-blob-showcase-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-blob-showcase-master,\n#cl-blob-showcase-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-blob-showcase-master::-webkit-scrollbar,\n#cl-blob-showcase-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (DARK THEME) *\/\n#cl-blob-showcase-master {\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: #030712 !important;\n    color: #FFFFFF !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n#clBlobShowcaseSection {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(60px, 8vw, 120px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-blob-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n    display: flex;\n    flex-direction: column;\n    gap: clamp(70px, 9vw, 120px);\n}\n\n\/* BACKGROUND AURORA ORBS *\/\n.cl-dark-aurora-glows {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    overflow: hidden;\n    z-index: 1;\n}\n\n.dark-orb {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(150px);\n    opacity: 0.2;\n    animation: darkOrbPulse 9s ease-in-out infinite alternate;\n}\n\n.orb-cyan { top: -100px; left: -100px; width: 600px; height: 600px; background: #00E5FF; }\n.orb-purple { top: 50%; right: -100px; width: 600px; height: 600px; background: #7C3AED; animation-delay: 2s; }\n.orb-pink { bottom: -100px; left: 30%; width: 500px; height: 500px; background: #EC4899; animation-delay: 4s; }\n\n@keyframes darkOrbPulse {\n    0% { transform: scale(0.9); opacity: 0.15; }\n    100% { transform: scale(1.15); opacity: 0.28; }\n}\n\n.dark-noise-overlay {\n    position: absolute;\n    inset: 0;\n    opacity: 0.03;\n    pointer-events: none;\n    z-index: 1;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'\/%3E%3C\/svg%3E\");\n}\n\n\/* SHOWCASE ROWS *\/\n.cl-showcase-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(40px, 6vw, 80px);\n    align-items: center;\n}\n\n\/* CONTENT COLUMN *\/\n.cl-showcase-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n}\n\n.cl-dark-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(0, 229, 255, 0.08);\n    border: 1px solid rgba(0, 229, 255, 0.3);\n    padding: 6px 18px;\n    border-radius: 50px;\n    font-size: 0.75rem;\n    font-weight: 800;\n    letter-spacing: 1.2px;\n    color: #00E5FF;\n    margin-bottom: 20px;\n    box-shadow: 0 0 15px rgba(0, 229, 255, 0.15);\n}\n\n.badge-purple-theme {\n    background: rgba(168, 85, 247, 0.08);\n    border-color: rgba(168, 85, 247, 0.3);\n    color: #A855F7;\n    box-shadow: 0 0 15px rgba(168, 85, 247, 0.15);\n}\n\n.badge-dot-cyan, .badge-dot-purple {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n}\n\n.badge-dot-cyan { background: #00E5FF; box-shadow: 0 0 8px #00E5FF; animation: badgeBlink 1.8s infinite; }\n.badge-dot-purple { background: #A855F7; box-shadow: 0 0 8px #A855F7; animation: badgeBlink 1.8s infinite; }\n\n@keyframes badgeBlink {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.3; transform: scale(0.85); }\n}\n\n.cl-dark-title {\n    font-size: clamp(2.2rem, 4vw, 3.2rem);\n    font-weight: 900;\n    line-height: 1.15;\n    margin: 0 0 24px 0;\n    color: #FFFFFF;\n}\n\n\/* ANIMATED WAVE GRADIENT SHIMMERS *\/\n.shimmer-title-wave {\n    background: linear-gradient(90deg, #00E5FF, #38F9D7, #A855F7, #00E5FF);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonTitleWave 5s linear infinite;\n}\n\n.shimmer-title-wave-alt {\n    background: linear-gradient(90deg, #A855F7, #EC4899, #00E5FF, #A855F7);\n    background-size: 250% auto;\n    -webkit-background-clip: text;\n    background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonTitleWave 5s linear infinite;\n}\n\n@keyframes neonTitleWave {\n    to { background-position: 250% center; }\n}\n\n\/* NEON BULLET STACK *\/\n.cl-neon-bullet-stack {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    width: 100%;\n}\n\n.neon-bullet-card {\n    background: rgba(15, 23, 42, 0.75);\n    border: 1.5px solid rgba(255, 255, 255, 0.1);\n    border-radius: 16px;\n    padding: 18px 22px;\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    backdrop-filter: blur(12px);\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.neon-bullet-card:hover {\n    transform: translateY(-4px);\n    border-color: #00E5FF;\n    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 229, 255, 0.25);\n}\n\n.bullet-icon {\n    font-size: 1.2rem;\n    flex-shrink: 0;\n    margin-top: 2px;\n}\n\n.neon-bullet-card div {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.95rem;\n    color: #CBD5E1;\n    line-height: 1.55;\n}\n\n.neon-bullet-card strong {\n    color: #FFFFFF;\n}\n\n\/* BLOB IMAGE STYLING WITH LIVE NEON HALOS *\/\n.cl-blob-image-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 30px;\n}\n\n.blob-glow-halo {\n    position: absolute;\n    width: 80%;\n    height: 80%;\n    border-radius: 50%;\n    filter: blur(60px);\n    opacity: 0.45;\n    z-index: 1;\n    animation: haloPulse 6s ease-in-out infinite alternate;\n}\n\n.cyan-halo { background: #00E5FF; }\n.purple-halo { background: #A855F7; animation-delay: 3s; }\n\n@keyframes haloPulse {\n    0% { transform: scale(0.9); opacity: 0.35; }\n    100% { transform: scale(1.1); opacity: 0.6; }\n}\n\n.blob-shape-container {\n    position: relative;\n    z-index: 2;\n    width: 100%;\n    max-width: 520px;\n    aspect-ratio: 1 \/ 1;\n    overflow: hidden;\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.7);\n    border: 3px solid rgba(255, 255, 255, 0.2);\n    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;\n}\n\n\/* ORGANIC BLOB BORDER RADIUS SHAPES *\/\n.organic-blob-1 {\n    border-radius: 42% 58% 70% 30% \/ 45% 45% 55% 55%;\n    animation: blobMorph1 8s ease-in-out infinite alternate;\n}\n\n.organic-blob-2 {\n    border-radius: 60% 40% 40% 60% \/ 50% 60% 40% 50%;\n    animation: blobMorph2 8s ease-in-out infinite alternate;\n}\n\n@keyframes blobMorph1 {\n    0% { border-radius: 42% 58% 70% 30% \/ 45% 45% 55% 55%; }\n    100% { border-radius: 55% 45% 35% 65% \/ 60% 30% 70% 40%; }\n}\n\n@keyframes blobMorph2 {\n    0% { border-radius: 60% 40% 40% 60% \/ 50% 60% 40% 50%; }\n    100% { border-radius: 40% 60% 65% 35% \/ 40% 40% 60% 60%; }\n}\n\n.cl-blob-image-wrapper:hover .blob-shape-container {\n    border-color: #00E5FF;\n    transform: scale(1.02);\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8), 0 0 35px rgba(0, 229, 255, 0.4);\n}\n\n.blob-shape-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 1024px) {\n    .cl-showcase-row {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n}\n<\/style>\n\n<div id=\"cl-blob-showcase-master\">\n    \n    <!-- DARK AURORA BACKGROUND GLOWS & NOISE -->\n    <div class=\"cl-dark-aurora-glows\">\n        <div class=\"dark-orb orb-cyan\"><\/div>\n        <div class=\"dark-orb orb-purple\"><\/div>\n        <div class=\"dark-orb orb-pink\"><\/div>\n    <\/div>\n    <div class=\"dark-noise-overlay\"><\/div>\n\n    <section id=\"clBlobShowcaseSection\">\n        <div class=\"cl-blob-container\">\n            \n            <!-- ====================================================================\n                 ROW 1: IMAGE LEFT, TEXT RIGHT\n                 ==================================================================== -->\n            <div class=\"cl-showcase-row\">\n                \n                <!-- BLOB IMAGE COLUMN (LEFT) -->\n                <div class=\"cl-blob-image-wrapper 3d-tilt-card\">\n                    <div class=\"blob-glow-halo cyan-halo\"><\/div>\n                    <div class=\"blob-shape-container organic-blob-1\">\n                        <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/australia\/wp-content\/uploads\/sites\/2\/2026\/08\/OC_Pathway_Teacher_With_Content-1.jpg\" alt=\"OC Pathway Teacher with Content\" loading=\"lazy\" title=\"OC (Opportunity Class)\">\n                    <\/div>\n                <\/div>\n\n                <!-- CONTENT COLUMN (RIGHT) -->\n                <div class=\"cl-showcase-content\">\n                    <div class=\"cl-dark-badge\">\n                        <span class=\"badge-dot-cyan\"><\/span>\n                        <span>STUDENT ADVANTAGE<\/span>\n                    <\/div>\n\n                    <h2 class=\"cl-dark-title\">\n                        Why <span class=\"shimmer-title-wave\">OC Matters?<\/span>\n                    <\/h2>\n\n                    <div class=\"cl-neon-bullet-stack\">\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\u2b50<\/span>\n                            <div>\n                                <strong>Challenged at the right level:<\/strong> Ensuring continuous academic growth without unnecessary overwhelm.\n                            <\/div>\n                        <\/div>\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\ud83d\udca1<\/span>\n                            <div>\n                                <strong>Learn alongside motivated peers:<\/strong> Building lasting friendships and collaborative inspiration.\n                            <\/div>\n                        <\/div>\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\ud83d\ude80<\/span>\n                            <div>\n                                <div><strong>Gain confidence for high school and beyond:<\/strong> Preparing young minds for long-term success.<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ====================================================================\n                 ROW 2: TEXT LEFT, IMAGE RIGHT\n                 ==================================================================== -->\n            <div class=\"cl-showcase-row\">\n\n                <!-- CONTENT COLUMN (LEFT) -->\n                <div class=\"cl-showcase-content\">\n                    <div class=\"cl-dark-badge badge-purple-theme\">\n                        <span class=\"badge-dot-purple\"><\/span>\n                        <span>PARENT INSIGHTS<\/span>\n                    <\/div>\n\n                    <h2 class=\"cl-dark-title\">\n                        Why Do Parents <span class=\"shimmer-title-wave-alt\">Consider OC?<\/span>\n                    <\/h2>\n\n                    <div class=\"cl-neon-bullet-stack\">\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\ud83d\udcd6<\/span>\n                            <div>\n                                <strong>Finishing schoolwork quickly:<\/strong> When children complete tasks ahead of class and feel unengaged.\n                            <\/div>\n                        <\/div>\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\ud83d\udd0d<\/span>\n                            <div>\n                                <strong>Asking deeper questions:<\/strong> Inquiring far beyond standard classroom curriculums.\n                            <\/div>\n                        <\/div>\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\ud83c\udfaf<\/span>\n                            <div>\n                                <strong>Needing advanced challenges:<\/strong> Seeking higher-level problem solving to stay intellectually stimulated.\n                            <\/div>\n                        <\/div>\n                        <div class=\"neon-bullet-card 3d-tilt-card\">\n                            <span class=\"bullet-icon\">\u26a1<\/span>\n                            <div>\n                                <strong>Strong core aptitude:<\/strong> Demonstrating advanced potential in reading, logic, or mathematics.\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- BLOB IMAGE COLUMN (RIGHT) -->\n                <div class=\"cl-blob-image-wrapper 3d-tilt-card\">\n                    <div class=\"blob-glow-halo purple-halo\"><\/div>\n                    <div class=\"blob-shape-container organic-blob-2\">\n                        <img decoding=\"async\" src=\"https:\/\/curiouslearneracademy.com\/australia\/wp-content\/uploads\/sites\/2\/2026\/08\/Why_Do_Parents_Consider_OC_Clear_Text.jpg\" alt=\"Why Do Parents Consider OC\" loading=\"lazy\" title=\"OC (Opportunity Class)\">\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');\n\n\/* WORDPRESS OVERFLOW UNLOCKS & 100% EDGE-TO-EDGE RESETS *\/\n.wp-block-custom-html:has(#cl-faq-standalone-master),\n.entry-content > .wp-block-custom-html:has(#cl-faq-standalone-master),\n.wp-block-post-content > .wp-block-custom-html:has(#cl-faq-standalone-master) {\n    height: auto !important;\n    min-height: 0 !important;\n    max-height: none !important;\n    overflow: visible !important;\n    box-sizing: border-box !important;\n}\n\n#cl-faq-standalone-master,\n#cl-faq-standalone-master * {\n    box-sizing: border-box !important;\n    -ms-overflow-style: none !important;\n    scrollbar-width: none !important;\n}\n\n#cl-faq-standalone-master::-webkit-scrollbar,\n#cl-faq-standalone-master *::-webkit-scrollbar {\n    display: none !important;\n    width: 0 !important;\n    height: 0 !important;\n    background: transparent !important;\n}\n\n\/* MASTER CONTAINER (LIGHT THEME) *\/\n#cl-faq-standalone-master {\n    --primary-teal: #00838F;\n    --secondary-orange: #E65100;\n    --accent-purple: #6A1B9A;\n    --dark-slate: #0F172A;\n    --muted-slate: #64748B;\n    --light-bg-1: #FFFFFF;\n    --border-color: #E2E8F0;\n\n    width: 100% !important;\n    display: block !important;\n    position: relative !important;\n    background: var(--light-bg-1) !important;\n    color: var(--dark-slate) !important;\n    font-family: 'Outfit', sans-serif !important;\n    overflow: hidden !important;\n}\n\n.cl-section {\n    position: relative !important;\n    z-index: 2;\n    padding: clamp(50px, 6vw, 90px) 0 !important;\n    width: 100% !important;\n}\n\n.cl-container {\n    width: 100%;\n    max-width: min(1440px, 94vw);\n    margin: 0 auto;\n    padding: 0 clamp(16px, 3vw, 24px);\n}\n\n\/* AMBIENT BACKGROUND GLOWS & CANVAS *\/\n.cl-faq-glows {\n    position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1;\n}\n\n.faq-orb {\n    position: absolute; border-radius: 50%; filter: blur(140px); opacity: 0.12;\n    animation: orbPulse 8s ease-in-out infinite alternate;\n}\n\n.orb-teal   { top: -80px; left: -80px; width: 500px; height: 500px; background: var(--primary-teal); }\n.orb-purple { bottom: -80px; right: -80px; width: 450px; height: 450px; background: var(--accent-purple); animation-delay: 2s; }\n\n@keyframes orbPulse {\n    0% { transform: scale(0.9); opacity: 0.08; }\n    100% { transform: scale(1.12); opacity: 0.16; }\n}\n\n#clFaqCanvas {\n    position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;\n}\n\n\/* HEADINGS & SHIMMER WAVE *\/\n.cl-header {\n    margin-bottom: clamp(35px, 5vw, 55px);\n    display: flex; flex-direction: column; align-items: center;\n}\n\n.cl-h2 {\n    font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 900; line-height: 1.2;\n    margin: 0 0 14px 0; color: var(--dark-slate);\n}\n\n.shimmer-title-wave {\n    background: linear-gradient(90deg, #00838F, #E65100, #C2185B, #6A1B9A, #00838F);\n    background-size: 250% auto;\n    -webkit-background-clip: text; background-clip: text;\n    -webkit-text-fill-color: transparent;\n    animation: neonTitleWave 5s linear infinite;\n}\n\n@keyframes neonTitleWave { to { background-position: 250% center; } }\n\n.cl-subtitle {\n    font-family: 'Inter', sans-serif; font-size: clamp(0.92rem, 1.1vw, 1.05rem);\n    color: var(--muted-slate); max-width: 720px; margin: 0 auto; line-height: 1.6;\n}\n\n.text-center { text-align: center; }\n\n\/* BADGES & PULSING DOTS *\/\n.cl-badge {\n    position: relative; display: inline-flex; align-items: center; gap: 10px;\n    font-size: 0.75rem; font-weight: 800; letter-spacing: 1.5px;\n    padding: 6px 20px; border-radius: 50px; margin-bottom: 16px; overflow: hidden;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n    cursor: pointer;\n}\n\n.cl-badge:hover { transform: translateY(-2px); box-shadow: 0 0 25px currentColor; }\n.badge-purple { color: #6A1B9A; background: rgba(106, 27, 154, 0.08); border: 1.5px solid rgba(106, 27, 154, 0.35); }\n\n.badge-sweep {\n    position: absolute; top: 0; left: -100%; width: 60%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);\n    transform: skewX(-20deg); animation: badgeSweep 3.5s infinite;\n}\n\n@keyframes badgeSweep { 0% { left: -100%; } 100% { left: 200%; } }\n\n.badge-text { position: relative; z-index: 2; }\n\n.badge-dot {\n    width: 8px; height: 8px; border-radius: 50%; position: relative; z-index: 2;\n    animation: radarBlink 1.8s infinite;\n}\n\n.dot-purple { background: #6A1B9A; box-shadow: 0 0 8px #6A1B9A; }\n.badge-dot::after {\n    content: ''; position: absolute; inset: -4px; border-radius: 50%;\n    border: 2px solid currentColor; animation: radarRing 1.8s infinite;\n}\n\n@keyframes radarBlink { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.3; transform: scale(0.85); } }\n@keyframes radarRing { 0% { transform: scale(0.8); opacity: 0.9; } 100% { transform: scale(2.2); opacity: 0; } }\n\n\/* ==========================================================================\n   FAQ ACCORDION & 12 INDIVIDUAL LIGHT NEON ACCENT THEMES\n   ========================================================================== *\/\n.cl-faq-list {\n    max-width: 920px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.faq-card {\n    background: #FFFFFF;\n    border: 1.5px solid #E2E8F0;\n    border-radius: 18px;\n    overflow: hidden;\n    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.faq-card:hover {\n    transform: translateY(-3px);\n}\n\n.faq-question-btn {\n    width: 100%;\n    padding: 20px 24px;\n    background: transparent;\n    border: none;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    font-family: 'Outfit', sans-serif;\n    font-size: 1.02rem;\n    font-weight: 800;\n    color: #0F172A;\n    text-align: left;\n    cursor: pointer;\n    transition: color 0.25s ease;\n}\n\n.q-number {\n    font-size: 0.8rem;\n    font-weight: 900;\n    padding: 4px 10px;\n    border-radius: 50px;\n    background: #F1F5F9;\n    color: #64748B;\n    transition: all 0.25s ease;\n}\n\n.q-text {\n    flex: 1;\n}\n\n.q-icon {\n    font-size: 1.5rem;\n    font-weight: 900;\n    line-height: 1;\n    color: #64748B;\n    transition: transform 0.35s ease, color 0.25s ease;\n}\n\n\/* 12 UNIQUE LIGHT NEON ACCENT THEMES *\/\n.faq-card[data-accent=\"faq-1\"]:hover, .faq-card[data-accent=\"faq-1\"].active { border-color: #00838F; box-shadow: 0 12px 30px rgba(0, 131, 143, 0.2); }\n.faq-card[data-accent=\"faq-1\"].active .q-number { background: rgba(0, 131, 143, 0.12); color: #00838F; }\n.faq-card[data-accent=\"faq-1\"].active .q-icon, .faq-card[data-accent=\"faq-1\"].active .q-text { color: #00838F; }\n\n.faq-card[data-accent=\"faq-2\"]:hover, .faq-card[data-accent=\"faq-2\"].active { border-color: #E65100; box-shadow: 0 12px 30px rgba(230, 81, 0, 0.2); }\n.faq-card[data-accent=\"faq-2\"].active .q-number { background: rgba(230, 81, 0, 0.12); color: #E65100; }\n.faq-card[data-accent=\"faq-2\"].active .q-icon, .faq-card[data-accent=\"faq-2\"].active .q-text { color: #E65100; }\n\n.faq-card[data-accent=\"faq-3\"]:hover, .faq-card[data-accent=\"faq-3\"].active { border-color: #C2185B; box-shadow: 0 12px 30px rgba(194, 24, 91, 0.2); }\n.faq-card[data-accent=\"faq-3\"].active .q-number { background: rgba(194, 24, 91, 0.12); color: #C2185B; }\n.faq-card[data-accent=\"faq-3\"].active .q-icon, .faq-card[data-accent=\"faq-3\"].active .q-text { color: #C2185B; }\n\n.faq-card[data-accent=\"faq-4\"]:hover, .faq-card[data-accent=\"faq-4\"].active { border-color: #6A1B9A; box-shadow: 0 12px 30px rgba(106, 27, 154, 0.2); }\n.faq-card[data-accent=\"faq-4\"].active .q-number { background: rgba(106, 27, 154, 0.12); color: #6A1B9A; }\n.faq-card[data-accent=\"faq-4\"].active .q-icon, .faq-card[data-accent=\"faq-4\"].active .q-text { color: #6A1B9A; }\n\n.faq-card[data-accent=\"faq-5\"]:hover, .faq-card[data-accent=\"faq-5\"].active { border-color: #0288D1; box-shadow: 0 12px 30px rgba(2, 136, 209, 0.2); }\n.faq-card[data-accent=\"faq-5\"].active .q-number { background: rgba(2, 136, 209, 0.12); color: #0288D1; }\n.faq-card[data-accent=\"faq-5\"].active .q-icon, .faq-card[data-accent=\"faq-5\"].active .q-text { color: #0288D1; }\n\n.faq-card[data-accent=\"faq-6\"]:hover, .faq-card[data-accent=\"faq-6\"].active { border-color: #10B981; box-shadow: 0 12px 30px rgba(16, 185, 129, 0.2); }\n.faq-card[data-accent=\"faq-6\"].active .q-number { background: rgba(16, 185, 129, 0.12); color: #10B981; }\n.faq-card[data-accent=\"faq-6\"].active .q-icon, .faq-card[data-accent=\"faq-6\"].active .q-text { color: #10B981; }\n\n.faq-card[data-accent=\"faq-7\"]:hover, .faq-card[data-accent=\"faq-7\"].active { border-color: #00B8D4; box-shadow: 0 12px 30px rgba(0, 184, 212, 0.2); }\n.faq-card[data-accent=\"faq-7\"].active .q-number { background: rgba(0, 184, 212, 0.12); color: #00B8D4; }\n.faq-card[data-accent=\"faq-7\"].active .q-icon, .faq-card[data-accent=\"faq-7\"].active .q-text { color: #00B8D4; }\n\n.faq-card[data-accent=\"faq-8\"]:hover, .faq-card[data-accent=\"faq-8\"].active { border-color: #FF6D00; box-shadow: 0 12px 30px rgba(255, 109, 0, 0.2); }\n.faq-card[data-accent=\"faq-8\"].active .q-number { background: rgba(255, 109, 0, 0.12); color: #FF6D00; }\n.faq-card[data-accent=\"faq-8\"].active .q-icon, .faq-card[data-accent=\"faq-8\"].active .q-text { color: #FF6D00; }\n\n.faq-card[data-accent=\"faq-9\"]:hover, .faq-card[data-accent=\"faq-9\"].active { border-color: #D81B60; box-shadow: 0 12px 30px rgba(216, 27, 96, 0.2); }\n.faq-card[data-accent=\"faq-9\"].active .q-number { background: rgba(216, 27, 96, 0.12); color: #D81B60; }\n.faq-card[data-accent=\"faq-9\"].active .q-icon, .faq-card[data-accent=\"faq-9\"].active .q-text { color: #D81B60; }\n\n.faq-card[data-accent=\"faq-10\"]:hover, .faq-card[data-accent=\"faq-10\"].active { border-color: #8E24AA; box-shadow: 0 12px 30px rgba(142, 36, 170, 0.2); }\n.faq-card[data-accent=\"faq-10\"].active .q-number { background: rgba(142, 36, 170, 0.12); color: #8E24AA; }\n.faq-card[data-accent=\"faq-10\"].active .q-icon, .faq-card[data-accent=\"faq-10\"].active .q-text { color: #8E24AA; }\n\n.faq-card[data-accent=\"faq-11\"]:hover, .faq-card[data-accent=\"faq-11\"].active { border-color: #1565C0; box-shadow: 0 12px 30px rgba(21, 101, 192, 0.2); }\n.faq-card[data-accent=\"faq-11\"].active .q-number { background: rgba(21, 101, 192, 0.12); color: #1565C0; }\n.faq-card[data-accent=\"faq-11\"].active .q-icon, .faq-card[data-accent=\"faq-11\"].active .q-text { color: #1565C0; }\n\n.faq-card[data-accent=\"faq-12\"]:hover, .faq-card[data-accent=\"faq-12\"].active { border-color: #00897B; box-shadow: 0 12px 30px rgba(0, 137, 123, 0.2); }\n.faq-card[data-accent=\"faq-12\"].active .q-number { background: rgba(0, 137, 123, 0.12); color: #00897B; }\n.faq-card[data-accent=\"faq-12\"].active .q-icon, .faq-card[data-accent=\"faq-12\"].active .q-text { color: #00897B; }\n\n\/* ANSWER PANEL REVEAL MECHANIC *\/\n.faq-answer-panel {\n    max-height: 0;\n    opacity: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;\n    padding: 0 24px;\n}\n\n.faq-card.active .faq-answer-panel {\n    max-height: 800px;\n    opacity: 1;\n    padding: 0 24px 22px 24px;\n}\n\n.faq-answer-inner p {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.9rem;\n    color: #475569;\n    line-height: 1.68;\n    margin: 0 0 12px 0;\n}\n\n.faq-bullet-list {\n    font-family: 'Inter', sans-serif;\n    font-size: 0.88rem;\n    color: #475569;\n    margin: 0 0 14px 20px;\n    padding: 0;\n    line-height: 1.6;\n}\n\n.faq-highlight-pill {\n    background: #F8FAFC;\n    border-left: 4px solid currentColor;\n    padding: 12px 16px;\n    border-radius: 8px;\n    font-size: 0.88rem;\n    color: #334155;\n    margin: 10px 0;\n}\n\n.faq-table-wrapper {\n    overflow-x: auto;\n    margin: 12px 0;\n}\n\n.faq-mini-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.85rem;\n}\n\n.faq-mini-table th {\n    background: #F1F5F9;\n    padding: 8px 12px;\n    text-align: left;\n    font-weight: 800;\n}\n\n.faq-mini-table td {\n    padding: 8px 12px;\n    border-bottom: 1px solid #E2E8F0;\n}\n\n.faq-card.active .q-icon {\n    transform: rotate(45deg);\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', () => {\n\n    \/\/ CANVAS PARTICLES ENGINE\n    const canvas = document.getElementById('clFaqCanvas');\n    if (canvas) {\n        const ctx = canvas.getContext('2d');\n        let width = canvas.width = canvas.parentElement.offsetWidth;\n        let height = canvas.height = canvas.parentElement.offsetHeight;\n\n        window.addEventListener('resize', () => {\n            if (!canvas.parentElement) return;\n            width = canvas.width = canvas.parentElement.offsetWidth;\n            height = canvas.height = canvas.parentElement.offsetHeight;\n        });\n\n        const mathSymbols = ['\u221ax', '+', '-', '\u00d7', '\u00f7', '\u03c0', '\u2211', 'OC Prep', 'FAQ'];\n        const lightColors = ['#00838F', '#E65100', '#6A1B9A'];\n\n        const particles = Array.from({ length: 20 }, () => ({\n            x: Math.random() * width,\n            y: Math.random() * height,\n            symbol: mathSymbols[Math.floor(Math.random() * mathSymbols.length)],\n            color: lightColors[Math.floor(Math.random() * lightColors.length)],\n            fontSize: Math.random() * 14 + 12,\n            vx: (Math.random() - 0.5) * 0.3,\n            vy: (Math.random() - 0.5) * 0.3,\n            alpha: Math.random() * 0.2 + 0.08\n        }));\n\n        function renderParticles() {\n            ctx.clearRect(0, 0, width, height);\n\n            particles.forEach(p => {\n                p.x += p.vx;\n                p.y += p.vy;\n\n                if (p.x < -20 || p.x > width + 20) p.vx *= -1;\n                if (p.y < -20 || p.y > height + 20) p.vy *= -1;\n\n                ctx.save();\n                ctx.translate(p.x, p.y);\n                ctx.globalAlpha = p.alpha;\n                ctx.font = `800 ${p.fontSize}px 'Outfit', sans-serif`;\n                ctx.fillStyle = p.color;\n                ctx.fillText(p.symbol, 0, 0);\n                ctx.restore();\n            });\n\n            requestAnimationFrame(renderParticles);\n        }\n        renderParticles();\n    }\n\n    \/\/ FAQ ACCORDION TOGGLE MECHANIC\n    const faqCards = document.querySelectorAll('.faq-card');\n\n    faqCards.forEach(card => {\n        const btn = card.querySelector('.faq-question-btn');\n\n        if (btn) {\n            btn.addEventListener('click', (e) => {\n                e.preventDefault();\n                const isCurrentlyActive = card.classList.contains('active');\n\n                \/\/ Close all cards\n                faqCards.forEach(c => {\n                    c.classList.remove('active');\n                    const b = c.querySelector('.faq-question-btn');\n                    if (b) b.setAttribute('aria-expanded', 'false');\n                });\n\n                \/\/ Open selected card if it wasn't active\n                if (!isCurrentlyActive) {\n                    card.classList.add('active');\n                    btn.setAttribute('aria-expanded', 'true');\n                }\n            });\n        }\n    });\n\n});\n<\/script>\n\n<div id=\"cl-faq-standalone-master\">\n    \n    <!-- LIGHT AMBIENT BACKGROUND GLOWS & CANVAS -->\n    <div class=\"cl-faq-glows\">\n        <div class=\"faq-orb orb-teal\"><\/div>\n        <div class=\"faq-orb orb-purple\"><\/div>\n    <\/div>\n    <canvas id=\"clFaqCanvas\"><\/canvas>\n\n    <section id=\"clFaqStandaloneSection\" class=\"cl-section\">\n        <div class=\"cl-container\">\n            \n            <!-- SECTION HEADER -->\n            <div class=\"cl-header text-center\">\n                <div class=\"cl-badge badge-purple\">\n                    <span class=\"badge-dot dot-purple\"><\/span>\n                    <span class=\"badge-sweep\"><\/span>\n                    <span class=\"badge-text\">QUESTIONS &amp; ANSWERS<\/span>\n                <\/div>\n                <h2 class=\"cl-h2 shimmer-title-wave\">Opportunity Class NSW FAQs: OC Test, Eligibility &amp; Preparation<\/h2>\n                <p class=\"cl-subtitle\">\n                    Clear, accurate answers regarding Opportunity Classes, eligibility, and preparation pathways.\n                <\/p>\n            <\/div>\n\n            <!-- FAQ ACCORDION LIST (12 ITEMS WITH DISTINCT LIGHT NEON ACCENTS) -->\n            <div class=\"cl-faq-list\">\n                \n                <!-- Q1: NEON TEAL -->\n                <div class=\"faq-card\" data-accent=\"faq-1\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">01<\/span>\n                        <span class=\"q-text\">What are Opportunity Classes in NSW?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Opportunity Classes (OC) are specialised classes in selected NSW public schools for high potential and gifted students. They provide a learning environment with greater academic challenge and opportunities for students to develop their abilities alongside other high-potential learners.<\/p>\n                            <p>Opportunity Classes are offered for students entering Year 5 and continuing through Year 6. Placement is competitive and students are selected through the NSW Opportunity Class Placement process.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q2: SUNSET AMBER -->\n                <div class=\"faq-card\" data-accent=\"faq-2\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">02<\/span>\n                        <span class=\"q-text\">What is the NSW OC Placement Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The NSW Opportunity Class Placement Test is the assessment used to select students for Year 5 entry into Opportunity Classes.<\/p>\n                            <p>The test is designed to assess students&#8217; reading, mathematical reasoning and thinking skills rather than simply testing how much syllabus content they can memorise. Students are expected to apply their understanding, reasoning and problem-solving abilities to unfamiliar questions.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q3: VIVID PINK -->\n                <div class=\"faq-card\" data-accent=\"faq-3\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">03<\/span>\n                        <span class=\"q-text\">What year does my child sit the OC Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Students normally sit the Opportunity Class Placement Test while they are in <strong>Year 4<\/strong>.<\/p>\n                            <p>The application process begins near the end of Year 3, with applications generally opening in November and closing in February. The test is normally held in May of Year 4, with successful students commencing their Opportunity Class placement in Year 5.<\/p>\n                            <div class=\"faq-highlight-pill\">\n                                <strong>Simple pathway:<\/strong> Year 3 \u2192 Apply \u2192 Year 4 \u2192 Sit OC Test \u2192 Year 5 \u2192 Begin OC\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q4: ELECTRIC PURPLE -->\n                <div class=\"faq-card\" data-accent=\"faq-4\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">04<\/span>\n                        <span class=\"q-text\">When can parents apply for an Opportunity Class?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>For Year 5 Opportunity Class entry, applications generally open in November when the student is in Year 3 and close in February when the student is in Year 4.<\/p>\n                            <p>For example, for Year 5 entry in 2027, applications were open from 6 November 2025 to 20 February 2026. The OC Placement Test was scheduled for 8\u20139 May 2026, with each student attending one test day.<\/p>\n                            <p>Dates can change each year, so parents should always check the latest NSW Department of Education dates before applying.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q5: SKY BLUE -->\n                <div class=\"faq-card\" data-accent=\"faq-5\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">05<\/span>\n                        <span class=\"q-text\">Can a Year 2 student apply for the OC Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>No. A Year 2 student is not normally eligible to apply for the Year 5 Opportunity Class Placement Test.<\/p>\n                            <p>However, Year 2 can be an excellent time to begin building the underlying skills that support future OC preparation.<\/p>\n                            <p>At Curious Learner Academy, Year 2 learning can focus on:<\/p>\n                            <ul class=\"faq-bullet-list\">\n                                <li>Reading comprehension<\/li>\n                                <li>Vocabulary<\/li>\n                                <li>Number sense<\/li>\n                                <li>Mental mathematics<\/li>\n                                <li>Logical thinking<\/li>\n                                <li>Pattern recognition<\/li>\n                                <li>Problem-solving<\/li>\n                                <li>Curiosity and confidence<\/li>\n                                <li>Strong learning habits<\/li>\n                            <\/ul>\n                            <p>The goal is not to make a Year 2 child prepare for a Year 4 test, but to develop strong foundations gradually and without unnecessary exam pressure.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q6: EMERALD GREEN -->\n                <div class=\"faq-card\" data-accent=\"faq-6\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">06<\/span>\n                        <span class=\"q-text\">Can a Year 3 student prepare for the OC Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Yes. Year 3 is an ideal time to begin structured preparation for the Opportunity Class pathway.<\/p>\n                            <p>Students normally apply during the period when they are moving from Year 3 into Year 4, so starting early gives them time to strengthen their core skills before intensive test preparation begins.<\/p>\n                            <p>A Year 3 preparation program can focus on:<\/p>\n                            <ul class=\"faq-bullet-list\">\n                                <li>Reading comprehension<\/li>\n                                <li>Mathematical reasoning<\/li>\n                                <li>Thinking skills<\/li>\n                                <li>Vocabulary<\/li>\n                                <li>Problem-solving<\/li>\n                                <li>Logical reasoning<\/li>\n                                <li>Analytical thinking<\/li>\n                                <li>Accuracy<\/li>\n                                <li>Question interpretation<\/li>\n                                <li>Gradual introduction to OC-style questions<\/li>\n                            <\/ul>\n                            <p>At Curious Learner Academy, the emphasis is on mastering concepts first and progressively developing OC-specific strategies, rather than relying on memorisation or shortcuts.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q7: NEON CYAN -->\n                <div class=\"faq-card\" data-accent=\"faq-7\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">07<\/span>\n                        <span class=\"q-text\">What subjects are in the OC Placement Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The NSW Opportunity Class Placement Test currently has three test sections:<\/p>\n                            <ul class=\"faq-bullet-list\">\n                                <li>Reading<\/li>\n                                <li>Mathematical Reasoning<\/li>\n                                <li>Thinking Skills<\/li>\n                            <\/ul>\n                            <p>The Reading section uses different types of texts, including fiction, non-fiction, poetry, reports and magazine-style texts. Mathematical Reasoning focuses on applying mathematical understanding to solve problems, while Thinking Skills assesses reasoning and problem-solving ability.<\/p>\n                            <p>It is therefore more accurate to describe the OC Test as an ability and reasoning assessment, rather than simply an English and Mathematics examination.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q8: CORAL ORANGE -->\n                <div class=\"faq-card\" data-accent=\"faq-8\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">08<\/span>\n                        <span class=\"q-text\">How many sections are in the OC Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The OC Placement Test has three multiple-choice sections:<\/p>\n                            <div class=\"faq-table-wrapper\">\n                                <table class=\"faq-mini-table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Test Section<\/th>\n                                            <th>Current Format<\/th>\n                                            <th>Time<\/th>\n                                        <\/tr>\n                                    <\/thead>\n                                    <tbody>\n                                        <tr>\n                                            <td><strong>Reading<\/strong><\/td>\n                                            <td>14 questions (inc. 3 multi-part)<\/td>\n                                            <td>40 minutes<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><strong>Mathematical Reasoning<\/strong><\/td>\n                                            <td>35 questions<\/td>\n                                            <td>40 minutes<\/td>\n                                        <\/tr>\n                                        <tr>\n                                            <td><strong>Thinking Skills<\/strong><\/td>\n                                            <td>30 questions<\/td>\n                                            <td>30 minutes<\/td>\n                                        <\/tr>\n                                    <\/tbody>\n                                <\/table>\n                            <\/div>\n                            <p>All questions are multiple-choice. The current NSW Department of Education information states that the test is computer-based.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q9: HOT MAGENTA -->\n                <div class=\"faq-card\" data-accent=\"faq-9\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">09<\/span>\n                        <span class=\"q-text\">How long is the OC Placement Test?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The three test sections take a total of approximately <strong>110 minutes<\/strong>:<\/p>\n                            <ul class=\"faq-bullet-list\">\n                                <li>Reading: 40 minutes<\/li>\n                                <li>Mathematical Reasoning: 40 minutes<\/li>\n                                <li>Thinking Skills: 30 minutes<\/li>\n                            <\/ul>\n                            <p>Each section has its own time limit. Students therefore need to develop not only strong reasoning skills but also the ability to work accurately and efficiently within a set time.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q10: DEEP VIOLET -->\n                <div class=\"faq-card\" data-accent=\"faq-10\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">10<\/span>\n                        <span class=\"q-text\">When is the OC Test held?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>The Opportunity Class Placement Test is normally held in May while students are in Year 4.<\/p>\n                            <p>For the 2027 Year 5 intake, the test was scheduled for Friday 8 and Saturday 9 May 2026, with students allocated to attend one test day only. A make-up test was scheduled for 22 May 2026 for eligible students who could not sit the main test because of approved circumstances.<\/p>\n                            <p>The NSW Department of Education updates the dates each year, so parents should check the official schedule for the relevant intake year.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q11: COBALT BLUE -->\n                <div class=\"faq-card\" data-accent=\"faq-11\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">11<\/span>\n                        <span class=\"q-text\">Can Year 5 students apply for an OC place?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p>Normally, no.<\/p>\n                            <p>Opportunity Classes are designed for Year 5 entry, with the application process beginning when students are in Year 3 and the placement test taken in Year 4. There is no normal application pathway for Year 6 entry to an Opportunity Class.<\/p>\n                            <p>There are limited circumstances where a student who is already in Year 5 may be considered, such as unusual circumstances involving their school year or age. These cases are subject to NSW Department of Education requirements and should not be treated as the standard pathway.<\/p>\n                            <p>For Curious Learner Academy, a Year 5 student can instead consider our <strong>OC Extension &amp; Advanced Learning Program<\/strong>, designed to continue developing advanced reasoning, mathematical thinking, reading and problem-solving skills.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Q12: BRIGHT TEAL -->\n                <div class=\"faq-card\" data-accent=\"faq-12\">\n                    <button class=\"faq-question-btn\" type=\"button\" aria-expanded=\"false\">\n                        <span class=\"q-number\">12<\/span>\n                        <span class=\"q-text\">Does Curious Learner Academy guarantee OC admission?<\/span>\n                        <span class=\"q-icon\">+<\/span>\n                    <\/button>\n                    <div class=\"faq-answer-panel\">\n                        <div class=\"faq-answer-inner\">\n                            <p><strong>No. Curious Learner Academy does not guarantee admission to an Opportunity Class.<\/strong><\/p>\n                            <p>Our programs are designed to develop the knowledge, reasoning skills, problem-solving ability, reading skills, mathematical thinking and confidence students need to approach the OC Placement Test prepared.<\/p>\n                            <p>We focus on concept mastery, reasoning strategies, question analysis, efficient problem-solving, time management, practice and personalised feedback.<\/p>\n                            <p>Ultimately, Opportunity Class placement is determined through the official NSW Department of Education placement process, and individual outcomes cannot be guaranteed.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2b50 NSW Opportunity Class Preparation Build Strong Foundations. Master the OC Placement Test. Unlock Your Child\u2019s Full Potential. Whether your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"curiouslearneroffice@gmail.com","author_link":"https:\/\/curiouslearneracademy.com\/australia\/author\/curiouslearnerofficegmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"\u2b50 NSW Opportunity Class Preparation Build Strong Foundations. Master the OC Placement Test. Unlock Your Child\u2019s Full Potential. Whether your [&hellip;]","_links":{"self":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/comments?post=53"}],"version-history":[{"count":77,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":1918,"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/pages\/53\/revisions\/1918"}],"wp:attachment":[{"href":"https:\/\/curiouslearneracademy.com\/australia\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}