Career<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green:#0d6b4f;\r\n --green-dark:#0a5a42;\r\n --green-light:#e3f1ea;\r\n --gold:#bda06a;\r\n --gold-light:#f1ece1;\r\n --text-dark:#13202c;\r\n --text-gray:#5b6573;\r\n --bg-light:#f3f5f8;\r\n --white:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n body{\r\n font-family:'Poppins', sans-serif;\r\n font-weight:400;\r\n font-size:16px;\r\n color:var(--text-dark);\r\n background:var(--bg-light);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{max-width:100%;display:block;}\r\n a{text-decoration:none;color:inherit;}\r\n\r\n .fade-up{\r\n opacity:1;\r\n transform:translateY(0);\r\n animation:fadeUpIn 0.8s ease both;\r\n }\r\n .fade-up.delay-1{animation-delay:0.15s;}\r\n .fade-up.delay-2{animation-delay:0.3s;}\r\n\r\n @keyframes fadeUpIn{\r\n from{opacity:0; transform:translateY(28px);}\r\n to{opacity:1; transform:translateY(0);}\r\n }\r\n\r\n .hover-lift{\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .hover-lift:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 22px 44px rgba(0,0,0,0.12);\r\n }\r\n\r\n .topbar{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:18px 60px;\r\n background:var(--bg-light);\r\n border-bottom:1px solid #e6e9ee;\r\n }\r\n .topbar-left{display:flex;align-items:center;gap:12px;}\r\n .topbar-icon{\r\n width:40px;height:40px;\r\n background:var(--gold);\r\n border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:18px;\r\n }\r\n .topbar-titles h1{font-size:16px;font-weight:800;letter-spacing:0.3px;color:#13202c;}\r\n .topbar-titles p{font-size:11.5px;color:#8a93a0;font-weight:600;letter-spacing:0.5px;margin-top:2px;}\r\n .back-btn{\r\n display:flex;align-items:center;gap:8px;\r\n padding:11px 24px;\r\n border:1px solid #d8dde3;\r\n border-radius:30px;\r\n font-size:13.5px;font-weight:700;\r\n color:#1c2530;background:#fff;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .back-btn:hover{background:#f3f3f3;border-color:#bbb;}\r\n\r\n .hero{\r\n padding:90px 40px 100px;\r\n text-align:center;\r\n }\r\n .badge{\r\n display:inline-block;\r\n background:var(--gold-light);\r\n color:#8c7440;\r\n font-size:12.5px;font-weight:700;letter-spacing:0.6px;\r\n padding:9px 22px;border-radius:20px;margin-bottom:34px;\r\n }\r\n .hero h2{\r\n font-size:58px;\r\n font-weight:800;\r\n line-height:1.18;\r\n color:#13202c;\r\n max-width:980px;\r\n margin:0 auto 60px;\r\n }\r\n\r\n .info-card{\r\n background:#fff;\r\n border-radius:22px;\r\n padding:60px 50px 56px;\r\n max-width:860px;\r\n margin:0 auto;\r\n text-align:center;\r\n box-shadow:0 25px 55px rgba(0,0,0,0.08);\r\n }\r\n .check-circle{\r\n width:74px;height:74px;\r\n border-radius:50%;\r\n background:var(--green-light);\r\n display:flex;align-items:center;justify-content:center;\r\n margin:0 auto 36px;\r\n }\r\n .check-circle svg{\r\n width:32px;height:32px;\r\n }\r\n .info-card p{\r\n font-size:18px;\r\n font-weight:500;\r\n line-height:1.7;\r\n color:var(--text-gray);\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n }\r\n .btn-solid-green{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n background:var(--green);\r\n color:#fff;\r\n font-size:14.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:18px 38px;\r\n border-radius:30px;\r\n border:none;\r\n cursor:pointer;\r\n }\r\n .btn-solid-green .arrow{\r\n font-size:16px;\r\n }\r\n\r\n @media(max-width:900px){\r\n .topbar{padding:16px 24px;}\r\n .hero{padding:60px 24px 70px;}\r\n .hero h2{font-size:38px;}\r\n .info-card{padding:46px 30px 44px;}\r\n .info-card p{font-size:16px;}\r\n }\r\n @media(max-width:600px){\r\n .topbar-titles p{display:none;}\r\n .hero h2{font-size:28px;margin-bottom:44px;}\r\n .badge{margin-bottom:24px;}\r\n .info-card{padding:38px 22px 36px;border-radius:18px;}\r\n .check-circle{width:60px;height:60px;margin-bottom:26px;}\r\n .check-circle svg{width:26px;height:26px;}\r\n .btn-solid-green{width:100%;justify-content:center;}\r\n }\r\n\r\n \/* ===================== LDS CONTACT POPUP ===================== *\/\r\n .lds-popup-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(20, 20, 20, 0.55);\r\n z-index: 999999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n }\r\n .lds-popup-overlay.lds-active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n .lds-popup-box {\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 450px;\r\n border-radius: 22px;\r\n box-shadow: 0 25px 60px rgba(0,0,0,0.35);\r\n padding: 28px 28px 30px;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n transform: translateY(30px) scale(0.96);\r\n opacity: 0;\r\n transition: transform 0.3s ease, opacity 0.3s ease;\r\n max-height: 92vh;\r\n overflow-y: auto;\r\n position: relative;\r\n }\r\n .lds-popup-overlay.lds-active .lds-popup-box {\r\n transform: translateY(0) scale(1);\r\n opacity: 1;\r\n }\r\n .lds-popup-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 4px;\r\n }\r\n .lds-popup-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #16213d;\r\n margin: 0;\r\n line-height: 1.25;\r\n }\r\n .lds-back-btn {\r\n flex-shrink: 0;\r\n background: #f3f4f6;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 8px 16px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.03em;\r\n color: #16213d;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n .lds-back-btn:hover { background: #e9eaee; }\r\n .lds-popup-subtitle {\r\n font-size: 14px;\r\n color: #6b7280;\r\n margin: 8px 0 22px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ---------- Form fields ---------- *\/\r\n .lds-form-row{\r\n display:flex;\r\n gap:14px;\r\n margin-bottom:18px;\r\n }\r\n .lds-form-group{\r\n flex:1;\r\n display:flex;\r\n flex-direction:column;\r\n }\r\n .lds-form-group label{\r\n font-size:11.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n color:#8a93a0;\r\n margin-bottom:8px;\r\n text-transform:uppercase;\r\n }\r\n .lds-form-group input,\r\n .lds-form-group textarea{\r\n background:#f3f5f8;\r\n border:1px solid #e6e9ee;\r\n border-radius:12px;\r\n padding:14px 16px;\r\n font-family:'Poppins', sans-serif;\r\n font-size:14.5px;\r\n color:#13202c;\r\n outline:none;\r\n width:100%;\r\n }\r\n .lds-form-group input::placeholder,\r\n .lds-form-group textarea::placeholder{\r\n color:#98a0ab;\r\n }\r\n .lds-form-group input:focus,\r\n .lds-form-group textarea:focus{\r\n border-color:var(--green);\r\n }\r\n .lds-form-group textarea{\r\n resize:vertical;\r\n min-height:90px;\r\n }\r\n .lds-email-wrap{\r\n position:relative;\r\n }\r\n .lds-email-wrap input{\r\n padding-right:44px;\r\n }\r\n .lds-email-icon{\r\n position:absolute;\r\n right:14px;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:24px;height:24px;\r\n background:var(--green);\r\n border-radius:6px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n .lds-email-icon svg{width:14px;height:14px;}\r\n\r\n .lds-consent{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:20px 0 24px;\r\n }\r\n .lds-consent input[type=\"checkbox\"]{\r\n margin-top:3px;\r\n width:16px;height:16px;\r\n flex-shrink:0;\r\n accent-color:var(--green);\r\n }\r\n .lds-consent p{\r\n font-size:12.5px;\r\n line-height:1.55;\r\n color:#8a93a0;\r\n }\r\n .lds-consent a{\r\n color:var(--green);\r\n font-weight:600;\r\n text-decoration:underline;\r\n }\r\n\r\n .lds-submit-btn{\r\n width:100%;\r\n background:var(--green);\r\n color:#fff;\r\n font-family:'Poppins', sans-serif;\r\n font-size:14.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:17px;\r\n border:none;\r\n border-radius:14px;\r\n cursor:pointer;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .lds-popup-box { padding: 22px 18px 24px; border-radius: 18px; }\r\n .lds-popup-title { font-size: 20px; }\r\n .lds-form-row{flex-direction:column; gap:18px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-icon\">\ud83d\udcbc<\/div>\r\n <div class=\"topbar-titles\">\r\n <h1>Career<\/h1>\r\n <p>IDEALS TEAM<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/idealslearning.cite.hku.hk\/\" class=\"back-btn\">BACK \u2715<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\">\r\n <span class=\"badge fade-up\">CAREER<\/span>\r\n <h2 class=\"fade-up delay-1\">Join Us to Unleash the Power of IDEALS Learning<\/h2>\r\n\r\n <div class=\"info-card hover-lift fade-up delay-2\">\r\n <div class=\"check-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d6b4f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <path d=\"M8 12.5l2.5 2.5L16 9\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p>We are always looking for passionate educators, designers, and developers to join our mission of transforming education.<\/p>\r\n <button class=\"btn-solid-green\" id=\"lds-contact-trigger\" onclick=\"location.href='mailto:ideals@hku.hk'\">CONTACT US <span class=\"arrow\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"lds-popup-overlay\" class=\"lds-popup-overlay\">\r\n <div id=\"lds-popup-box\" class=\"lds-popup-box\">\r\n\r\n <div class=\"lds-popup-header\">\r\n <h2 class=\"lds-popup-title\">Tell us about yourself<\/h2>\r\n <button type=\"button\" id=\"lds-back-btn\" class=\"lds-back-btn\">\r\n BACK \u2715\r\n <\/button>\r\n <\/div>\r\n\r\n <p class=\"lds-popup-subtitle\">We will get back to you shortly after reviewing your profile.<\/p>\r\n\r\n <form id=\"lds-career-form\">\r\n <div class=\"lds-form-row\">\r\n <div class=\"lds-form-group\">\r\n <label for=\"lds-name\">Name<\/label>\r\n <input type=\"text\" id=\"lds-name\" name=\"name\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n <div class=\"lds-form-group\">\r\n <label for=\"lds-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"lds-phone\" name=\"phone\" placeholder=\"+852 1234 5678\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lds-form-group\" style=\"margin-bottom:18px;\">\r\n <label for=\"lds-email\">Email<\/label>\r\n <div class=\"lds-email-wrap\">\r\n <input type=\"email\" id=\"lds-email\" name=\"email\" placeholder=\"john@school.edu.hk\" required>\r\n <span class=\"lds-email-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16v16H4z\"><\/path>\r\n <path d=\"M4 6l8 7 8-7\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lds-form-group\" style=\"margin-bottom:0;\">\r\n <label for=\"lds-message\">Message<\/label>\r\n <textarea id=\"lds-message\" name=\"message\" placeholder=\"Tell us about yourself...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"lds-consent\">\r\n <input type=\"checkbox\" id=\"lds-consent-check\" name=\"consent\">\r\n <p>By submitting this form, you agree to receive marketing and other communications from LDS. You can unsubscribe from these communications at any time. For more information, please review our <a href=\"#\">Privacy Policy<\/a>.<\/p>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"lds-submit-btn\">SEND<\/button>\r\n <\/form>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n function lds_openPopup() {\r\n var overlay = document.getElementById('lds-popup-overlay');\r\n if (overlay) {\r\n overlay.classList.add('lds-active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n function lds_closePopup() {\r\n var overlay = document.getElementById('lds-popup-overlay');\r\n if (overlay) {\r\n overlay.classList.remove('lds-active');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function () {\r\n\r\n var trigger = document.getElementById('lds-contact-trigger');\r\n if (trigger) {\r\n trigger.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n lds_openPopup();\r\n });\r\n }\r\n\r\n document.getElementById('lds-back-btn').addEventListener('click', lds_closePopup);\r\n\r\n document.getElementById('lds-popup-overlay').addEventListener('click', function (e) {\r\n if (e.target === this) lds_closePopup();\r\n });\r\n\r\n document.addEventListener('keydown', function (e) {\r\n if (e.key === 'Escape') lds_closePopup();\r\n });\r\n\r\n \/\/ Form submit handling\r\n var form = document.getElementById('lds-career-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n \/\/ \ud83d\udc49 Replace this with your actual submission logic\r\n \/\/ (e.g. fetch() call to WordPress REST API, Fluent Forms API, or a mail handler)\r\n alert('Thank you! Your submission has been received.');\r\n form.reset();\r\n lds_closePopup();\r\n });\r\n }\r\n });\r\n\r\n window.ldsOpenContactPopup = lds_openPopup;\r\n window.ldsCloseContactPopup = lds_closePopup;\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Career \ud83d\udcbc Career IDEALS TEAM BACK \u2715 CAREER Join Us to Unleash the Power of IDEALS Learning We are always looking for passionate educators, designers, and developers to join our mission of transforming education. CONTACT US \u2192 Tell us about yourself BACK \u2715 We will get back to you shortly after reviewing your profile. Name […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-807","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=807"}],"version-history":[{"count":22,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/807\/revisions"}],"predecessor-version":[{"id":1532,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/807\/revisions\/1532"}],"wp:attachment":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nCareer<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root{\r\n --green:#0d6b4f;\r\n --green-dark:#0a5a42;\r\n --green-light:#e3f1ea;\r\n --gold:#bda06a;\r\n --gold-light:#f1ece1;\r\n --text-dark:#13202c;\r\n --text-gray:#5b6573;\r\n --bg-light:#f3f5f8;\r\n --white:#ffffff;\r\n --shadow:0 10px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n *{margin:0;padding:0;box-sizing:border-box;}\r\n\r\n body{\r\n font-family:'Poppins', sans-serif;\r\n font-weight:400;\r\n font-size:16px;\r\n color:var(--text-dark);\r\n background:var(--bg-light);\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{max-width:100%;display:block;}\r\n a{text-decoration:none;color:inherit;}\r\n\r\n .fade-up{\r\n opacity:1;\r\n transform:translateY(0);\r\n animation:fadeUpIn 0.8s ease both;\r\n }\r\n .fade-up.delay-1{animation-delay:0.15s;}\r\n .fade-up.delay-2{animation-delay:0.3s;}\r\n\r\n @keyframes fadeUpIn{\r\n from{opacity:0; transform:translateY(28px);}\r\n to{opacity:1; transform:translateY(0);}\r\n }\r\n\r\n .hover-lift{\r\n transition:transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n .hover-lift:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 22px 44px rgba(0,0,0,0.12);\r\n }\r\n\r\n .topbar{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:18px 60px;\r\n background:var(--bg-light);\r\n border-bottom:1px solid #e6e9ee;\r\n }\r\n .topbar-left{display:flex;align-items:center;gap:12px;}\r\n .topbar-icon{\r\n width:40px;height:40px;\r\n background:var(--gold);\r\n border-radius:12px;\r\n display:flex;align-items:center;justify-content:center;\r\n color:#fff;font-size:18px;\r\n }\r\n .topbar-titles h1{font-size:16px;font-weight:800;letter-spacing:0.3px;color:#13202c;}\r\n .topbar-titles p{font-size:11.5px;color:#8a93a0;font-weight:600;letter-spacing:0.5px;margin-top:2px;}\r\n .back-btn{\r\n display:flex;align-items:center;gap:8px;\r\n padding:11px 24px;\r\n border:1px solid #d8dde3;\r\n border-radius:30px;\r\n font-size:13.5px;font-weight:700;\r\n color:#1c2530;background:#fff;cursor:pointer;\r\n transition:all 0.3s ease;\r\n }\r\n .back-btn:hover{background:#f3f3f3;border-color:#bbb;}\r\n\r\n .hero{\r\n padding:90px 40px 100px;\r\n text-align:center;\r\n }\r\n .badge{\r\n display:inline-block;\r\n background:var(--gold-light);\r\n color:#8c7440;\r\n font-size:12.5px;font-weight:700;letter-spacing:0.6px;\r\n padding:9px 22px;border-radius:20px;margin-bottom:34px;\r\n }\r\n .hero h2{\r\n font-size:58px;\r\n font-weight:800;\r\n line-height:1.18;\r\n color:#13202c;\r\n max-width:980px;\r\n margin:0 auto 60px;\r\n }\r\n\r\n .info-card{\r\n background:#fff;\r\n border-radius:22px;\r\n padding:60px 50px 56px;\r\n max-width:860px;\r\n margin:0 auto;\r\n text-align:center;\r\n box-shadow:0 25px 55px rgba(0,0,0,0.08);\r\n }\r\n .check-circle{\r\n width:74px;height:74px;\r\n border-radius:50%;\r\n background:var(--green-light);\r\n display:flex;align-items:center;justify-content:center;\r\n margin:0 auto 36px;\r\n }\r\n .check-circle svg{\r\n width:32px;height:32px;\r\n }\r\n .info-card p{\r\n font-size:18px;\r\n font-weight:500;\r\n line-height:1.7;\r\n color:var(--text-gray);\r\n max-width:600px;\r\n margin:0 auto 40px;\r\n }\r\n .btn-solid-green{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n background:var(--green);\r\n color:#fff;\r\n font-size:14.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:18px 38px;\r\n border-radius:30px;\r\n border:none;\r\n cursor:pointer;\r\n }\r\n .btn-solid-green .arrow{\r\n font-size:16px;\r\n }\r\n\r\n @media(max-width:900px){\r\n .topbar{padding:16px 24px;}\r\n .hero{padding:60px 24px 70px;}\r\n .hero h2{font-size:38px;}\r\n .info-card{padding:46px 30px 44px;}\r\n .info-card p{font-size:16px;}\r\n }\r\n @media(max-width:600px){\r\n .topbar-titles p{display:none;}\r\n .hero h2{font-size:28px;margin-bottom:44px;}\r\n .badge{margin-bottom:24px;}\r\n .info-card{padding:38px 22px 36px;border-radius:18px;}\r\n .check-circle{width:60px;height:60px;margin-bottom:26px;}\r\n .check-circle svg{width:26px;height:26px;}\r\n .btn-solid-green{width:100%;justify-content:center;}\r\n }\r\n\r\n \/* ===================== LDS CONTACT POPUP ===================== *\/\r\n .lds-popup-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(20, 20, 20, 0.55);\r\n z-index: 999999;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n }\r\n .lds-popup-overlay.lds-active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n .lds-popup-box {\r\n background: #ffffff;\r\n width: 100%;\r\n max-width: 450px;\r\n border-radius: 22px;\r\n box-shadow: 0 25px 60px rgba(0,0,0,0.35);\r\n padding: 28px 28px 30px;\r\n box-sizing: border-box;\r\n font-family: 'Poppins', sans-serif;\r\n transform: translateY(30px) scale(0.96);\r\n opacity: 0;\r\n transition: transform 0.3s ease, opacity 0.3s ease;\r\n max-height: 92vh;\r\n overflow-y: auto;\r\n position: relative;\r\n }\r\n .lds-popup-overlay.lds-active .lds-popup-box {\r\n transform: translateY(0) scale(1);\r\n opacity: 1;\r\n }\r\n .lds-popup-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 12px;\r\n margin-bottom: 4px;\r\n }\r\n .lds-popup-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #16213d;\r\n margin: 0;\r\n line-height: 1.25;\r\n }\r\n .lds-back-btn {\r\n flex-shrink: 0;\r\n background: #f3f4f6;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 8px 16px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 0.03em;\r\n color: #16213d;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n .lds-back-btn:hover { background: #e9eaee; }\r\n .lds-popup-subtitle {\r\n font-size: 14px;\r\n color: #6b7280;\r\n margin: 8px 0 22px;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* ---------- Form fields ---------- *\/\r\n .lds-form-row{\r\n display:flex;\r\n gap:14px;\r\n margin-bottom:18px;\r\n }\r\n .lds-form-group{\r\n flex:1;\r\n display:flex;\r\n flex-direction:column;\r\n }\r\n .lds-form-group label{\r\n font-size:11.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n color:#8a93a0;\r\n margin-bottom:8px;\r\n text-transform:uppercase;\r\n }\r\n .lds-form-group input,\r\n .lds-form-group textarea{\r\n background:#f3f5f8;\r\n border:1px solid #e6e9ee;\r\n border-radius:12px;\r\n padding:14px 16px;\r\n font-family:'Poppins', sans-serif;\r\n font-size:14.5px;\r\n color:#13202c;\r\n outline:none;\r\n width:100%;\r\n }\r\n .lds-form-group input::placeholder,\r\n .lds-form-group textarea::placeholder{\r\n color:#98a0ab;\r\n }\r\n .lds-form-group input:focus,\r\n .lds-form-group textarea:focus{\r\n border-color:var(--green);\r\n }\r\n .lds-form-group textarea{\r\n resize:vertical;\r\n min-height:90px;\r\n }\r\n .lds-email-wrap{\r\n position:relative;\r\n }\r\n .lds-email-wrap input{\r\n padding-right:44px;\r\n }\r\n .lds-email-icon{\r\n position:absolute;\r\n right:14px;\r\n top:50%;\r\n transform:translateY(-50%);\r\n width:24px;height:24px;\r\n background:var(--green);\r\n border-radius:6px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n .lds-email-icon svg{width:14px;height:14px;}\r\n\r\n .lds-consent{\r\n display:flex;\r\n align-items:flex-start;\r\n gap:10px;\r\n margin:20px 0 24px;\r\n }\r\n .lds-consent input[type=\"checkbox\"]{\r\n margin-top:3px;\r\n width:16px;height:16px;\r\n flex-shrink:0;\r\n accent-color:var(--green);\r\n }\r\n .lds-consent p{\r\n font-size:12.5px;\r\n line-height:1.55;\r\n color:#8a93a0;\r\n }\r\n .lds-consent a{\r\n color:var(--green);\r\n font-weight:600;\r\n text-decoration:underline;\r\n }\r\n\r\n .lds-submit-btn{\r\n width:100%;\r\n background:var(--green);\r\n color:#fff;\r\n font-family:'Poppins', sans-serif;\r\n font-size:14.5px;\r\n font-weight:700;\r\n letter-spacing:0.4px;\r\n padding:17px;\r\n border:none;\r\n border-radius:14px;\r\n cursor:pointer;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .lds-popup-box { padding: 22px 18px 24px; border-radius: 18px; }\r\n .lds-popup-title { font-size: 20px; }\r\n .lds-form-row{flex-direction:column; gap:18px;}\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"topbar\">\r\n <div class=\"topbar-left\">\r\n <div class=\"topbar-icon\">\ud83d\udcbc<\/div>\r\n <div class=\"topbar-titles\">\r\n <h1>Career<\/h1>\r\n <p>IDEALS TEAM<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/idealslearning.cite.hku.hk\/\" class=\"back-btn\">BACK \u2715<\/a>\r\n <\/div>\r\n\r\n \r\n <section class=\"hero\">\r\n <span class=\"badge fade-up\">CAREER<\/span>\r\n <h2 class=\"fade-up delay-1\">Join Us to Unleash the Power of IDEALS Learning<\/h2>\r\n\r\n <div class=\"info-card hover-lift fade-up delay-2\">\r\n <div class=\"check-circle\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d6b4f\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <path d=\"M8 12.5l2.5 2.5L16 9\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <p>We are always looking for passionate educators, designers, and developers to join our mission of transforming education.<\/p>\r\n <button class=\"btn-solid-green\" id=\"lds-contact-trigger\" onclick=\"location.href='mailto:ideals@hku.hk'\">CONTACT US <span class=\"arrow\">\u2192<\/span><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div id=\"lds-popup-overlay\" class=\"lds-popup-overlay\">\r\n <div id=\"lds-popup-box\" class=\"lds-popup-box\">\r\n\r\n <div class=\"lds-popup-header\">\r\n <h2 class=\"lds-popup-title\">Tell us about yourself<\/h2>\r\n <button type=\"button\" id=\"lds-back-btn\" class=\"lds-back-btn\">\r\n BACK \u2715\r\n <\/button>\r\n <\/div>\r\n\r\n <p class=\"lds-popup-subtitle\">We will get back to you shortly after reviewing your profile.<\/p>\r\n\r\n <form id=\"lds-career-form\">\r\n <div class=\"lds-form-row\">\r\n <div class=\"lds-form-group\">\r\n <label for=\"lds-name\">Name<\/label>\r\n <input type=\"text\" id=\"lds-name\" name=\"name\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n <div class=\"lds-form-group\">\r\n <label for=\"lds-phone\">Phone<\/label>\r\n <input type=\"tel\" id=\"lds-phone\" name=\"phone\" placeholder=\"+852 1234 5678\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lds-form-group\" style=\"margin-bottom:18px;\">\r\n <label for=\"lds-email\">Email<\/label>\r\n <div class=\"lds-email-wrap\">\r\n <input type=\"email\" id=\"lds-email\" name=\"email\" placeholder=\"john@school.edu.hk\" required>\r\n <span class=\"lds-email-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16v16H4z\"><\/path>\r\n <path d=\"M4 6l8 7 8-7\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lds-form-group\" style=\"margin-bottom:0;\">\r\n <label for=\"lds-message\">Message<\/label>\r\n <textarea id=\"lds-message\" name=\"message\" placeholder=\"Tell us about yourself...\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"lds-consent\">\r\n <input type=\"checkbox\" id=\"lds-consent-check\" name=\"consent\">\r\n <p>By submitting this form, you agree to receive marketing and other communications from LDS. You can unsubscribe from these communications at any time. For more information, please review our <a href=\"#\">Privacy Policy<\/a>.<\/p>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"lds-submit-btn\">SEND<\/button>\r\n <\/form>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n function lds_openPopup() {\r\n var overlay = document.getElementById('lds-popup-overlay');\r\n if (overlay) {\r\n overlay.classList.add('lds-active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n }\r\n function lds_closePopup() {\r\n var overlay = document.getElementById('lds-popup-overlay');\r\n if (overlay) {\r\n overlay.classList.remove('lds-active');\r\n document.body.style.overflow = '';\r\n }\r\n }\r\n\r\n document.addEventListener('DOMContentLoaded', function () {\r\n\r\n var trigger = document.getElementById('lds-contact-trigger');\r\n if (trigger) {\r\n trigger.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n lds_openPopup();\r\n });\r\n }\r\n\r\n document.getElementById('lds-back-btn').addEventListener('click', lds_closePopup);\r\n\r\n document.getElementById('lds-popup-overlay').addEventListener('click', function (e) {\r\n if (e.target === this) lds_closePopup();\r\n });\r\n\r\n document.addEventListener('keydown', function (e) {\r\n if (e.key === 'Escape') lds_closePopup();\r\n });\r\n\r\n \/\/ Form submit handling\r\n var form = document.getElementById('lds-career-form');\r\n if (form) {\r\n form.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n \/\/ \ud83d\udc49 Replace this with your actual submission logic\r\n \/\/ (e.g. fetch() call to WordPress REST API, Fluent Forms API, or a mail handler)\r\n alert('Thank you! Your submission has been received.');\r\n form.reset();\r\n lds_closePopup();\r\n });\r\n }\r\n });\r\n\r\n window.ldsOpenContactPopup = lds_openPopup;\r\n window.ldsCloseContactPopup = lds_closePopup;\r\n })();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\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>Career \ud83d\udcbc Career IDEALS TEAM BACK \u2715 CAREER Join Us to Unleash the Power of IDEALS Learning We are always looking for passionate educators, designers, and developers to join our mission of transforming education. CONTACT US \u2192 Tell us about yourself BACK \u2715 We will get back to you shortly after reviewing your profile. Name […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-807","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=807"}],"version-history":[{"count":22,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/807\/revisions"}],"predecessor-version":[{"id":1532,"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=\/wp\/v2\/pages\/807\/revisions\/1532"}],"wp:attachment":[{"href":"https:\/\/idealslearning.cite.hku.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}