Sekilas tentang Yayasan CBS | CBS Foundation<\/title>\n <meta name=\"description\" content=\"Sekilas tentang Yayasan CBS: CBS Learning Center, CBS Thinking Center, dan model kolaborasi CBS bersama berbagai platform dan mitra.\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 24px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n html body a,\n html body a:link,\n html body a:visited,\n html body a:hover,\n html body a:active,\n html body a:focus,\n html body .elementor a,\n html body .entry-content a,\n html body .site a,\n html body .wp-block a,\n html body .btn,\n html body .ecosystem-card a,\n html body .footer a {\n color: inherit;\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n outline: none !important;\n background-image: none !important;\n -webkit-text-decoration: none !important;\n }\n\n html body a::before,\n html body a::after,\n html body .btn::before,\n html body .btn::after {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n background-image: none !important;\n }\n\n .container {\n width: min(1120px, 92%);\n margin: 0 auto;\n }\n\n .hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n color: var(--white);\n padding: 96px 0 82px;\n background:\n radial-gradient(circle at 15% 20%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 88% 18%, rgba(255,255,255,.12), transparent 26%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 380px;\n height: 380px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -140px;\n top: 70px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n border-radius: 999px;\n background: rgba(217,164,65,.13);\n left: -80px;\n bottom: -40px;\n z-index: -1;\n animation: floaty 10s ease-in-out infinite reverse;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-inner {\n max-width: 880px;\n text-align: center;\n margin: 0 auto;\n }\n\n .hero-logo {\n height: 86px;\n width: auto;\n margin: 0 auto 30px;\n display: block;\n filter: drop-shadow(0 14px 30px rgba(0,0,0,.22));\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(42px, 5vw, 68px);\n line-height: 1.03;\n letter-spacing: -2px;\n margin-bottom: 20px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 760px;\n margin: 0 auto 30px;\n }\n\n .hero-actions {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604 !important;\n box-shadow: 0 12px 28px rgba(217,164,65,.25) !important;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n filter: brightness(.96);\n }\n\n .btn-outline {\n border-color: rgba(255,255,255,.45);\n color: var(--white) !important;\n background: rgba(255,255,255,.06);\n }\n\n .btn-outline:hover {\n background: rgba(255,255,255,.12);\n transform: translateY(-2px);\n }\n\n section { padding: 78px 0; }\n\n .section-title {\n text-align: center;\n max-width: 820px;\n margin: 0 auto 34px;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p {\n font-size: 18px;\n color: var(--muted);\n }\n\n .ecosystem-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 22px;\n align-items: stretch;\n }\n\n .ecosystem-card {\n background: rgba(255,255,255,.96);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n padding: 28px;\n display: flex;\n flex-direction: column;\n transition: .25s ease;\n overflow: hidden;\n text-align: center;\n }\n\n .ecosystem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .card-icon {\n width: 52px;\n height: 52px;\n border-radius: 18px;\n display: grid;\n place-items: center;\n background: #efe9da;\n color: var(--primary);\n font-size: 25px;\n margin: 0 auto 18px;\n }\n\n .ecosystem-card h3 {\n color: var(--primary);\n font-size: 25px;\n line-height: 1.18;\n margin-bottom: 12px;\n }\n\n .ecosystem-card p {\n color: var(--muted);\n margin-bottom: 22px;\n }\n\n .link-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n margin-top: auto;\n width: 100%;\n }\n\n .link-list a {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 11px 18px;\n border-radius: 999px;\n background: var(--accent);\n border: 1px solid transparent;\n color: #1f1604 !important;\n font-weight: 800;\n transition: .25s ease;\n min-width: 220px;\n max-width: 100%;\n text-align: center;\n box-shadow: 0 10px 24px rgba(217,164,65,.18) !important;\n }\n\n .link-list a:hover {\n transform: translateY(-2px);\n filter: brightness(.96);\n box-shadow: 0 14px 30px rgba(217,164,65,.25) !important;\n }\n\n .closing {\n background: #efe9da;\n padding: 76px 0;\n }\n\n .closing-box {\n background:\n radial-gradient(circle at 12% 18%, rgba(217,164,65,.18), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n color: var(--white);\n border-radius: 30px;\n padding: 44px;\n text-align: center;\n box-shadow: var(--shadow);\n }\n\n .closing-box h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.15;\n letter-spacing: -.8px;\n margin-bottom: 14px;\n }\n\n .closing-box p {\n color: rgba(255,255,255,.82);\n max-width: 760px;\n margin: 0 auto 24px;\n font-size: 18px;\n }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.76);\n padding: 46px 0;\n text-align: center;\n font-size: 14px;\n }\n\n .footer-logo {\n height: 70px;\n width: auto;\n margin-bottom: 18px;\n }\n\n .footer-contact {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px 24px;\n margin: 16px 0 22px;\n }\n\n .footer-contact a {\n color: rgba(255,255,255,.86) !important;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-contact a:hover { color: var(--accent) !important; }\n\n .contact-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n flex: 0 0 18px;\n }\n\n .copyright {\n color: rgba(255,255,255,.56);\n font-size: 13px;\n }\n\n [data-aos] {\n will-change: transform, opacity;\n }\n\n @media(max-width: 980px) {\n .ecosystem-grid { grid-template-columns: 1fr; }\n .hero { padding: 74px 0 58px; }\n h1 { letter-spacing: -1.3px; }\n .closing-box { padding: 32px 22px; }\n }\n\n @media(max-width: 520px) {\n .link-list a { width: 100%; min-width: 0; }\n }\n <\/style>\n<\/head>\n\n<body>\n <main>\n <section class=\"hero\">\n <div class=\"container hero-inner\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div class=\"eyebrow\">Sekilas tentang Yayasan CBS<\/div>\n <h1>Belajar, berpikir, dan berkolaborasi untuk dampak yang lebih nyata.<\/h1>\n <p>\n Yayasan Cendekia Bakti Sejahtera atau CBS Foundation mengembangkan ekosistem pendidikan, pengembangan ide, dan kolaborasi berbasis kebutuhan masyarakat melalui beberapa inisiatif yang saling terhubung.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#ecosystem\" class=\"btn btn-primary\">Lihat Ekosistem CBS<\/a>\n <a href=\"https:\/\/cbs.or.id\/home\" class=\"btn btn-outline\">Masuk Website Utama<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"ecosystem\">\n <div class=\"container\">\n <div class=\"section-title\" data-aos=\"fade-up\">\n <h2>Ekosistem CBS<\/h2>\n <p>\n CBS bergerak melalui tiga jalur utama: pembelajaran, pengembangan ide, dan kolaborasi. Setiap jalur memiliki ruang dan platform masing-masing agar lebih mudah diakses sesuai kebutuhan.\n <\/p>\n <\/div>\n\n <div class=\"ecosystem-grid\">\n <article class=\"ecosystem-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"card-icon\">\ud83c\udf93<\/div>\n <h3>CBS Learning Center<\/h3>\n <p>\n Ruang pembelajaran dan pelatihan praktis CBS, mulai dari training berbasis kebutuhan, program akademi online, hingga pengembangan sistem e-learning dan CBT.\n <\/p>\n <div class=\"link-list\">\n <a href=\"https:\/\/cbs.or.id\/learning\">CBS Learning Center<\/a>\n <a href=\"https:\/\/cbs.or.id\/pkbm\">PKBM<\/a>\n <a href=\"https:\/\/cbs.or.id\/akademisme\">AkademiSME<\/a>\n <a href=\"https:\/\/cbs.or.id\/amolinesia\">Amolinesia<\/a>\n <a href=\"https:\/\/cbs.or.id\/akpolonline\">Akpol Online<\/a>\n <\/div>\n <\/article>\n\n <article class=\"ecosystem-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"card-icon\">\ud83d\udca1<\/div>\n <h3>CBS Thinking Center<\/h3>\n <p>\n Ruang pengembangan ide, konsep, dan inovasi sosial. Di sini, gagasan dapat dikurasi, diuji, dibuka untuk kolaborasi, atau dikembangkan menjadi konsep yang dapat digunakan masyarakat.\n <\/p>\n <div class=\"link-list\">\n <a href=\"https:\/\/cbs.or.id\/thinking\">CBS Thinking Center<\/a>\n <a href=\"https:\/\/cbs.or.id\/idee\">Available Concepts<\/a>\n <a href=\"https:\/\/cbs.or.id\/collaborate\">Collaborate<\/a>\n <\/div>\n <\/article>\n\n <article class=\"ecosystem-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"card-icon\">\ud83e\udd1d<\/div>\n <h3>CBS Collaborate<\/h3>\n <p>\n Model kolaborasi CBS dengan berbagai platform dan inisiatif. Kolaborasi dapat berbentuk pengembangan program, pemanfaatan jaringan, marketplace, maupun dukungan eksekusi ide.\n <\/p>\n <div class=\"link-list\">\n <a href=\"https:\/\/cbs.or.id\/cendekia8\">Cendekia8<\/a>\n <a href=\"https:\/\/makammuslim.id\/home\">Makam Muslim<\/a>\n <a href=\"https:\/\/bandartukang.id\/halo\">Bandar Tukang<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"closing\">\n <div class=\"container\">\n <div class=\"closing-box\" data-aos=\"zoom-in\" data-aos-duration=\"900\">\n <h2>Mari berkolaborasi bersama CBS.<\/h2>\n <p>\n Jika Anda memiliki ide, program, komunitas, jaringan, atau kebutuhan pengembangan pembelajaran dan kolaborasi, CBS terbuka untuk berdiskusi dan membangun langkah yang lebih nyata bersama.\n <\/p>\n <a href=\"https:\/\/wa.me\/62817772112?text=Halo%20CBS%2C%20saya%20tertarik%20untuk%20berkolaborasi%20dan%20ingin%20berdiskusi%20lebih%20lanjut.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Hubungi CBS via WhatsApp<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container\" data-aos=\"fade-up\">\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div class=\"footer-contact\">\n <a href=\"mailto:halo@cbs.or.id\" aria-label=\"Email CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 6.5H20V17.5H4V6.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n halo@cbs.or.id\n <\/a>\n <a href=\"https:\/\/wa.me\/62817772112\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 3.5C7.3 3.5 3.5 7.18 3.5 11.72C3.5 13.33 3.99 14.84 4.83 16.11L4 20.5L8.55 19.47C9.61 19.77 10.77 19.94 12 19.94C16.7 19.94 20.5 16.26 20.5 11.72C20.5 7.18 16.7 3.5 12 3.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M9.15 8.65C9.32 8.25 9.5 8.24 9.75 8.24H10.18C10.32 8.24 10.51 8.29 10.68 8.65C10.85 9.02 11.25 9.91 11.3 10.01C11.35 10.12 11.38 10.25 11.32 10.39C11.25 10.53 11.21 10.61 11.1 10.74C10.99 10.86 10.87 11.01 10.78 11.11C10.67 11.22 10.56 11.35 10.68 11.57C10.79 11.79 11.18 12.41 11.77 12.93C12.52 13.59 13.14 13.79 13.37 13.9C13.6 14.01 13.73 13.99 13.86 13.84C13.99 13.69 14.42 13.2 14.57 12.98C14.72 12.76 14.87 12.8 15.08 12.88C15.29 12.95 16.4 13.48 16.64 13.6C16.88 13.72 17.04 13.78 17.1 13.88C17.16 13.99 17.16 14.5 16.96 15.09C16.76 15.68 15.78 16.21 15.28 16.25C14.84 16.29 14.27 16.28 13.65 16.08C13.27 15.96 12.79 15.8 12.17 15.53C9.56 14.4 7.87 11.88 7.74 11.71C7.61 11.53 6.68 10.29 6.68 9C6.68 7.72 7.32 7.09 7.54 6.85\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\n <\/svg>\n +62817772112\n <\/a>\n <\/div>\n <div class=\"copyright\">\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n if (typeof AOS !== \"undefined\") {\n AOS.init({\n once: true,\n duration: 900,\n easing: \"ease-out-cubic\",\n offset: 80\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sekilas tentang Yayasan CBS | CBS Foundation Sekilas tentang Yayasan CBS Belajar, berpikir, dan berkolaborasi untuk dampak yang lebih nyata. Yayasan Cendekia Bakti Sejahtera atau CBS Foundation mengembangkan ekosistem pendidikan, pengembangan ide, dan kolaborasi berbasis kebutuhan masyarakat melalui beberapa inisiatif yang saling terhubung. Lihat Ekosistem CBS Masuk Website Utama Ekosistem CBS CBS bergerak melalui tiga […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages\/18\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":18,"date":"2026-05-13T15:33:24","date_gmt":"2026-05-13T08:33:24","guid":{"rendered":"https:\/\/cbs.or.id\/halo\/?page_id=18"},"modified":"2026-05-13T15:33:25","modified_gmt":"2026-05-13T08:33:25","slug":"18-2","status":"publish","type":"page","link":"https:\/\/cbs.or.id\/halo\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Sekilas tentang Yayasan CBS | CBS Foundation<\/title>\n <meta name=\"description\" content=\"Sekilas tentang Yayasan CBS: CBS Learning Center, CBS Thinking Center, dan model kolaborasi CBS bersama berbagai platform dan mitra.\" \/>\n\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" \/>\n\n <style>\n :root {\n --primary: #0f3d3e;\n --dark: #071f20;\n --accent: #d9a441;\n --bg: #f7f5ef;\n --text: #1f2933;\n --muted: #6b7280;\n --white: #ffffff;\n --border: #e5e7eb;\n --shadow: 0 18px 50px rgba(0,0,0,.10);\n --radius: 24px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg);\n color: var(--text);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n html body a,\n html body a:link,\n html body a:visited,\n html body a:hover,\n html body a:active,\n html body a:focus,\n html body .elementor a,\n html body .entry-content a,\n html body .site a,\n html body .wp-block a,\n html body .btn,\n html body .ecosystem-card a,\n html body .footer a {\n color: inherit;\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n outline: none !important;\n background-image: none !important;\n -webkit-text-decoration: none !important;\n }\n\n html body a::before,\n html body a::after,\n html body .btn::before,\n html body .btn::after {\n text-decoration: none !important;\n border-bottom: none !important;\n box-shadow: none !important;\n background-image: none !important;\n }\n\n .container {\n width: min(1120px, 92%);\n margin: 0 auto;\n }\n\n .hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n color: var(--white);\n padding: 96px 0 82px;\n background:\n radial-gradient(circle at 15% 20%, rgba(217,164,65,.28), transparent 28%),\n radial-gradient(circle at 88% 18%, rgba(255,255,255,.12), transparent 26%),\n linear-gradient(135deg, var(--primary), var(--dark));\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n width: 380px;\n height: 380px;\n border: 1px solid rgba(255,255,255,.15);\n border-radius: 999px;\n right: -140px;\n top: 70px;\n z-index: -1;\n animation: floaty 8s ease-in-out infinite;\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n width: 220px;\n height: 220px;\n border-radius: 999px;\n background: rgba(217,164,65,.13);\n left: -80px;\n bottom: -40px;\n z-index: -1;\n animation: floaty 10s ease-in-out infinite reverse;\n }\n\n @keyframes floaty {\n 0%,100% { transform: translateY(0) rotate(0); }\n 50% { transform: translateY(-18px) rotate(5deg); }\n }\n\n .hero-inner {\n max-width: 880px;\n text-align: center;\n margin: 0 auto;\n }\n\n .hero-logo {\n height: 86px;\n width: auto;\n margin: 0 auto 30px;\n display: block;\n filter: drop-shadow(0 14px 30px rgba(0,0,0,.22));\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(255,255,255,.09);\n border: 1px solid rgba(255,255,255,.13);\n color: #f4d48b;\n font-size: 13px;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 16px;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--accent);\n box-shadow: 0 0 0 6px rgba(217,164,65,.15);\n }\n\n h1 {\n font-size: clamp(42px, 5vw, 68px);\n line-height: 1.03;\n letter-spacing: -2px;\n margin-bottom: 20px;\n }\n\n .hero p {\n font-size: 19px;\n color: rgba(255,255,255,.84);\n max-width: 760px;\n margin: 0 auto 30px;\n }\n\n .hero-actions {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 12px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 13px 20px;\n border-radius: 999px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: .25s ease;\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n\n .btn-primary {\n background: var(--accent);\n color: #1f1604 !important;\n box-shadow: 0 12px 28px rgba(217,164,65,.25) !important;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n filter: brightness(.96);\n }\n\n .btn-outline {\n border-color: rgba(255,255,255,.45);\n color: var(--white) !important;\n background: rgba(255,255,255,.06);\n }\n\n .btn-outline:hover {\n background: rgba(255,255,255,.12);\n transform: translateY(-2px);\n }\n\n section { padding: 78px 0; }\n\n .section-title {\n text-align: center;\n max-width: 820px;\n margin: 0 auto 34px;\n }\n\n .section-title h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.12;\n letter-spacing: -.8px;\n color: var(--dark);\n margin-bottom: 14px;\n }\n\n .section-title p {\n font-size: 18px;\n color: var(--muted);\n }\n\n .ecosystem-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 22px;\n align-items: stretch;\n }\n\n .ecosystem-card {\n background: rgba(255,255,255,.96);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n box-shadow: 0 8px 26px rgba(0,0,0,.045);\n padding: 28px;\n display: flex;\n flex-direction: column;\n transition: .25s ease;\n overflow: hidden;\n text-align: center;\n }\n\n .ecosystem-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--shadow);\n }\n\n .card-icon {\n width: 52px;\n height: 52px;\n border-radius: 18px;\n display: grid;\n place-items: center;\n background: #efe9da;\n color: var(--primary);\n font-size: 25px;\n margin: 0 auto 18px;\n }\n\n .ecosystem-card h3 {\n color: var(--primary);\n font-size: 25px;\n line-height: 1.18;\n margin-bottom: 12px;\n }\n\n .ecosystem-card p {\n color: var(--muted);\n margin-bottom: 22px;\n }\n\n .link-list {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n margin-top: auto;\n width: 100%;\n }\n\n .link-list a {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 11px 18px;\n border-radius: 999px;\n background: var(--accent);\n border: 1px solid transparent;\n color: #1f1604 !important;\n font-weight: 800;\n transition: .25s ease;\n min-width: 220px;\n max-width: 100%;\n text-align: center;\n box-shadow: 0 10px 24px rgba(217,164,65,.18) !important;\n }\n\n .link-list a:hover {\n transform: translateY(-2px);\n filter: brightness(.96);\n box-shadow: 0 14px 30px rgba(217,164,65,.25) !important;\n }\n\n .closing {\n background: #efe9da;\n padding: 76px 0;\n }\n\n .closing-box {\n background:\n radial-gradient(circle at 12% 18%, rgba(217,164,65,.18), transparent 28%),\n linear-gradient(135deg, var(--primary), var(--dark));\n color: var(--white);\n border-radius: 30px;\n padding: 44px;\n text-align: center;\n box-shadow: var(--shadow);\n }\n\n .closing-box h2 {\n font-size: clamp(30px, 4vw, 44px);\n line-height: 1.15;\n letter-spacing: -.8px;\n margin-bottom: 14px;\n }\n\n .closing-box p {\n color: rgba(255,255,255,.82);\n max-width: 760px;\n margin: 0 auto 24px;\n font-size: 18px;\n }\n\n .footer {\n background: #071f20;\n color: rgba(255,255,255,.76);\n padding: 46px 0;\n text-align: center;\n font-size: 14px;\n }\n\n .footer-logo {\n height: 70px;\n width: auto;\n margin-bottom: 18px;\n }\n\n .footer-contact {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px 24px;\n margin: 16px 0 22px;\n }\n\n .footer-contact a {\n color: rgba(255,255,255,.86) !important;\n font-weight: 700;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .footer-contact a:hover { color: var(--accent) !important; }\n\n .contact-icon {\n width: 18px;\n height: 18px;\n display: inline-block;\n flex: 0 0 18px;\n }\n\n .copyright {\n color: rgba(255,255,255,.56);\n font-size: 13px;\n }\n\n [data-aos] {\n will-change: transform, opacity;\n }\n\n @media(max-width: 980px) {\n .ecosystem-grid { grid-template-columns: 1fr; }\n .hero { padding: 74px 0 58px; }\n h1 { letter-spacing: -1.3px; }\n .closing-box { padding: 32px 22px; }\n }\n\n @media(max-width: 520px) {\n .link-list a { width: 100%; min-width: 0; }\n }\n <\/style>\n<\/head>\n\n<body>\n <main>\n <section class=\"hero\">\n <div class=\"container hero-inner\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div class=\"eyebrow\">Sekilas tentang Yayasan CBS<\/div>\n <h1>Belajar, berpikir, dan berkolaborasi untuk dampak yang lebih nyata.<\/h1>\n <p>\n Yayasan Cendekia Bakti Sejahtera atau CBS Foundation mengembangkan ekosistem pendidikan, pengembangan ide, dan kolaborasi berbasis kebutuhan masyarakat melalui beberapa inisiatif yang saling terhubung.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"#ecosystem\" class=\"btn btn-primary\">Lihat Ekosistem CBS<\/a>\n <a href=\"https:\/\/cbs.or.id\/home\" class=\"btn btn-outline\">Masuk Website Utama<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"ecosystem\">\n <div class=\"container\">\n <div class=\"section-title\" data-aos=\"fade-up\">\n <h2>Ekosistem CBS<\/h2>\n <p>\n CBS bergerak melalui tiga jalur utama: pembelajaran, pengembangan ide, dan kolaborasi. Setiap jalur memiliki ruang dan platform masing-masing agar lebih mudah diakses sesuai kebutuhan.\n <\/p>\n <\/div>\n\n <div class=\"ecosystem-grid\">\n <article class=\"ecosystem-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n <div class=\"card-icon\">\ud83c\udf93<\/div>\n <h3>CBS Learning Center<\/h3>\n <p>\n Ruang pembelajaran dan pelatihan praktis CBS, mulai dari training berbasis kebutuhan, program akademi online, hingga pengembangan sistem e-learning dan CBT.\n <\/p>\n <div class=\"link-list\">\n <a href=\"https:\/\/cbs.or.id\/learning\">CBS Learning Center<\/a>\n <a href=\"https:\/\/cbs.or.id\/pkbm\">PKBM<\/a>\n <a href=\"https:\/\/cbs.or.id\/akademisme\">AkademiSME<\/a>\n <a href=\"https:\/\/cbs.or.id\/amolinesia\">Amolinesia<\/a>\n <a href=\"https:\/\/cbs.or.id\/akpolonline\">Akpol Online<\/a>\n <\/div>\n <\/article>\n\n <article class=\"ecosystem-card\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n <div class=\"card-icon\">\ud83d\udca1<\/div>\n <h3>CBS Thinking Center<\/h3>\n <p>\n Ruang pengembangan ide, konsep, dan inovasi sosial. Di sini, gagasan dapat dikurasi, diuji, dibuka untuk kolaborasi, atau dikembangkan menjadi konsep yang dapat digunakan masyarakat.\n <\/p>\n <div class=\"link-list\">\n <a href=\"https:\/\/cbs.or.id\/thinking\">CBS Thinking Center<\/a>\n <a href=\"https:\/\/cbs.or.id\/idee\">Available Concepts<\/a>\n <a href=\"https:\/\/cbs.or.id\/collaborate\">Collaborate<\/a>\n <\/div>\n <\/article>\n\n <article class=\"ecosystem-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n <div class=\"card-icon\">\ud83e\udd1d<\/div>\n <h3>CBS Collaborate<\/h3>\n <p>\n Model kolaborasi CBS dengan berbagai platform dan inisiatif. Kolaborasi dapat berbentuk pengembangan program, pemanfaatan jaringan, marketplace, maupun dukungan eksekusi ide.\n <\/p>\n <div class=\"link-list\">\n <a href=\"https:\/\/cbs.or.id\/cendekia8\">Cendekia8<\/a>\n <a href=\"https:\/\/makammuslim.id\/home\">Makam Muslim<\/a>\n <a href=\"https:\/\/bandartukang.id\/halo\">Bandar Tukang<\/a>\n <\/div>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"closing\">\n <div class=\"container\">\n <div class=\"closing-box\" data-aos=\"zoom-in\" data-aos-duration=\"900\">\n <h2>Mari berkolaborasi bersama CBS.<\/h2>\n <p>\n Jika Anda memiliki ide, program, komunitas, jaringan, atau kebutuhan pengembangan pembelajaran dan kolaborasi, CBS terbuka untuk berdiskusi dan membangun langkah yang lebih nyata bersama.\n <\/p>\n <a href=\"https:\/\/wa.me\/62817772112?text=Halo%20CBS%2C%20saya%20tertarik%20untuk%20berkolaborasi%20dan%20ingin%20berdiskusi%20lebih%20lanjut.\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">Hubungi CBS via WhatsApp<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer class=\"footer\">\n <div class=\"container\" data-aos=\"fade-up\">\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/cbs.or.id\/idee\/wp-content\/uploads\/2026\/05\/logoCBS.png\" alt=\"CBS Logo\" \/>\n <div class=\"footer-contact\">\n <a href=\"mailto:halo@cbs.or.id\" aria-label=\"Email CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M4 6.5H20V17.5H4V6.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M4 7L12 13L20 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n halo@cbs.or.id\n <\/a>\n <a href=\"https:\/\/wa.me\/62817772112\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp CBS\">\n <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 3.5C7.3 3.5 3.5 7.18 3.5 11.72C3.5 13.33 3.99 14.84 4.83 16.11L4 20.5L8.55 19.47C9.61 19.77 10.77 19.94 12 19.94C16.7 19.94 20.5 16.26 20.5 11.72C20.5 7.18 16.7 3.5 12 3.5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M9.15 8.65C9.32 8.25 9.5 8.24 9.75 8.24H10.18C10.32 8.24 10.51 8.29 10.68 8.65C10.85 9.02 11.25 9.91 11.3 10.01C11.35 10.12 11.38 10.25 11.32 10.39C11.25 10.53 11.21 10.61 11.1 10.74C10.99 10.86 10.87 11.01 10.78 11.11C10.67 11.22 10.56 11.35 10.68 11.57C10.79 11.79 11.18 12.41 11.77 12.93C12.52 13.59 13.14 13.79 13.37 13.9C13.6 14.01 13.73 13.99 13.86 13.84C13.99 13.69 14.42 13.2 14.57 12.98C14.72 12.76 14.87 12.8 15.08 12.88C15.29 12.95 16.4 13.48 16.64 13.6C16.88 13.72 17.04 13.78 17.1 13.88C17.16 13.99 17.16 14.5 16.96 15.09C16.76 15.68 15.78 16.21 15.28 16.25C14.84 16.29 14.27 16.28 13.65 16.08C13.27 15.96 12.79 15.8 12.17 15.53C9.56 14.4 7.87 11.88 7.74 11.71C7.61 11.53 6.68 10.29 6.68 9C6.68 7.72 7.32 7.09 7.54 6.85\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/>\n <\/svg>\n +62817772112\n <\/a>\n <\/div>\n <div class=\"copyright\">\u00a9 2026 CBS Foundation. All rights reserved.<\/div>\n <\/div>\n <\/footer>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n <script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n if (typeof AOS !== \"undefined\") {\n AOS.init({\n once: true,\n duration: 900,\n easing: \"ease-out-cubic\",\n offset: 80\n });\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sekilas tentang Yayasan CBS | CBS Foundation Sekilas tentang Yayasan CBS Belajar, berpikir, dan berkolaborasi untuk dampak yang lebih nyata. Yayasan Cendekia Bakti Sejahtera atau CBS Foundation mengembangkan ekosistem pendidikan, pengembangan ide, dan kolaborasi berbasis kebutuhan masyarakat melalui beberapa inisiatif yang saling terhubung. Lihat Ekosistem CBS Masuk Website Utama Ekosistem CBS CBS bergerak melalui tiga […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/pages\/18\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/cbs.or.id\/halo\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}