{"id":232,"date":"2026-10-04T14:21:08","date_gmt":"2026-10-04T14:21:08","guid":{"rendered":"https:\/\/cdtmaker.club\/?page_id=232"},"modified":"2026-10-31T19:10:20","modified_gmt":"2026-10-31T19:10:20","slug":"get-involved","status":"publish","type":"page","link":"https:\/\/cdtmaker.club\/?page_id=232","title":{"rendered":"Get Involved"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"232\" class=\"elementor elementor-232\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c74e03a e-con-full e-flex e-con e-parent\" data-id=\"c74e03a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95b8db5 elementor-widget elementor-widget-html\" data-id=\"95b8db5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* CDT MAKER CLUB \u2014 ONE CONTINUOUS PAGE BACKGROUND *\/\r\n\r\n#cdt-global-background {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 0;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    background: #06191D;\r\n}\r\n\r\n#cdt-global-background::before,\r\n#cdt-global-background::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 650px;\r\n    height: 650px;\r\n    border-radius: 50%;\r\n    filter: blur(100px);\r\n    opacity: .20;\r\n    animation: cdtGlowMove 18s ease-in-out infinite alternate;\r\n}\r\n\r\n#cdt-global-background::before {\r\n    background: #00B8AA;\r\n    top: -260px;\r\n    left: -220px;\r\n}\r\n\r\n#cdt-global-background::after {\r\n    background: #F3D09A;\r\n    right: -300px;\r\n    bottom: -300px;\r\n    animation-delay: -9s;\r\n}\r\n\r\n#cdt-global-background .cdt-bg-orb {\r\n    position: absolute;\r\n    width: 380px;\r\n    height: 380px;\r\n    border-radius: 50%;\r\n    background: rgba(0,184,170,.13);\r\n    filter: blur(90px);\r\n    top: 45%;\r\n    left: 48%;\r\n    animation: cdtOrbFloat 22s ease-in-out infinite alternate;\r\n}\r\n\r\n#cdt-global-background .cdt-bg-lines {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: .10;\r\n    background-image:\r\n      linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);\r\n    background-size: 65px 65px;\r\n    mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\r\n}\r\n\r\n@keyframes cdtGlowMove {\r\n    from { transform: translate(0,0) scale(1); }\r\n    to { transform: translate(180px,120px) scale(1.25); }\r\n}\r\n\r\n@keyframes cdtOrbFloat {\r\n    from { transform: translate(-100px,-50px); }\r\n    to { transform: translate(120px,80px); }\r\n}\r\n\r\n\/* Keep page content above the shared background *\/\r\n.cdt-page-section {\r\n    position: relative;\r\n    z-index: 1;\r\n    background: transparent !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    #cdt-global-background::before,\r\n    #cdt-global-background::after,\r\n    #cdt-global-background .cdt-bg-orb {\r\n        animation: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div id=\"cdt-global-background\" aria-hidden=\"true\">\r\n    <div class=\"cdt-bg-orb\"><\/div>\r\n    <div class=\"cdt-bg-lines\"><\/div>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c08be1 e-flex e-con-boxed e-con e-parent\" data-id=\"0c08be1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef8f69 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9ef8f69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* CDT MAKER CLUB \u2014 GET INVOLVED HERO *\/\r\n\r\n.cdt-gi-hero,\r\n.cdt-gi-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-gi-hero {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 100px 6% 95px;\r\n    color: #FFFFFF;\r\n    background: transparent !important;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.cdt-gi-hero .cdt-hero-inner {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.05fr .95fr;\r\n    align-items: center;\r\n    gap: 65px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 15px;\r\n    border: 1px solid rgba(0,184,170,.45);\r\n    border-radius: 50px;\r\n    background: rgba(0,184,170,.09);\r\n    color: #00C4C0;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 25px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-status-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #00B8AA;\r\n    box-shadow: 0 0 12px #00B8AA;\r\n    animation: cdtDotPulse 2s infinite;\r\n}\r\n\r\n.cdt-gi-hero h1 {\r\n    color: #FFFFFF !important;\r\n    font-size: clamp(44px, 5.5vw, 76px);\r\n    line-height: 1.06;\r\n    letter-spacing: -2.5px;\r\n    font-weight: 800;\r\n    margin: 0 0 25px;\r\n}\r\n\r\n.cdt-gi-hero h1 span {\r\n    color: #00B8AA;\r\n    display: block;\r\n}\r\n\r\n.cdt-gi-hero .cdt-hero-description {\r\n    max-width: 530px;\r\n    color: #C1CED0;\r\n    font-size: 17px;\r\n    line-height: 1.85;\r\n    margin: 0 0 32px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 52px;\r\n    padding: 0 24px;\r\n    border-radius: 7px;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cdt-gi-hero .cdt-button-primary {\r\n    color: #06191D !important;\r\n    background: #00B8AA;\r\n    border: 1px solid #00B8AA;\r\n    box-shadow: 0 8px 30px rgba(0,184,170,.17);\r\n}\r\n\r\n.cdt-gi-hero .cdt-button-primary:hover {\r\n    background: #00C4C0;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 35px rgba(0,184,170,.32);\r\n}\r\n\r\n.cdt-gi-hero .cdt-button-outline {\r\n    color: #FFFFFF !important;\r\n    border: 1px solid rgba(255,255,255,.35);\r\n    background: rgba(255,255,255,.035);\r\n}\r\n\r\n.cdt-gi-hero .cdt-button-outline:hover {\r\n    border-color: #00B8AA;\r\n    color: #00C4C0 !important;\r\n    transform: translateY(-4px);\r\n}\r\n\r\n.cdt-gi-hero .cdt-hero-note {\r\n    margin-top: 30px;\r\n    color: #A7B1B6;\r\n    font-size: 13px;\r\n    letter-spacing: .3px;\r\n}\r\n\r\n\/* Image placeholder \u2014 replace with your own image later *\/\r\n.cdt-gi-hero .cdt-visual {\r\n    position: relative;\r\n    min-height: 440px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-frame {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 400px;\r\n    border: 1px solid rgba(0,184,170,.35);\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 50% 40%, rgba(0,184,170,.19), transparent 55%),\r\n        linear-gradient(145deg, rgba(34,46,51,.9), rgba(6,25,29,.95));\r\n    box-shadow: 0 25px 70px rgba(0,0,0,.25);\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-frame::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 15px;\r\n    border: 1px solid rgba(255,255,255,.09);\r\n    border-radius: 13px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-content {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 35px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-icon {\r\n    width: 105px;\r\n    height: 105px;\r\n    border: 1px solid rgba(0,184,170,.55);\r\n    border-radius: 28px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #00C4C0;\r\n    font-size: 48px;\r\n    background: rgba(0,184,170,.08);\r\n    box-shadow: 0 0 55px rgba(0,184,170,.15);\r\n    transform: rotate(-5deg);\r\n    animation: cdtIconFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-content h3 {\r\n    color: #FFFFFF !important;\r\n    font-size: 23px;\r\n    margin: 28px 0 10px;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-content p {\r\n    color: #A7B1B6;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    max-width: 280px;\r\n    margin: 0;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-tag {\r\n    position: absolute;\r\n    bottom: 25px;\r\n    left: 25px;\r\n    padding: 10px 14px;\r\n    border: 1px solid rgba(243,208,154,.4);\r\n    border-radius: 6px;\r\n    background: rgba(6,25,29,.8);\r\n    color: #F3D09A;\r\n    font-size: 11px;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.cdt-gi-hero .cdt-visual-number {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 25px;\r\n    color: rgba(255,255,255,.35);\r\n    font-size: 12px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n@keyframes cdtDotPulse {\r\n    0%, 100% { box-shadow: 0 0 5px #00B8AA; }\r\n    50% { box-shadow: 0 0 18px #00B8AA; }\r\n}\r\n\r\n@keyframes cdtIconFloat {\r\n    0%, 100% { transform: translateY(0) rotate(-5deg); }\r\n    50% { transform: translateY(-12px) rotate(2deg); }\r\n}\r\n\r\n@media (max-width: 850px) {\r\n    .cdt-gi-hero {\r\n        padding: 75px 6%;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-hero-inner {\r\n        grid-template-columns: 1fr;\r\n        gap: 45px;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-visual {\r\n        min-height: 350px;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-visual-frame {\r\n        min-height: 350px;\r\n    }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .cdt-gi-hero {\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .cdt-gi-hero h1 {\r\n        font-size: 43px;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-hero-description {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-hero-buttons {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-button {\r\n        width: 100%;\r\n    }\r\n\r\n    .cdt-gi-hero .cdt-visual-frame {\r\n        min-height: 320px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-gi-hero *,\r\n    .cdt-gi-hero *::before,\r\n    .cdt-gi-hero *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-gi-hero cdt-page-section\" id=\"cdt-hero\">\r\n    <div class=\"cdt-hero-inner\">\r\n\r\n        <div class=\"cdt-hero-text\">\r\n\r\n            <div class=\"cdt-eyebrow\">\r\n                <span class=\"cdt-status-dot\"><\/span>\r\n                CREATE \u00b7 EXPLORE \u00b7 INNOVATE\r\n            <\/div>\r\n\r\n            <h1>\r\n                Be Part of\r\n                <span>Something Creative.<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"cdt-hero-description\">\r\n                Ideas become reality when people come together.\r\n                Discover CDT Maker Club, explore new technologies,\r\n                learn practical skills and turn your ideas into\r\n                something you can create.\r\n            <\/p>\r\n\r\n            <div class=\"cdt-hero-buttons\">\r\n                <a class=\"cdt-button cdt-button-primary\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=140\">\r\n                    Explore Sessions <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n                <a class=\"cdt-button cdt-button-outline\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=136\">\r\n                    Discover Projects\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"cdt-hero-note\">\r\n                A space to learn, experiment, collaborate and make.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cdt-visual\">\r\n            <div class=\"cdt-visual-frame\">\r\n\r\n                <div class=\"cdt-visual-number\">CDT \/ 001<\/div>\r\n\r\n                <div class=\"cdt-visual-content\">\r\n                    <div class=\"cdt-visual-icon\">\u2733<\/div>\r\n\r\n                    <h3>Your Ideas. Your Creativity.<\/h3>\r\n\r\n                    <p>\r\n                        Explore technology, discover new skills\r\n                        and bring creative ideas to life.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cdt-visual-tag\">\r\n                    Made to Create\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d515015 e-flex e-con-boxed e-con e-parent\" data-id=\"d515015\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2299b2f elementor-widget elementor-widget-html\" data-id=\"2299b2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.cdt-activities,.cdt-activities *{box-sizing:border-box}\r\n.cdt-activities{background:#06191D;color:#fff;padding:70px 6%;font-family:Arial,sans-serif}\r\n.cdt-activities-inner{max-width:1160px;margin:auto}\r\n.cdt-activities .eyebrow{color:#00B8AA;font-size:13px;letter-spacing:2px;font-weight:bold}\r\n.cdt-activities h2{font-size:clamp(30px,4vw,44px);color:#fff;margin:14px 0}\r\n.cdt-activities .intro{color:#C3D0D1;line-height:1.8;margin-bottom:35px;max-width:700px}\r\n.cdt-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}\r\n.cdt-activity-card{background:#0A2529;border:1px solid #294044;border-radius:12px;padding:26px 22px;transition:.3s}\r\n.cdt-activity-card:hover{transform:translateY(-6px);border-color:#00B8AA}\r\n.cdt-activity-icon{font-size:30px;margin-bottom:20px}\r\n.cdt-activity-card h3{color:#fff;font-size:20px}\r\n.cdt-activity-card p{color:#C3D0D1;font-size:14px;line-height:1.7}\r\n@media(max-width:900px){.cdt-activity-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:520px){.cdt-activity-grid{grid-template-columns:1fr}.cdt-activities{padding:50px 22px}}\r\n<\/style>\r\n\r\n<section class=\"cdt-activities\" id=\"cdt-activities\">\r\n <div class=\"cdt-activities-inner\">\r\n  <div class=\"eyebrow\">EXPLORE YOUR CREATIVITY<\/div>\r\n  <h2>Explore Our Activities<\/h2>\r\n  <p class=\"intro\">Discover different ways to experiment, develop practical skills and bring your ideas to life.<\/p>\r\n  <div class=\"cdt-activity-grid\">\r\n   <article class=\"cdt-activity-card\">\r\n    <div class=\"cdt-activity-icon\">\u2318<\/div>\r\n    <h3>Digital Making<\/h3>\r\n    <p>Explore digital tools and technologies to design, experiment and create.<\/p>\r\n   <\/article>\r\n   <article class=\"cdt-activity-card\">\r\n    <div class=\"cdt-activity-icon\">\u2699<\/div>\r\n    <h3>Fabrication<\/h3>\r\n    <p>Discover how ideas become physical objects through making and prototyping.<\/p>\r\n   <\/article>\r\n   <article class=\"cdt-activity-card\">\r\n    <div class=\"cdt-activity-icon\">\u03df<\/div>\r\n    <h3>Electronics<\/h3>\r\n    <p>Experiment with electronic components and explore how things work.<\/p>\r\n   <\/article>\r\n   <article class=\"cdt-activity-card\">\r\n    <div class=\"cdt-activity-icon\">\u2733<\/div>\r\n    <h3>Creative Design<\/h3>\r\n    <p>Develop concepts, test ideas and explore creative approaches to design.<\/p>\r\n   <\/article>\r\n  <\/div>\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29899ed e-flex e-con-boxed e-con e-parent\" data-id=\"29899ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59c8c2a elementor-widget elementor-widget-html\" data-id=\"59c8c2a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* CDT MAKER CLUB \u2014 SECTION 2 *\/\r\n\r\n.cdt-ways,\r\n.cdt-ways * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-ways {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    padding: 85px 6% 95px;\r\n    background: transparent !important;\r\n    color: #FFFFFF;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.cdt-ways .inner {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n}\r\n\r\n.cdt-ways .heading {\r\n    max-width: 720px;\r\n    margin: 0 auto 55px;\r\n    text-align: center;\r\n}\r\n\r\n.cdt-ways .eyebrow {\r\n    display: inline-block;\r\n    color: #00C4C0;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    margin-bottom: 17px;\r\n}\r\n\r\n.cdt-ways h2 {\r\n    color: #FFFFFF !important;\r\n    font-size: clamp(34px, 4vw, 52px);\r\n    line-height: 1.15;\r\n    letter-spacing: -1.5px;\r\n    margin: 0 0 18px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cdt-ways h2 span {\r\n    color: #00B8AA;\r\n}\r\n\r\n.cdt-ways .heading p {\r\n    color: #A7B1B6;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n.cdt-ways .grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 24px;\r\n}\r\n\r\n.cdt-ways .card {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 335px;\r\n    padding: 32px 28px;\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    border-radius: 15px;\r\n    background: rgba(34,46,51,.48);\r\n    overflow: hidden;\r\n    transition: transform .4s ease,\r\n                border-color .4s ease,\r\n                box-shadow .4s ease,\r\n                background .4s ease;\r\n}\r\n\r\n.cdt-ways .card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 190px;\r\n    height: 190px;\r\n    top: -110px;\r\n    right: -100px;\r\n    border-radius: 50%;\r\n    background: rgba(0,184,170,.15);\r\n    filter: blur(55px);\r\n    transition: .4s ease;\r\n}\r\n\r\n.cdt-ways .card:hover {\r\n    transform: translateY(-10px);\r\n    border-color: rgba(0,184,170,.65);\r\n    background: rgba(34,46,51,.75);\r\n    box-shadow: 0 22px 50px rgba(0,0,0,.22),\r\n                0 0 25px rgba(0,184,170,.09);\r\n}\r\n\r\n.cdt-ways .card:hover::before {\r\n    transform: scale(1.5);\r\n}\r\n\r\n.cdt-ways .icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 62px;\r\n    height: 62px;\r\n    margin-bottom: 28px;\r\n    border-radius: 13px;\r\n    border: 1px solid rgba(0,184,170,.4);\r\n    background: rgba(0,184,170,.09);\r\n    color: #00C4C0;\r\n    font-size: 27px;\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.cdt-ways .card:hover .icon {\r\n    transform: translateY(-5px) rotate(-5deg);\r\n}\r\n\r\n.cdt-ways .card h3 {\r\n    position: relative;\r\n    z-index: 1;\r\n    color: #FFFFFF !important;\r\n    font-size: 21px;\r\n    line-height: 1.35;\r\n    font-weight: 700;\r\n    margin: 0 0 14px;\r\n}\r\n\r\n.cdt-ways .card p {\r\n    position: relative;\r\n    z-index: 1;\r\n    color: #A7B1B6;\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n    margin: 0 0 25px;\r\n}\r\n\r\n.cdt-ways .card-link {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    width: fit-content;\r\n    margin-top: auto;\r\n    color: #00C4C0 !important;\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    transition: gap .3s ease, color .3s ease;\r\n}\r\n\r\n.cdt-ways .card-link:hover {\r\n    gap: 17px;\r\n    color: #F3D09A !important;\r\n}\r\n\r\n.cdt-ways .card-link span {\r\n    font-size: 19px;\r\n}\r\n\r\n.cdt-ways .number {\r\n    position: absolute;\r\n    top: 28px;\r\n    right: 25px;\r\n    color: rgba(255,255,255,.3);\r\n    font-size: 11px;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.cdt-ways .footer-note {\r\n    text-align: center;\r\n    margin-top: 38px;\r\n    color: #A7B1B6;\r\n    font-size: 13px;\r\n}\r\n\r\n.cdt-ways .footer-note span {\r\n    color: #F3D09A;\r\n}\r\n\r\n@media (max-width: 900px) {\r\n    .cdt-ways .grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\r\n    .cdt-ways .card:last-child {\r\n        grid-column: 1 \/ -1;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .cdt-ways {\r\n        padding: 65px 20px 75px;\r\n    }\r\n\r\n    .cdt-ways .heading {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .cdt-ways .grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 17px;\r\n    }\r\n\r\n    .cdt-ways .card:last-child {\r\n        grid-column: auto;\r\n    }\r\n\r\n    .cdt-ways .card {\r\n        min-height: 285px;\r\n        padding: 27px 24px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-ways *,\r\n    .cdt-ways *::before,\r\n    .cdt-ways *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-ways cdt-page-section\" id=\"cdt-ways\">\r\n    <div class=\"inner\">\r\n\r\n        <div class=\"heading\">\r\n            <span class=\"eyebrow\">YOUR NEXT STEP STARTS HERE<\/span>\r\n\r\n            <h2>\r\n                Find Your Way to <span>Get Involved.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Whether you want to learn something new, bring an idea\r\n                to life or connect with creative people, there is a\r\n                place for you at CDT Maker Club.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"grid\">\r\n\r\n            <article class=\"card\">\r\n                <span class=\"number\">01 \/ 03<\/span>\r\n                <div class=\"icon\">\u2733<\/div>\r\n\r\n                <h3>Join a Workshop<\/h3>\r\n\r\n                <p>\r\n                    Get hands-on with technology, explore new tools\r\n                    and develop practical skills through our\r\n                    sessions and workshops.\r\n                <\/p>\r\n\r\n                <a class=\"card-link\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=140\">\r\n                    Explore Sessions <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <article class=\"card\">\r\n                <span class=\"number\">02 \/ 03<\/span>\r\n                <div class=\"icon\">\u25c8<\/div>\r\n\r\n                <h3>Explore Projects<\/h3>\r\n\r\n                <p>\r\n                    Discover creative ideas, experiments and\r\n                    projects made through digital technologies\r\n                    and hands-on making.\r\n                <\/p>\r\n\r\n                <a class=\"card-link\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=136\">\r\n                    View Projects <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/article>\r\n\r\n            <article class=\"card\">\r\n                <span class=\"number\">03 \/ 03<\/span>\r\n                <div class=\"icon\">\u25ce<\/div>\r\n\r\n                <h3>Discover Our Community<\/h3>\r\n\r\n                <p>\r\n                    Find out more about CDT Maker Club, our\r\n                    community and the creative environment\r\n                    where people come together to make.\r\n                <\/p>\r\n\r\n                <a class=\"card-link\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=219\">\r\n                    About Maker Club <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"footer-note\">\r\n            Explore. Experiment. Create.\r\n            <span>Make something meaningful.<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c04dbf7 e-flex e-con-boxed e-con e-parent\" data-id=\"c04dbf7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fdfb624 elementor-widget elementor-widget-html\" data-id=\"fdfb624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* CDT MAKER CLUB \u2014 SECTION 3: UPCOMING SESSIONS *\/\r\n\r\n.cdt-upcoming,\r\n.cdt-upcoming * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-upcoming {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    padding: 85px 6% 95px;\r\n    background: transparent !important;\r\n    color: #FFFFFF;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.cdt-upcoming .inner {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n}\r\n\r\n.cdt-upcoming .section-heading {\r\n    max-width: 720px;\r\n    margin: 0 auto 45px;\r\n    text-align: center;\r\n}\r\n\r\n.cdt-upcoming .eyebrow {\r\n    display: inline-block;\r\n    color: #00C4C0;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.cdt-upcoming h2 {\r\n    color: #FFFFFF !important;\r\n    font-size: clamp(34px, 4vw, 50px);\r\n    line-height: 1.15;\r\n    letter-spacing: -1.5px;\r\n    font-weight: 800;\r\n    margin: 0 0 16px;\r\n}\r\n\r\n.cdt-upcoming h2 span {\r\n    color: #00B8AA;\r\n}\r\n\r\n.cdt-upcoming .heading-description {\r\n    color: #A7B1B6;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    margin: 0;\r\n}\r\n\r\n\/* Featured session card *\/\r\n\r\n.cdt-upcoming .featured-card {\r\n    display: grid;\r\n    grid-template-columns: 1.05fr .95fr;\r\n    min-height: 420px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0,184,170,.3);\r\n    border-radius: 18px;\r\n    background: rgba(34,46,51,.48);\r\n    box-shadow: 0 20px 60px rgba(0,0,0,.18);\r\n    transition: border-color .4s ease, box-shadow .4s ease;\r\n}\r\n\r\n.cdt-upcoming .featured-card:hover {\r\n    border-color: rgba(0,184,170,.7);\r\n    box-shadow: 0 25px 65px rgba(0,0,0,.25),\r\n                0 0 30px rgba(0,184,170,.09);\r\n}\r\n\r\n\/* Image placeholder *\/\r\n\r\n.cdt-upcoming .image-area {\r\n    position: relative;\r\n    min-height: 420px;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 50% 45%, rgba(0,184,170,.24), transparent 55%),\r\n        linear-gradient(140deg, #222E33, #06191D);\r\n}\r\n\r\n.cdt-upcoming .image-area::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 18px;\r\n    border: 1px solid rgba(255,255,255,.13);\r\n    border-radius: 10px;\r\n    pointer-events: none;\r\n}\r\n\r\n.cdt-upcoming .image-placeholder {\r\n    position: absolute;\r\n    inset: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    padding: 30px;\r\n}\r\n\r\n.cdt-upcoming .image-symbol {\r\n    width: 95px;\r\n    height: 95px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border: 1px solid rgba(0,184,170,.55);\r\n    border-radius: 24px;\r\n    background: rgba(0,184,170,.10);\r\n    color: #00C4C0;\r\n    font-size: 42px;\r\n    box-shadow: 0 0 45px rgba(0,184,170,.13);\r\n    animation: cdtSessionFloat 5s ease-in-out infinite;\r\n}\r\n\r\n.cdt-upcoming .image-placeholder strong {\r\n    color: #FFFFFF;\r\n    font-size: 20px;\r\n    margin-top: 24px;\r\n}\r\n\r\n.cdt-upcoming .image-placeholder small {\r\n    color: #A7B1B6;\r\n    font-size: 13px;\r\n    margin-top: 9px;\r\n}\r\n\r\n.cdt-upcoming .image-label {\r\n    position: absolute;\r\n    bottom: 28px;\r\n    left: 28px;\r\n    color: #F3D09A;\r\n    font-size: 11px;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Session information *\/\r\n\r\n.cdt-upcoming .session-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 45px;\r\n}\r\n\r\n.cdt-upcoming .session-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    width: fit-content;\r\n    padding: 8px 13px;\r\n    border: 1px solid rgba(0,184,170,.4);\r\n    border-radius: 50px;\r\n    color: #00C4C0;\r\n    background: rgba(0,184,170,.08);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    margin-bottom: 22px;\r\n}\r\n\r\n.cdt-upcoming .session-content h3 {\r\n    color: #FFFFFF !important;\r\n    font-size: clamp(25px, 3vw, 34px);\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n    margin: 0 0 18px;\r\n}\r\n\r\n.cdt-upcoming .session-content > p {\r\n    color: #A7B1B6;\r\n    font-size: 14px;\r\n    line-height: 1.85;\r\n    margin: 0 0 25px;\r\n}\r\n\r\n\/* Session details *\/\r\n\r\n.cdt-upcoming .session-details {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.cdt-upcoming .detail-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 10px 12px;\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    border-radius: 7px;\r\n    background: rgba(255,255,255,.035);\r\n    color: #D4DDDF;\r\n    font-size: 12px;\r\n}\r\n\r\n.cdt-upcoming .detail-item span {\r\n    color: #00C4C0;\r\n    font-size: 15px;\r\n}\r\n\r\n\/* Button *\/\r\n\r\n.cdt-upcoming .session-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    width: fit-content;\r\n    min-height: 50px;\r\n    padding: 0 23px;\r\n    border-radius: 7px;\r\n    background: #00B8AA;\r\n    border: 1px solid #00B8AA;\r\n    color: #06191D !important;\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cdt-upcoming .session-button:hover {\r\n    background: #00C4C0;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 28px rgba(0,184,170,.22);\r\n}\r\n\r\n\/* Bottom note *\/\r\n\r\n.cdt-upcoming .bottom-note {\r\n    margin-top: 25px;\r\n    padding: 20px 24px;\r\n    border-left: 3px solid #F3D09A;\r\n    border-radius: 0 8px 8px 0;\r\n    background: rgba(243,208,154,.055);\r\n}\r\n\r\n.cdt-upcoming .bottom-note p {\r\n    color: #C1CED0;\r\n    font-size: 13px;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n.cdt-upcoming .bottom-note strong {\r\n    color: #F3D09A;\r\n}\r\n\r\n\/* Animation *\/\r\n\r\n@keyframes cdtSessionFloat {\r\n    0%, 100% { transform: translateY(0) rotate(-4deg); }\r\n    50% { transform: translateY(-10px) rotate(3deg); }\r\n}\r\n\r\n\/* Responsive *\/\r\n\r\n@media (max-width: 850px) {\r\n    .cdt-upcoming {\r\n        padding: 70px 6%;\r\n    }\r\n\r\n    .cdt-upcoming .featured-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cdt-upcoming .image-area {\r\n        min-height: 320px;\r\n    }\r\n\r\n    .cdt-upcoming .session-content {\r\n        padding: 32px;\r\n    }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n    .cdt-upcoming {\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .cdt-upcoming .image-area {\r\n        min-height: 270px;\r\n    }\r\n\r\n    .cdt-upcoming .session-content {\r\n        padding: 25px 22px;\r\n    }\r\n\r\n    .cdt-upcoming .session-details {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cdt-upcoming .detail-item {\r\n        width: 100%;\r\n    }\r\n\r\n    .cdt-upcoming .session-button {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-upcoming *,\r\n    .cdt-upcoming *::before,\r\n    .cdt-upcoming *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-upcoming cdt-page-section\" id=\"cdt-upcoming-sessions\">\r\n    <div class=\"inner\">\r\n\r\n        <div class=\"section-heading\">\r\n            <span class=\"eyebrow\">LEARN SOMETHING NEW<\/span>\r\n\r\n            <h2>\r\n                Discover Our <span>Sessions.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"heading-description\">\r\n                Get hands-on experience, explore creative\r\n                technologies and learn by making. Discover\r\n                opportunities to develop new skills with\r\n                CDT Maker Club.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"featured-card\">\r\n\r\n            <!-- IMAGE PLACEHOLDER: ADD YOUR PHOTO LATER -->\r\n            <div class=\"image-area\">\r\n                <div class=\"image-placeholder\">\r\n                    <div class=\"image-symbol\">\u2733<\/div>\r\n                    <strong>Ideas in Action<\/strong>\r\n                    <small>Add your workshop photograph here<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"image-label\">\r\n                    Discover \u00b7 Learn \u00b7 Create\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"session-content\">\r\n\r\n                <span class=\"session-tag\">\r\n                    EXPLORE OUR WORKSHOPS\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Learn, Experiment and Create Something New.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Explore the workshops and activities at\r\n                    CDT Maker Club. From digital making to\r\n                    practical fabrication, discover new ways\r\n                    to turn your ideas into real creations.\r\n                <\/p>\r\n\r\n                <div class=\"session-details\">\r\n\r\n                    <div class=\"detail-item\">\r\n                        <span>\u25f7<\/span>\r\n                        Explore session dates\r\n                    <\/div>\r\n\r\n                    <div class=\"detail-item\">\r\n                        <span>\u2316<\/span>\r\n                        Royal Docks, London\r\n                    <\/div>\r\n\r\n                    <div class=\"detail-item\">\r\n                        <span>\u2733<\/span>\r\n                        Hands-on learning\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <a class=\"session-button\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=140\">\r\n                    Explore All Sessions <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"bottom-note\">\r\n            <p>\r\n                <strong>Ready to get started?<\/strong>\r\n                Explore the Sessions page to discover available\r\n                workshops and further details.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3a0dcfe e-flex e-con-boxed e-con e-parent\" data-id=\"3a0dcfe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac93e5 elementor-widget elementor-widget-html\" data-id=\"5ac93e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* CDT MAKER CLUB \u2014 SECTION 4: WHAT YOU CAN CREATE *\/\r\n\r\n.cdt-create,\r\n.cdt-create * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-create {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    padding: 90px 6% 100px;\r\n    color: #FFFFFF;\r\n    background: transparent !important;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    overflow: hidden;\r\n}\r\n\r\n.cdt-create .inner {\r\n    max-width: 1200px;\r\n    margin: auto;\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.cdt-create .heading {\r\n    max-width: 720px;\r\n    margin: 0 auto 52px;\r\n    text-align: center;\r\n}\r\n\r\n.cdt-create .eyebrow {\r\n    display: inline-block;\r\n    margin-bottom: 17px;\r\n    color: #00C4C0;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n.cdt-create h2 {\r\n    margin: 0 0 18px;\r\n    color: #FFFFFF !important;\r\n    font-size: clamp(34px, 4vw, 52px);\r\n    line-height: 1.15;\r\n    letter-spacing: -1.5px;\r\n    font-weight: 800;\r\n}\r\n\r\n.cdt-create h2 span {\r\n    color: #00B8AA;\r\n}\r\n\r\n.cdt-create .heading p {\r\n    margin: 0;\r\n    color: #A7B1B6;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* Category grid *\/\r\n\r\n.cdt-create .category-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 19px;\r\n}\r\n\r\n\/* Individual category cards *\/\r\n\r\n.cdt-create .category-card {\r\n    position: relative;\r\n    min-height: 335px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 24px 22px;\r\n    border: 1px solid rgba(255,255,255,.12);\r\n    border-radius: 14px;\r\n    background: rgba(34,46,51,.52);\r\n    overflow: hidden;\r\n    transition: transform .4s ease,\r\n                border-color .4s ease,\r\n                box-shadow .4s ease;\r\n}\r\n\r\n.cdt-create .category-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 180px;\r\n    height: 180px;\r\n    right: -100px;\r\n    top: -100px;\r\n    border-radius: 50%;\r\n    background: rgba(0,184,170,.17);\r\n    filter: blur(55px);\r\n    transition: transform .5s ease;\r\n}\r\n\r\n.cdt-create .category-card:hover {\r\n    transform: translateY(-9px);\r\n    border-color: rgba(0,184,170,.7);\r\n    box-shadow: 0 18px 45px rgba(0,0,0,.22),\r\n                0 0 25px rgba(0,184,170,.09);\r\n}\r\n\r\n.cdt-create .category-card:hover::before {\r\n    transform: scale(1.6);\r\n}\r\n\r\n\/* Image placeholder *\/\r\n\r\n.cdt-create .category-visual {\r\n    position: relative;\r\n    z-index: 1;\r\n    height: 125px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 23px;\r\n    border-radius: 9px;\r\n    border: 1px solid rgba(0,184,170,.25);\r\n    background:\r\n        radial-gradient(circle, rgba(0,184,170,.16), transparent 65%),\r\n        rgba(6,25,29,.8);\r\n    overflow: hidden;\r\n}\r\n\r\n.cdt-create .category-visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n        120deg,\r\n        transparent 25%,\r\n        rgba(255,255,255,.06) 50%,\r\n        transparent 75%\r\n    );\r\n    transform: translateX(-100%);\r\n    transition: transform .7s ease;\r\n}\r\n\r\n.cdt-create .category-card:hover .category-visual::after {\r\n    transform: translateX(100%);\r\n}\r\n\r\n.cdt-create .category-icon {\r\n    position: relative;\r\n    z-index: 2;\r\n    color: #00C4C0;\r\n    font-size: 42px;\r\n    transition: transform .4s ease;\r\n}\r\n\r\n.cdt-create .category-card:hover .category-icon {\r\n    transform: scale(1.15) rotate(-7deg);\r\n}\r\n\r\n\/* Text *\/\r\n\r\n.cdt-create .category-number {\r\n    position: absolute;\r\n    top: 25px;\r\n    right: 24px;\r\n    color: rgba(255,255,255,.3);\r\n    font-size: 10px;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.cdt-create .category-card h3 {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0 0 11px;\r\n    color: #FFFFFF !important;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    line-height: 1.35;\r\n}\r\n\r\n.cdt-create .category-card p {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0;\r\n    color: #A7B1B6;\r\n    font-size: 13px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* Bottom call to action *\/\r\n\r\n.cdt-create .create-footer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 25px;\r\n    margin-top: 42px;\r\n    padding: 26px 30px;\r\n    border: 1px solid rgba(0,184,170,.25);\r\n    border-radius: 12px;\r\n    background: rgba(0,184,170,.055);\r\n}\r\n\r\n.cdt-create .create-footer p {\r\n    margin: 0;\r\n    color: #C1CED0;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.cdt-create .create-footer strong {\r\n    color: #FFFFFF;\r\n}\r\n\r\n.cdt-create .projects-button {\r\n    display: inline-flex;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-height: 48px;\r\n    padding: 0 22px;\r\n    border-radius: 7px;\r\n    background: #00B8AA;\r\n    border: 1px solid #00B8AA;\r\n    color: #06191D !important;\r\n    text-decoration: none !important;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cdt-create .projects-button:hover {\r\n    background: #00C4C0;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 9px 25px rgba(0,184,170,.22);\r\n}\r\n\r\n\/* Responsive *\/\r\n\r\n@media (max-width: 1050px) {\r\n    .cdt-create .category-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .cdt-create {\r\n        padding: 65px 20px 75px;\r\n    }\r\n\r\n    .cdt-create .heading {\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .cdt-create .category-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 17px;\r\n    }\r\n\r\n    .cdt-create .category-card {\r\n        min-height: 290px;\r\n    }\r\n\r\n    .cdt-create .create-footer {\r\n        flex-direction: column;\r\n        align-items: stretch;\r\n        padding: 23px;\r\n    }\r\n\r\n    .cdt-create .projects-button {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-create *,\r\n    .cdt-create *::before,\r\n    .cdt-create *::after {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-create cdt-page-section\" id=\"cdt-create\">\r\n\r\n    <div class=\"inner\">\r\n\r\n        <div class=\"heading\">\r\n\r\n            <span class=\"eyebrow\">\r\n                IMAGINE WHAT YOU CAN MAKE\r\n            <\/span>\r\n\r\n            <h2>\r\n                Explore. Create. <span>Innovate.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Discover different ways to experiment with\r\n                technology, develop practical skills and\r\n                bring your creative ideas to life.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"category-grid\">\r\n\r\n            <!-- DIGITAL MAKING -->\r\n\r\n            <article class=\"category-card\">\r\n\r\n                <span class=\"category-number\">01<\/span>\r\n\r\n                <div class=\"category-visual\">\r\n                    <div class=\"category-icon\">\u2318<\/div>\r\n                <\/div>\r\n\r\n                <h3>Digital Making<\/h3>\r\n\r\n                <p>\r\n                    Explore digital tools and technologies\r\n                    to experiment, design and develop\r\n                    creative ideas.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n            <!-- FABRICATION -->\r\n\r\n            <article class=\"category-card\">\r\n\r\n                <span class=\"category-number\">02<\/span>\r\n\r\n                <div class=\"category-visual\">\r\n                    <div class=\"category-icon\">\u2699<\/div>\r\n                <\/div>\r\n\r\n                <h3>Fabrication<\/h3>\r\n\r\n                <p>\r\n                    Turn ideas into physical creations\r\n                    through practical making, design\r\n                    and fabrication techniques.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n            <!-- ELECTRONICS -->\r\n\r\n            <article class=\"category-card\">\r\n\r\n                <span class=\"category-number\">03<\/span>\r\n\r\n                <div class=\"category-visual\">\r\n                    <div class=\"category-icon\">\u2301<\/div>\r\n                <\/div>\r\n\r\n                <h3>Electronics<\/h3>\r\n\r\n                <p>\r\n                    Discover electronic components,\r\n                    experiment with circuits and\r\n                    explore interactive technology.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n            <!-- CREATIVE DESIGN -->\r\n\r\n            <article class=\"category-card\">\r\n\r\n                <span class=\"category-number\">04<\/span>\r\n\r\n                <div class=\"category-visual\">\r\n                    <div class=\"category-icon\">\u2727<\/div>\r\n                <\/div>\r\n\r\n                <h3>Creative Design<\/h3>\r\n\r\n                <p>\r\n                    Bring imagination and technology\r\n                    together to explore new concepts\r\n                    and creative solutions.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"create-footer\">\r\n\r\n            <p>\r\n                <strong>See creativity in action.<\/strong>\r\n                Explore the ideas and creations developed\r\n                through CDT Maker Club.\r\n            <\/p>\r\n\r\n            <a class=\"projects-button\"\r\n               href=\"https:\/\/cdtmaker.club\/?page_id=136\">\r\n                Explore Projects <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-17e88b9 e-flex e-con-boxed e-con e-parent\" data-id=\"17e88b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f821734 elementor-widget elementor-widget-html\" data-id=\"f821734\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<style>\r\n\/* CDT Maker Club - Meet the Community *\/\r\n.cdt-community,\r\n.cdt-community * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-community {\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    background: transparent !important;\r\n    color: #FFFFFF;\r\n    padding: 75px 24px;\r\n    font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n.cdt-community .inner {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.cdt-community .community-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 65px;\r\n    align-items: center;\r\n}\r\n\r\n\/* Left content *\/\r\n.cdt-community .eyebrow {\r\n    color: #00B8AA;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.cdt-community h2 {\r\n    color: #FFFFFF;\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    line-height: 1.15;\r\n    font-weight: 700;\r\n    margin: 0 0 22px;\r\n}\r\n\r\n.cdt-community .intro {\r\n    color: #A7B1B6;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    margin: 0 0 28px;\r\n    max-width: 520px;\r\n}\r\n\r\n.cdt-community .community-points {\r\n    display: grid;\r\n    gap: 17px;\r\n    margin-bottom: 32px;\r\n}\r\n\r\n.cdt-community .point {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    color: #F5F7F8;\r\n    font-size: 15px;\r\n}\r\n\r\n.cdt-community .point-icon {\r\n    width: 34px;\r\n    height: 34px;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 10px;\r\n    color: #00B8AA;\r\n    background: rgba(0,184,170,.12);\r\n    border: 1px solid rgba(0,184,170,.25);\r\n    font-size: 17px;\r\n}\r\n\r\n.cdt-community .community-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 14px 23px;\r\n    border-radius: 6px;\r\n    background: #00B8AA;\r\n    color: #06191D !important;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cdt-community .community-button:hover {\r\n    background: #00C4C0;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n\/* Right visual placeholder *\/\r\n.cdt-community .visual {\r\n    min-height: 390px;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 25px;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0,184,170,.25);\r\n    border-radius: 18px;\r\n    background: rgba(6,25,29,.45);\r\n}\r\n\r\n.cdt-community .visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 260px;\r\n    height: 260px;\r\n    border-radius: 50%;\r\n    background: rgba(0,184,170,.13);\r\n    filter: blur(65px);\r\n    top: 20%;\r\n    left: 20%;\r\n}\r\n\r\n.cdt-community .media-placeholder {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 100%;\r\n    min-height: 320px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 15px;\r\n    border: 1px dashed rgba(167,177,182,.5);\r\n    border-radius: 12px;\r\n    color: #A7B1B6;\r\n    text-align: center;\r\n}\r\n\r\n.cdt-community .media-icon {\r\n    font-size: 48px;\r\n    color: #00B8AA;\r\n}\r\n\r\n.cdt-community .media-placeholder strong {\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n}\r\n\r\n.cdt-community .media-placeholder span {\r\n    font-size: 13px;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .cdt-community {\r\n        padding: 55px 20px;\r\n    }\r\n\r\n    .cdt-community .community-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 35px;\r\n    }\r\n\r\n    .cdt-community .visual {\r\n        min-height: 300px;\r\n    }\r\n\r\n    .cdt-community .media-placeholder {\r\n        min-height: 250px;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-community * {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-community cdt-page-section\" id=\"cdt-community\">\r\n    <div class=\"inner\">\r\n        <div class=\"community-grid\">\r\n\r\n            <div class=\"content\">\r\n                <div class=\"eyebrow\">OUR COMMUNITY<\/div>\r\n\r\n                <h2>Make, Learn and Grow Together.<\/h2>\r\n\r\n                <p class=\"intro\">\r\n                    CDT Maker Club brings people together through creativity,\r\n                    technology and hands-on making. Whether you are a student,\r\n                    beginner or someone who enjoys experimenting, there is\r\n                    space for you to explore ideas and learn alongside others.\r\n                <\/p>\r\n\r\n                <div class=\"community-points\">\r\n                    <div class=\"point\">\r\n                        <span class=\"point-icon\">\u2726<\/span>\r\n                        <span>Connect with a creative community<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"point\">\r\n                        <span class=\"point-icon\">\u2318<\/span>\r\n                        <span>Share ideas and learn new skills<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"point\">\r\n                        <span class=\"point-icon\">\u2197<\/span>\r\n                        <span>Turn your ideas into real projects<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a class=\"community-button\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=219\">\r\n                    Discover Our Community <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"visual\">\r\n                <div class=\"media-placeholder\">\r\n                    <div class=\"media-icon\">\u2727<\/div>\r\n                    <strong>Add Your Community Photo<\/strong>\r\n                    <span>Replace this area with your own image in Elementor<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n```\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-78c02d8 e-flex e-con-boxed e-con e-parent\" data-id=\"78c02d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-814833c elementor-widget elementor-widget-html\" data-id=\"814833c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<style>\r\n\/* CDT Maker Club - Final CTA Section *\/\r\n.cdt-final,\r\n.cdt-final * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.cdt-final {\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 1;\r\n    background: transparent !important;\r\n    color: #FFFFFF;\r\n    padding: 85px 24px 75px;\r\n    font-family: Inter, Arial, sans-serif;\r\n    text-align: center;\r\n}\r\n\r\n.cdt-final .inner {\r\n    max-width: 950px;\r\n    margin: 0 auto;\r\n    padding: 55px 35px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border: 1px solid rgba(0,184,170,.3);\r\n    border-radius: 18px;\r\n    background: rgba(6,25,29,.55);\r\n}\r\n\r\n.cdt-final .inner::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 320px;\r\n    height: 320px;\r\n    border-radius: 50%;\r\n    background: rgba(0,184,170,.14);\r\n    filter: blur(80px);\r\n    top: -180px;\r\n    left: calc(50% - 160px);\r\n    pointer-events: none;\r\n}\r\n\r\n.cdt-final .content {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.cdt-final .eyebrow {\r\n    color: #00B8AA;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    margin-bottom: 18px;\r\n}\r\n\r\n.cdt-final h2 {\r\n    color: #FFFFFF;\r\n    font-size: clamp(32px, 4.5vw, 48px);\r\n    line-height: 1.15;\r\n    font-weight: 700;\r\n    margin: 0 auto 18px;\r\n    max-width: 750px;\r\n}\r\n\r\n.cdt-final .description {\r\n    color: #A7B1B6;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    max-width: 620px;\r\n    margin: 0 auto 32px;\r\n}\r\n\r\n.cdt-final .buttons {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n}\r\n\r\n.cdt-final .btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-width: 155px;\r\n    padding: 14px 22px;\r\n    border: 1px solid #00B8AA;\r\n    border-radius: 6px;\r\n    color: #00B8AA !important;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    transition: .3s ease;\r\n}\r\n\r\n.cdt-final .btn.primary {\r\n    background: #00B8AA;\r\n    color: #06191D !important;\r\n}\r\n\r\n.cdt-final .btn:hover {\r\n    background: #00C4C0;\r\n    color: #06191D !important;\r\n    border-color: #00C4C0;\r\n    transform: translateY(-3px);\r\n}\r\n\r\n.cdt-final .bottom-note {\r\n    margin-top: 30px;\r\n    color: #A7B1B6;\r\n    font-size: 13px;\r\n    letter-spacing: .3px;\r\n}\r\n\r\n.cdt-final .bottom-note span {\r\n    color: #F3D09A;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 600px) {\r\n    .cdt-final {\r\n        padding: 55px 16px;\r\n    }\r\n\r\n    .cdt-final .inner {\r\n        padding: 42px 20px;\r\n    }\r\n\r\n    .cdt-final .buttons {\r\n        flex-direction: column;\r\n    }\r\n\r\n    .cdt-final .btn {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .cdt-final .btn {\r\n        transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cdt-final cdt-page-section\" id=\"cdt-final\">\r\n    <div class=\"inner\">\r\n        <div class=\"content\">\r\n\r\n            <div class=\"eyebrow\">YOUR NEXT STEP STARTS HERE<\/div>\r\n\r\n            <h2>Have an Idea? Let's Make It Happen.<\/h2>\r\n\r\n            <p class=\"description\">\r\n                Explore new possibilities, join a session, discover creative\r\n                projects and become part of the CDT Maker Club community.\r\n                Your next idea could start here.\r\n            <\/p>\r\n\r\n            <div class=\"buttons\">\r\n                <a class=\"btn primary\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=140\">\r\n                    Explore Sessions <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n                <a class=\"btn\"\r\n                   href=\"https:\/\/cdtmaker.club\/?page_id=136\">\r\n                    View Projects <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n                <a class=\"btn\"\r\n                   href=\"https:\/\/cdtmaker.club\/\">\r\n                    Back to Home <span>\u2197<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"bottom-note\">\r\n                Create <span>\u00b7<\/span> Explore <span>\u00b7<\/span> Innovate\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n```\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CREATE \u00b7 EXPLORE \u00b7 INNOVATE Be Part of Something Creative. Ideas become reality when people come together. Discover CDT Maker Club, explore new technologies, learn practical skills and turn your ideas into something you can create. Explore Sessions \u2192 Discover Projects A space to learn, experiment, collaborate and make. CDT \/ 001 \u2733 Your Ideas. [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-232","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=232"}],"version-history":[{"count":176,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/232\/revisions"}],"predecessor-version":[{"id":1416,"href":"https:\/\/cdtmaker.club\/index.php?rest_route=\/wp\/v2\/pages\/232\/revisions\/1416"}],"wp:attachment":[{"href":"https:\/\/cdtmaker.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}