{"id":937,"date":"2025-10-20T08:40:20","date_gmt":"2025-10-20T08:40:20","guid":{"rendered":"https:\/\/cuk.ac.ke\/alumni\/?page_id=937"},"modified":"2026-02-12T10:34:51","modified_gmt":"2026-02-12T10:34:51","slug":"join-us","status":"publish","type":"page","link":"https:\/\/www.cuk.ac.ke\/alumni\/join-us\/","title":{"rendered":"JOIN US"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"937\" class=\"elementor elementor-937\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6009f91 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6009f91\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7fc74c7\" data-id=\"7fc74c7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-19d6224 elementor-widget elementor-widget-html\" data-id=\"19d6224\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     CUKAA ALUMNI REGISTRATION \u2013 JOIN US + MODAL (FULL CODE - TUNED)\r\n     - Left panel slimmer + orange accents\r\n     - Fix hidden areas: panel fits viewport + right side scrolls\r\n     - Responsive: desktop (2-col), tablet (stack), mobile (single col)\r\n     - Membership Subscription is LAST section\r\n     - Endpoint set to your Apps Script Web App URL\r\n========================================================= -->\r\n\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>CUKAA | Alumni Registration<\/title>\r\n\r\n  <style>\r\n    :root{\r\n      --cuk-blue:#0d4da1;\r\n      --cuk-orange:#f58520;\r\n      --text-dark:#1a1a1a;\r\n      --text-muted:#555;\r\n      --shadow:0 10px 30px rgba(0,0,0,0.12);\r\n    }\r\n    *{box-sizing:border-box}\r\n    body{\r\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Poppins\", sans-serif;\r\n      margin:0;\r\n      background: linear-gradient(180deg, #eef2f7 0%, #ffffff 70%);\r\n      color:var(--text-dark);\r\n    }\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- ====================== JOIN US SECTION ====================== -->\r\n<section style=\"max-width:1200px; margin:60px auto; background:#fff; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,0.08); overflow:hidden; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\">\r\n\r\n  <!-- Banner -->\r\n  <div style=\"position:relative; background:linear-gradient(135deg,#0d4da1 55%,#f58520 100%); color:#fff; text-align:center; padding:90px 30px;\">\r\n    <div style=\"position:absolute; inset:0; background:url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png'); opacity:.15;\"><\/div>\r\n\r\n    <div style=\"position:relative; z-index:1;\">\r\n      <h1 style=\"font-size:40px; font-weight:800; margin-bottom:15px;\">JOIN US<\/h1>\r\n      <p style=\"font-size:22px; font-style:italic; color:#ffe8cf;\">Be Part of the Legacy<\/p>\r\n\r\n      <div style=\"margin-top:25px; display:inline-block; background:#fff; color:#0d4da1; padding:10px 24px; border-radius:25px; font-weight:700;\">\r\n        Together, We Learn \u2022 Lead \u2022 Give Back\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Content -->\r\n  <div style=\"padding:60px 8%; text-align:center;\">\r\n    <p style=\"font-size:18px; max-width:850px; margin:0 auto 35px; color:#1a1a1a;\">\r\n      Joining <strong>CUKAA<\/strong> means more than membership \u2014 it\u2019s belonging to a movement\r\n      of professionals shaping communities through cooperation, innovation, and service.\r\n    <\/p>\r\n\r\n    <button type=\"button\"\r\n      onclick=\"openCukaaAlumniModal('CUKAA Alumni Registration')\"\r\n      style=\"background:#f58520; color:#fff; padding:16px 36px; border-radius:40px; border:none; font-size:18px; font-weight:800; cursor:pointer; box-shadow:0 10px 20px rgba(245,133,32,.25);\">\r\n      Join the CUK Alumni Association \u2192\r\n    <\/button>\r\n\r\n    <p style=\"margin-top:50px; font-size:20px; font-style:italic; color:#0d4da1; font-weight:700;\">\r\n      Reconnect. Reignite. Reimagine the Future \u2014 Together.\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ====================== MODAL ====================== -->\r\n<div id=\"cukaaAlumniModal\" class=\"cukaa-modal\" aria-hidden=\"true\">\r\n  <div class=\"cukaa-alumni-panel\" role=\"dialog\" aria-modal=\"true\">\r\n\r\n    <button class=\"cukaa-close2\" type=\"button\" aria-label=\"Close\" onclick=\"closeCukaaAlumniModal()\">\u2715<\/button>\r\n\r\n    <div class=\"cukaa-alumni-layout\">\r\n\r\n      <!-- LEFT PANEL -->\r\n      <aside class=\"cukaa-alumni-aside\">\r\n        <h2>Alumni Registration<\/h2>\r\n        <p>Join a community that connects professionals, mentors students, and grows opportunities.<\/p>\r\n        <ul>\r\n          <li>\u2714 Networking & mentorship<\/li>\r\n          <li>\u2714 Alumni updates & events<\/li>\r\n          <li>\u2714 Volunteering & giving back<\/li>\r\n          <li>\u2714 Career & business links<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"cukaa-aside-badge\">\r\n          Together, We Learn \u2022 Lead \u2022 Give Back\r\n        <\/div>\r\n      <\/aside>\r\n\r\n      <!-- RIGHT PANEL -->\r\n      <main class=\"cukaa-alumni-main\">\r\n        <form id=\"cukaaAlumniForm\">\r\n\r\n          <!-- Hidden -->\r\n          <input type=\"hidden\" name=\"interest_type\" id=\"cukaaInterestType\">\r\n          <input type=\"hidden\" name=\"message\" id=\"cukaaMessageAlias\">\r\n\r\n          <!-- ===== 1. Personal Details ===== -->\r\n          <h2 class=\"cukaa-section-title\">1. Personal Details<\/h2>\r\n\r\n          <div class=\"cukaa-grid3\">\r\n            <div class=\"cukaa-field\">\r\n              <label>Title<\/label>\r\n              <select name=\"title\" required>\r\n                <option value=\"\">Select title<\/option>\r\n                <option value=\"Prof.\">Prof.<\/option>\r\n                <option value=\"Dr.\">Dr.<\/option>\r\n                <option value=\"Mr.\">Mr.<\/option>\r\n                <option value=\"Mrs.\">Mrs.<\/option>\r\n                <option value=\"Miss\">Miss<\/option>\r\n                <option value=\"Ms.\">Ms.<\/option>\r\n                <option value=\"Other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>First Name<\/label>\r\n              <input name=\"first_name\" required>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Middle Name<\/label>\r\n              <input name=\"middle_name\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Surname<\/label>\r\n              <input name=\"surname\" required>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Gender<\/label>\r\n              <select name=\"gender\">\r\n                <option value=\"\">Select<\/option>\r\n                <option value=\"Male\">Male<\/option>\r\n                <option value=\"Female\">Female<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Graduate of CUK \/ CUCK \/ CCK?<\/label>\r\n              <select name=\"cuk_graduate\" id=\"cukaaGraduate\">\r\n                <option value=\"Yes\">Yes<\/option>\r\n                <option value=\"No\">No<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\" id=\"cukaaGradYearGroup\">\r\n              <label>Year of Graduation<\/label>\r\n              <input name=\"graduation_year\" id=\"cukaaGradYear\" type=\"number\" min=\"1900\" max=\"2100\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Qualification Awarded<\/label>\r\n              <input name=\"qualification\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>School \/ Department<\/label>\r\n              <input name=\"school\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cukaa-field cukaa-full\">\r\n            <label>Other Qualifications<\/label>\r\n            <textarea name=\"other_qualifications\"><\/textarea>\r\n          <\/div>\r\n\r\n          <!-- ===== 2. Contact Details ===== -->\r\n          <h2 class=\"cukaa-section-title\">2. Contact Details<\/h2>\r\n\r\n          <div class=\"cukaa-grid3\">\r\n            <div class=\"cukaa-field\">\r\n              <label>ID \/ Passport No<\/label>\r\n              <input name=\"id_passport\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Current Employer<\/label>\r\n              <input name=\"employer\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Position<\/label>\r\n              <input name=\"position\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Physical Address<\/label>\r\n              <input name=\"physical_address\" required>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Postal Address<\/label>\r\n              <input name=\"postal_address\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Postal Code<\/label>\r\n              <input name=\"postal_code\">\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Telephone<\/label>\r\n              <input name=\"telephone\" required>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Email<\/label>\r\n              <input name=\"email\" type=\"email\" required>\r\n            <\/div>\r\n\r\n            <div class=\"cukaa-field\">\r\n              <label>Membership No. (If any)<\/label>\r\n              <input name=\"membership_number\">\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- ===== 3. Membership Subscription (LAST) ===== -->\r\n          <h2 class=\"cukaa-section-title\">3. Membership Subscription<\/h2>\r\n\r\n          <div class=\"cukaa-membership-options\">\r\n            <label class=\"cukaa-membership-card\">\r\n              <input type=\"radio\" name=\"membership\" value=\"Gold Life Member \u2013 KES 100,000\" required>\r\n              <span class=\"t\">Gold Life Member<\/span>\r\n              <span class=\"p\">KES 100,000<\/span>\r\n            <\/label>\r\n\r\n            <label class=\"cukaa-membership-card\">\r\n              <input type=\"radio\" name=\"membership\" value=\"Silver Life Member \u2013 KES 50,000\">\r\n              <span class=\"t\">Silver Life Member<\/span>\r\n              <span class=\"p\">KES 50,000<\/span>\r\n            <\/label>\r\n\r\n            <label class=\"cukaa-membership-card\">\r\n              <input type=\"radio\" name=\"membership\" value=\"Bronze Life Member \u2013 KES 25,000\">\r\n              <span class=\"t\">Bronze Life Member<\/span>\r\n              <span class=\"p\">KES 25,000<\/span>\r\n            <\/label>\r\n\r\n            <label class=\"cukaa-membership-card\">\r\n              <input type=\"radio\" name=\"membership\" value=\"Ordinary Member \u2013 KES 1,000 p.a.\">\r\n              <span class=\"t\">Ordinary Member<\/span>\r\n              <span class=\"p\">KES 1,000 p.a.<\/span>\r\n            <\/label>\r\n\r\n            <label class=\"cukaa-membership-card\">\r\n              <input type=\"radio\" name=\"membership\" value=\"Honorary Member \u2013 KES 2,000 p.a.\">\r\n              <span class=\"t\">Honorary Member<\/span>\r\n              <span class=\"p\">KES 2,000 p.a.<\/span>\r\n            <\/label>\r\n          <\/div>\r\n\r\n          <div class=\"cukaa-field cukaa-full\">\r\n            <label>Message (Optional)<\/label>\r\n            <textarea id=\"cukaaNotes\" name=\"notes\"><\/textarea>\r\n          <\/div>\r\n\r\n          <!-- Honeypot -->\r\n          <input type=\"text\" name=\"website\" style=\"display:none\">\r\n\r\n          <div class=\"actions\">\r\n            <button type=\"button\" onclick=\"closeCukaaAlumniModal()\">Cancel<\/button>\r\n            <button type=\"submit\" id=\"cukaaAlumniSubmitBtn\">Submit Registration \u2192<\/button>\r\n          <\/div>\r\n\r\n          <div id=\"cukaaAlumniSuccess\" class=\"success\">\u2705 Registration received.<\/div>\r\n          <div id=\"cukaaAlumniError\" class=\"error\">\u274c Submission failed.<\/div>\r\n        <\/form>\r\n      <\/main>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ====================== MODAL BASE STYLES ====================== -->\r\n<style>\r\n  .cukaa-modal{\r\n    display:none;\r\n    position:fixed;\r\n    inset:0;\r\n    background:rgba(0,0,0,.6);\r\n    z-index:9999;\r\n    padding:20px;\r\n    overflow:auto;\r\n  }\r\n  .cukaa-modal.is-open{display:block}\r\n\r\n  .cukaa-alumni-panel{\r\n    max-width:1100px;\r\n    margin:40px auto;\r\n    background:#fff;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    position:relative;\r\n    box-shadow:0 14px 40px rgba(0,0,0,.22);\r\n    width:min(1100px, 96vw);\r\n  }\r\n\r\n  .cukaa-close2{\r\n    position:absolute;\r\n    top:14px;\r\n    right:14px;\r\n    border:none;\r\n    background:#fff;\r\n    border-radius:12px;\r\n    width:42px;\r\n    height:42px;\r\n    cursor:pointer;\r\n    font-size:18px;\r\n    box-shadow:0 6px 14px rgba(0,0,0,.10);\r\n    z-index:2;\r\n  }\r\n\r\n  .cukaa-alumni-layout{display:grid;grid-template-columns:1fr 1.4fr}\r\n  .cukaa-alumni-aside{\r\n    background:linear-gradient(160deg,#0d4da1,#123f7c);\r\n    color:#fff;\r\n    padding:30px;\r\n    min-width:0;\r\n  }\r\n  .cukaa-alumni-aside h2{margin:0 0 10px;font-size:22px}\r\n  .cukaa-alumni-aside p{opacity:.95;line-height:1.5}\r\n  .cukaa-alumni-aside ul{margin:16px 0 0;padding-left:18px}\r\n  .cukaa-alumni-aside li{margin:8px 0}\r\n  .cukaa-aside-badge{\r\n    margin-top:18px;\r\n    display:inline-block;\r\n    background:rgba(255,255,255,.12);\r\n    border:1px solid rgba(255,255,255,.22);\r\n    padding:10px 14px;\r\n    border-radius:999px;\r\n    font-weight:800;\r\n    font-size:13px;\r\n  }\r\n\r\n  .cukaa-alumni-main{padding:30px; background:#fff; min-width:0;}\r\n\r\n  .cukaa-field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px;}\r\n  .cukaa-field label{font-weight:700; color:#1a1a1a; font-size:14px;}\r\n\r\n  .cukaa-field input,\r\n  .cukaa-field select,\r\n  .cukaa-field textarea{\r\n    width:100%;\r\n    padding:12px 14px;\r\n    border-radius:12px;\r\n    border:1px solid rgba(0,0,0,.14);\r\n    font-size:14px;\r\n    outline:none;\r\n    background:#fff;\r\n    transition:box-shadow .2s,border-color .2s;\r\n  }\r\n  .cukaa-field input:focus,\r\n  .cukaa-field select:focus,\r\n  .cukaa-field textarea:focus{\r\n    border-color:rgba(13,77,161,.45);\r\n    box-shadow:0 0 0 4px rgba(13,77,161,.12);\r\n  }\r\n  .cukaa-field textarea{min-height:90px; resize:vertical;}\r\n\r\n  .cukaa-section-title{\r\n    font-size:26px;\r\n    color:#0d4da1;\r\n    font-weight:900;\r\n    border-left:6px solid #f58520;\r\n    padding-left:12px;\r\n    margin:18px 0 14px;\r\n  }\r\n\r\n  .cukaa-grid3{\r\n    display:grid;\r\n    grid-template-columns:repeat(3, minmax(220px, 1fr));\r\n    gap:18px;\r\n  }\r\n  .cukaa-full{margin-top:2px}\r\n\r\n  .cukaa-membership-options{\r\n    display:grid;\r\n    grid-template-columns:repeat(4, minmax(180px, 1fr));\r\n    gap:14px;\r\n    margin-bottom:10px;\r\n    width:100%;\r\n    max-width:100%;\r\n  }\r\n  .cukaa-membership-card{\r\n    position:relative;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:6px;\r\n    padding:16px 14px 14px 46px;\r\n    border:1px solid rgba(13,77,161,0.22);\r\n    border-radius:16px;\r\n    background:linear-gradient(160deg,#ffffff,#f5f8fd);\r\n    cursor:pointer;\r\n    user-select:none;\r\n    transition:transform .15s, box-shadow .15s, border-color .15s;\r\n    min-height:74px;\r\n  }\r\n  .cukaa-membership-card:hover{\r\n    transform:translateY(-1px);\r\n    box-shadow:0 10px 22px rgba(13,77,161,.10);\r\n    border-color:rgba(13,77,161,0.35);\r\n  }\r\n  .cukaa-membership-card input{\r\n    position:absolute;\r\n    left:14px;\r\n    top:16px;\r\n    width:auto !important;\r\n  }\r\n  .cukaa-membership-card .t{font-weight:900; color:#1a1a1a;}\r\n  .cukaa-membership-card .p{font-weight:800; color:#0d4da1;}\r\n  .cukaa-membership-card:has(input:checked){\r\n    border-color:rgba(245,133,32,.95);\r\n    box-shadow:0 14px 26px rgba(245,133,32,.16);\r\n    background:linear-gradient(160deg,#fff7ef,#ffffff);\r\n  }\r\n\r\n  .actions{display:flex; justify-content:flex-end; gap:10px; margin-top:16px; flex-wrap:wrap;}\r\n  .actions button{padding:12px 18px; border-radius:999px; border:none; font-weight:900; cursor:pointer;}\r\n  .actions button:first-child{background:#eef2f7; color:#0d4da1;}\r\n  .actions button:last-child{background:linear-gradient(135deg,#0d4da1,#f58520); color:#fff; box-shadow:0 10px 20px rgba(13,77,161,.18);}\r\n  .actions button:disabled{opacity:.7; cursor:not-allowed;}\r\n\r\n  .success,.error{display:none;margin-top:12px;font-weight:900}\r\n  .success{color:green}\r\n  .error{color:red}\r\n\r\n  \/* Theme safety *\/\r\n  #cukaaAlumniModal *{box-sizing:border-box}\r\n  #cukaaAlumniModal label,\r\n  #cukaaAlumniModal input,\r\n  #cukaaAlumniModal select,\r\n  #cukaaAlumniModal textarea{\r\n    width:100%!important;\r\n    float:none!important;\r\n  }\r\n  #cukaaAlumniModal input[type=\"radio\"]{width:auto!important}\r\n\r\n  \/* Basic responsive *\/\r\n  @media (max-width: 980px){\r\n    .cukaa-alumni-layout{grid-template-columns:1fr;}\r\n    .cukaa-grid3{grid-template-columns:1fr;}\r\n    .cukaa-membership-options{grid-template-columns:repeat(2, minmax(180px,1fr));}\r\n  }\r\n  @media (max-width: 560px){\r\n    .cukaa-modal{padding:12px}\r\n    .cukaa-membership-options{grid-template-columns:1fr;}\r\n    .actions{justify-content:stretch}\r\n    .actions button{width:100%}\r\n  }\r\n<\/style>\r\n\r\n<!-- ====================== EXACT TUNING PATCH (BOTTOM OVERRIDES) ====================== -->\r\n<style>\r\n  \/* Overlay: center + avoid cutoffs *\/\r\n  #cukaaAlumniModal.cukaa-modal{\r\n    padding: 12px !important;\r\n    overflow: auto !important;\r\n    display: none;\r\n  }\r\n  #cukaaAlumniModal.cukaa-modal.is-open{\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  \/* Panel: always fits screen, no clipping *\/\r\n  #cukaaAlumniModal .cukaa-alumni-panel{\r\n    width: min(1100px, 96vw) !important;\r\n    max-height: 92vh !important;\r\n    margin: 0 !important;\r\n    overflow: hidden !important;\r\n    border-radius: 22px !important;\r\n    position: relative !important;\r\n  }\r\n\r\n  \/* Layout: fixed-height frame *\/\r\n  #cukaaAlumniModal .cukaa-alumni-layout{\r\n    height: 92vh !important;\r\n    max-height: 92vh !important;\r\n    display: grid !important;\r\n    grid-template-columns: 0.72fr 1.78fr !important; \/* LEFT smaller *\/\r\n  }\r\n\r\n  \/* Left: slimmer + orange accents *\/\r\n  #cukaaAlumniModal .cukaa-alumni-aside{\r\n    padding: 24px !important;\r\n    background: linear-gradient(160deg,#0d4da1,#0b3d82) !important;\r\n    overflow: auto !important;\r\n    min-width: 0 !important;\r\n    position: relative !important;\r\n  }\r\n  #cukaaAlumniModal .cukaa-alumni-aside::after{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    top:0 !important; right:0 !important;\r\n    width: 10px !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(180deg,#f58520,#ffb067) !important;\r\n    opacity: .95 !important;\r\n  }\r\n  #cukaaAlumniModal .cukaa-alumni-aside::before{\r\n    content:\"\" !important;\r\n    position:absolute !important;\r\n    inset:0 !important;\r\n    background: radial-gradient(600px 300px at 15% 15%, rgba(245,133,32,.18), transparent 55%) !important;\r\n    pointer-events:none !important;\r\n  }\r\n  #cukaaAlumniModal .cukaa-aside-badge{\r\n    background: rgba(245,133,32,.16) !important;\r\n    border: 1px solid rgba(245,133,32,.42) !important;\r\n  }\r\n\r\n  \/* Right: scroll here (fix hidden areas) *\/\r\n  #cukaaAlumniModal .cukaa-alumni-main{\r\n    overflow: auto !important;\r\n    height: 100% !important;\r\n    max-height: 92vh !important;\r\n    padding: 26px 28px 34px !important;\r\n    min-width: 0 !important;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  \/* Close button *\/\r\n  #cukaaAlumniModal .cukaa-close2{\r\n    z-index: 5 !important;\r\n    top: 12px !important;\r\n    right: 12px !important;\r\n    background: #fff !important;\r\n    border: 1px solid rgba(0,0,0,.08) !important;\r\n    box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;\r\n  }\r\n\r\n  \/* Prevent squeeze *\/\r\n  #cukaaAlumniModal .cukaa-grid3{\r\n    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;\r\n    gap: 18px !important;\r\n  }\r\n  #cukaaAlumniModal .cukaa-membership-options{\r\n    grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;\r\n  }\r\n\r\n  \/* Sticky action area so buttons never get cut *\/\r\n  #cukaaAlumniModal .actions{\r\n    position: sticky !important;\r\n    bottom: 0 !important;\r\n    background: #fff !important;\r\n    padding: 12px 0 0 !important;\r\n    margin-top: 10px !important;\r\n  }\r\n  #cukaaAlumniModal .actions::before{\r\n    content:\"\" !important;\r\n    display:block !important;\r\n    height: 10px !important;\r\n    margin-bottom: 8px !important;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff) !important;\r\n  }\r\n\r\n  \/* Elementor \/ smaller laptops *\/\r\n  @media (max-width: 1100px){\r\n    #cukaaAlumniModal .cukaa-alumni-layout{\r\n      grid-template-columns: 0.78fr 1.22fr !important;\r\n    }\r\n    #cukaaAlumniModal .cukaa-membership-options{\r\n      grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;\r\n    }\r\n  }\r\n\r\n  \/* Tablet: stack + keep form visible *\/\r\n  @media (max-width: 980px){\r\n    #cukaaAlumniModal .cukaa-alumni-layout{\r\n      grid-template-columns: 1fr !important;\r\n      height: 92vh !important;\r\n    }\r\n    #cukaaAlumniModal .cukaa-alumni-aside{\r\n      max-height: 240px !important;\r\n      overflow: auto !important;\r\n    }\r\n    #cukaaAlumniModal .cukaa-grid3{\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    #cukaaAlumniModal .cukaa-membership-options{\r\n      grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;\r\n    }\r\n  }\r\n\r\n  \/* Phone *\/\r\n  @media (max-width: 560px){\r\n    #cukaaAlumniModal.cukaa-modal{ padding: 10px !important; }\r\n    #cukaaAlumniModal .cukaa-alumni-main{ padding: 16px 16px 28px !important; }\r\n    #cukaaAlumniModal .cukaa-alumni-aside{ padding: 16px !important; }\r\n    #cukaaAlumniModal .cukaa-membership-options{\r\n      grid-template-columns: 1fr !important;\r\n    }\r\n    #cukaaAlumniModal .actions{\r\n      flex-direction: column !important;\r\n      gap: 10px !important;\r\n    }\r\n    #cukaaAlumniModal .actions button{\r\n      width: 100% !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ====================== SCRIPT ====================== -->\r\n<script>\r\n  const ALUMNI_REG_ENDPOINT = \"https:\/\/script.google.com\/macros\/s\/AKfycbxFpIliRWOQewL6M9XkBsd7-WT-nvKiBEQ_B5_Qu05iiTT_LwsNUGpHgmeCl8qdnIMDFA\/exec\";\r\n\r\n  function openCukaaAlumniModal(label){\r\n    document.getElementById('cukaaInterestType').value = label;\r\n    document.getElementById('cukaaAlumniSuccess').style.display='none';\r\n    document.getElementById('cukaaAlumniError').style.display='none';\r\n\r\n    document.getElementById('cukaaAlumniModal').classList.add('is-open');\r\n    document.getElementById('cukaaAlumniModal').setAttribute('aria-hidden','false');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeCukaaAlumniModal(){\r\n    document.getElementById('cukaaAlumniModal').classList.remove('is-open');\r\n    document.getElementById('cukaaAlumniModal').setAttribute('aria-hidden','true');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  \/\/ close when clicking outside panel\r\n  document.getElementById('cukaaAlumniModal').addEventListener('click', function(e){\r\n    if (e.target === this) closeCukaaAlumniModal();\r\n  });\r\n\r\n  \/\/ close on ESC\r\n  document.addEventListener('keydown', function(e){\r\n    if (e.key === 'Escape' && document.getElementById('cukaaAlumniModal').classList.contains('is-open')) {\r\n      closeCukaaAlumniModal();\r\n    }\r\n  });\r\n\r\n  \/\/ Show\/hide Graduation Year when graduate is No\r\n  (function(){\r\n    const graduateSelect = document.getElementById('cukaaGraduate');\r\n    const gradYearGroup = document.getElementById('cukaaGradYearGroup');\r\n    const gradYearInput = document.getElementById('cukaaGradYear');\r\n\r\n    function toggleGradYear(){\r\n      if (!graduateSelect || !gradYearGroup || !gradYearInput) return;\r\n      if (graduateSelect.value === 'Yes'){\r\n        gradYearGroup.style.display = '';\r\n        gradYearInput.disabled = false;\r\n      } else {\r\n        gradYearGroup.style.display = 'none';\r\n        gradYearInput.value = '';\r\n        gradYearInput.disabled = true;\r\n      }\r\n    }\r\n    if (graduateSelect){\r\n      graduateSelect.addEventListener('change', toggleGradYear);\r\n      toggleGradYear();\r\n    }\r\n  })();\r\n\r\n  \/\/ Submit\r\n  document.getElementById('cukaaAlumniForm').addEventListener('submit', function(e){\r\n    e.preventDefault();\r\n\r\n    document.getElementById('cukaaMessageAlias').value =\r\n      document.getElementById('cukaaNotes').value;\r\n\r\n    const btn = document.getElementById('cukaaAlumniSubmitBtn');\r\n    btn.disabled = true;\r\n    btn.textContent = 'Submitting...';\r\n\r\n    fetch(ALUMNI_REG_ENDPOINT,{\r\n      method:'POST',\r\n      body:new URLSearchParams(new FormData(this)),\r\n      mode:'no-cors'\r\n    }).then(()=>{\r\n      document.getElementById('cukaaAlumniSuccess').style.display='block';\r\n      document.getElementById('cukaaAlumniError').style.display='none';\r\n      this.reset();\r\n      setTimeout(closeCukaaAlumniModal,1500);\r\n    }).catch(()=>{\r\n      document.getElementById('cukaaAlumniError').style.display='block';\r\n      document.getElementById('cukaaAlumniSuccess').style.display='none';\r\n    }).finally(()=>{\r\n      btn.disabled=false;\r\n      btn.textContent='Submit Registration \u2192';\r\n    });\r\n  });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JOIN US Be Part of the Legacy Together, We Learn \u2022 Lead \u2022 Give Back Joining CUKAA means more than membership \u2014 it\u2019s belonging to a movement of professionals shaping communities through cooperation, innovation, and service. Join the CUK Alumni Association \u2192 Reconnect. Reignite. Reimagine the Future \u2014 Together. \u2715 Alumni Registration Join a community that connects professionals, mentors students, and grows opportunities. \u2714 Networking &amp; mentorship \u2714 Alumni updates &amp; events \u2714 Volunteering &amp; giving back \u2714 Career &amp; business links Together, We Learn \u2022 Lead \u2022 Give Back 1. Personal Details Title Select titleProf.Dr.Mr.Mrs.MissMs.Other First Name Middle Name Surname Gender SelectMaleFemale Graduate of CUK \/ CUCK \/ CCK? YesNo Year of Graduation Qualification Awarded School \/ Department Other Qualifications 2. Contact Details ID \/ Passport No Current Employer Position Physical Address Postal Address Postal Code Telephone Email Membership No. (If any) 3. Membership Subscription Gold Life Member KES 100,000 Silver Life Member KES 50,000 Bronze Life Member KES 25,000 Ordinary Member KES 1,000 p.a. Honorary Member KES 2,000 p.a. Message (Optional) Cancel Submit Registration \u2192 \u2705 Registration received. \u274c Submission failed.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-937","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/pages\/937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/comments?post=937"}],"version-history":[{"count":24,"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/pages\/937\/revisions"}],"predecessor-version":[{"id":1181,"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/pages\/937\/revisions\/1181"}],"wp:attachment":[{"href":"https:\/\/www.cuk.ac.ke\/alumni\/wp-json\/wp\/v2\/media?parent=937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}