{"id":3501,"date":"2026-03-19T17:40:04","date_gmt":"2026-03-19T17:40:04","guid":{"rendered":"https:\/\/nucs-edu.org\/?page_id=3501"},"modified":"2026-03-20T10:27:34","modified_gmt":"2026-03-20T10:27:34","slug":"cs-course-overview","status":"publish","type":"page","link":"https:\/\/nucs-edu.org\/en\/academic\/undergrad\/cs-course-overview\/","title":{"rendered":"Computer Science Course Overview"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3501\" class=\"elementor elementor-3501\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d499cfe e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d499cfe\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41b319a elementor-widget elementor-widget-text-editor\" data-id=\"41b319a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!-- \n  NUCS Computer Science Course Overview\n  WordPress-ready HTML \u2014 paste into a Custom HTML block or the Text\/Code editor\n  Fonts loaded via Google Fonts link below (add to theme header or use a plugin like \"Head, Footer and Post Injections\")\n  \n  GOOGLE FONTS (add once to your HEAD or use a plugin):\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap\" rel=\"stylesheet\">\n-->\n\n\n\n<!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557 -->\n<!--                  PAGE WRAPPER                          -->\n<!-- \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n<div class=\"cs-page\">\n\n  <!-- \u2500\u2500 HERO \u2500\u2500 -->\n  <div class=\"cs-hero\">\n    <div class=\"cs-hero-dot\"><\/div>\n    <div class=\"cs-hero-text\">\n      <div class=\"cs-hero-badge\">NUCS \u00b7 Bachelor of Computer Science<\/div>\n      <h1>Shape the Future<br>with <span>Computer Science<\/span><\/h1>\n      <p>A rigorous, interdisciplinary 4-year degree that blends academic theory, research-based insight, and hands-on practical skills \u2014 preparing you for a world driven by technology.<\/p>\n      <div class=\"cs-hero-actions\">\n        <a href=\"https:\/\/nucs-edu.org\/en\/academic\/undergrad\/cs-curriculum\/\" class=\"cs-btn cs-btn--white\">\n          View Curriculum <i class=\"cs-btn-arrow\">\u2192<\/i>\n        <\/a>\n      <\/div>\n    <\/div>\n    <div class=\"cs-hero-img\">\n      <img decoding=\"async\" src=\"https:\/\/nucs-edu.org\/wp-content\/uploads\/2026\/01\/bcsc-e1769230485435-300x276.png\" alt=\"B.C.Sc. Program\" \/>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 STATS \u2500\u2500 -->\n  <div class=\"cs-stats\">\n    <div class=\"cs-stat\">\n      <div class=\"cs-stat-num\">4<\/div>\n      <div class=\"cs-stat-label\">Year Program<\/div>\n    <\/div>\n    <div class=\"cs-stat\">\n      <div class=\"cs-stat-num\">42<\/div>\n      <div class=\"cs-stat-label\">Total Subjects<\/div>\n    <\/div>\n    <div class=\"cs-stat\">\n      <div class=\"cs-stat-num\">135+<\/div>\n      <div class=\"cs-stat-label\">Credits<\/div>\n    <\/div>\n    <div class=\"cs-stat\">\n      <div class=\"cs-stat-num\">\u221e<\/div>\n      <div class=\"cs-stat-label\">Career Options<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 BODY \u2500\u2500 -->\n  <div class=\"cs-body\">\n\n    <!-- About -->\n    <div class=\"cs-about\">\n      <div class=\"cs-about-text\">\n        <p>The <strong>Bachelor of Computer Science (B.C.Sc.)<\/strong> is a 4-year degree program in which you&#8217;ll complete <strong>42 subjects<\/strong> totalling at least <strong>135 credits<\/strong>. Subjects span foundational skills, mandatory core areas, and free-choice electives.<\/p>\n        <p>With the pervasive influence of information technology on society, graduates have access to a wide range of professional options \u2014 from software engineering and AI to entrepreneurship and beyond.<\/p>\n        <p>In the fourth year, the program culminates in team-based <strong>Capstone Projects<\/strong> or the creation of your own <strong>business plans and prototypes<\/strong>.<\/p>\n      <\/div>\n      <div class=\"cs-about-visual\">\n        <div class=\"cs-pill\"><span class=\"cs-pill-icon\">\ud83c\udfaf<\/span>Academic theory meets practical skills<\/div>\n        <div class=\"cs-pill\"><span class=\"cs-pill-icon\">\ud83d\udd2c<\/span>Research-based, industry-relevant curriculum<\/div>\n        <div class=\"cs-pill\"><span class=\"cs-pill-icon\">\ud83d\ude80<\/span>Entrepreneurship &#038; innovation in Year 4<\/div>\n        <div class=\"cs-pill\"><span class=\"cs-pill-icon\">\ud83c\udf10<\/span>Wide range of professional career paths<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Section Heading -->\n    <div class=\"cs-section-title\">Curriculum<\/div>\n    <h2 class=\"cs-section-heading\">Program Subjects<\/h2>\n    <p class=\"cs-section-sub\">The curriculum is structured into three groups \u2014 Foundation, Mandatory Core, and Elective subjects \u2014 giving you both essential grounding and the freedom to specialise.<\/p>\n\n    <!-- Subject Groups -->\n    <div class=\"cs-groups\">\n\n      <!-- Foundation -->\n      <div class=\"cs-group cs-group--foundation\">\n        <div class=\"cs-group-header\">\n          <div class=\"cs-group-icon\">\ud83e\uddf1<\/div>\n          <div class=\"cs-group-meta\">\n            <div class=\"cs-group-tag\">Foundation<\/div>\n            <div class=\"cs-group-name\">Core Building Blocks<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cs-group-divider\"><\/div>\n        <ul class=\"cs-subject-list\">\n          <li class=\"cs-subject-item\">Myanmar<\/li>\n          <li class=\"cs-subject-item\">English<\/li>\n          <li class=\"cs-subject-item\">Physics<\/li>\n          <li class=\"cs-subject-item\">Computer Fundamentals<\/li>\n          <li class=\"cs-subject-item\">Programming Fundamentals<\/li>\n          <li class=\"cs-subject-item\">Web Development<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Mandatory -->\n      <div class=\"cs-group cs-group--mandatory\">\n        <div class=\"cs-group-header\">\n          <div class=\"cs-group-icon\">\u2699\ufe0f<\/div>\n          <div class=\"cs-group-meta\">\n            <div class=\"cs-group-tag\">Mandatory<\/div>\n            <div class=\"cs-group-name\">Essential CS Disciplines<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cs-group-divider\"><\/div>\n        <ul class=\"cs-subject-list\">\n          <li class=\"cs-subject-item\">Data Structures and Algorithms<\/li>\n          <li class=\"cs-subject-item\">Operating Systems<\/li>\n          <li class=\"cs-subject-item\">Computer Organization &amp; Architecture<\/li>\n          <li class=\"cs-subject-item\">Computational Mathematics<\/li>\n          <li class=\"cs-subject-item\">Operations Research<\/li>\n          <li class=\"cs-subject-item\">Database Management Systems<\/li>\n          <li class=\"cs-subject-item\">Artificial Intelligence<\/li>\n          <li class=\"cs-subject-item\">HCI and Information Security Fundamentals<\/li>\n          <li class=\"cs-subject-item\">Digital Signal Processing<\/li>\n          <li class=\"cs-subject-item\">Digital Image Processing<\/li>\n          <li class=\"cs-subject-item\">Network Fundamentals<\/li>\n          <li class=\"cs-subject-item\">Distributed &amp; Cloud Computing<\/li>\n          <li class=\"cs-subject-item\">Project Management<\/li>\n          <li class=\"cs-subject-item\">Management Principles<\/li>\n          <li class=\"cs-subject-item\">Data Science Fundamentals<\/li>\n          <li class=\"cs-subject-item\">Software Modelling and Analysis<\/li>\n          <li class=\"cs-subject-item\">Software Design and Development<\/li>\n          <li class=\"cs-subject-item\">Business Management and Accounting<\/li>\n          <li class=\"cs-subject-item\">Machine Learning \/ Deep Learning<\/li>\n          <li class=\"cs-subject-item\">Capstone Project<\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Elective -->\n      <div class=\"cs-group cs-group--elective\">\n        <div class=\"cs-group-header\">\n          <div class=\"cs-group-icon\">\ud83d\udd0d<\/div>\n          <div class=\"cs-group-meta\">\n            <div class=\"cs-group-tag\">Elective<\/div>\n            <div class=\"cs-group-name\">Specialise Your Path<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cs-group-divider\"><\/div>\n        <ul class=\"cs-subject-list\">\n          <li class=\"cs-subject-item\">Computer Ethics and Professionalism<\/li>\n          <li class=\"cs-subject-item\">Big Data Analytics<\/li>\n          <li class=\"cs-subject-item\">Parallel and Distributed Computing<\/li>\n          <li class=\"cs-subject-item\">Introduction to High Performance Computing<\/li>\n          <li class=\"cs-subject-item\">Network Design<\/li>\n          <li class=\"cs-subject-item\">Robotic Process Automation (RPA)<\/li>\n          <li class=\"cs-subject-item\">Data Center &amp; Software Defined Network<\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div><!-- \/.cs-groups -->\n\n    <!-- Subject list link nudge -->\n    <div class=\"cs-subjects-footer\">\n      <p class=\"cs-subjects-footer-text\"><strong>Want to see when each subject is taught?<\/strong> Browse the full year-by-year breakdown.<\/p>\n      <a href=\"https:\/\/nucs-edu.org\/en\/academic\/undergrad\/cs-curriculum\/\" class=\"cs-btn cs-btn--teal\">\n        View Curriculum <i class=\"cs-btn-arrow\">\u2192<\/i>\n      <\/a>\n    <\/div>\n    <!-- Capstone CTA -->\n    <div class=\"cs-capstone\">\n      <div class=\"cs-capstone-inner\">\n        <div>\n          <div class=\"cs-capstone-label\">Year 4 \u00b7 Culminating Experience<\/div>\n          <h3>Capstone Project &amp; Innovation<\/h3>\n          <p>In your final year, you&#8217;ll either work in teams on real-world Capstone Projects, or develop your own business plan, prototype, and pitch \u2014 bridging technical expertise with entrepreneurial thinking.<\/p>\n        <\/div>\n        <div class=\"cs-capstone-badges\">\n          <div class=\"cs-capstone-badge\"><span>\ud83e\udd1d<\/span>Team-Based Projects<\/div>\n          <div class=\"cs-capstone-badge\"><span>\ud83d\udca1<\/span>Business Plans<\/div>\n          <div class=\"cs-capstone-badge\"><span>\ud83d\udee0\ufe0f<\/span>Working Prototypes<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <p class=\"cs-footer-note\">B.C.Sc. \u2014 Bachelor of Computer Science \u00b7 4 Years \u00b7 42 Subjects \u00b7 135+ Credits \u00b7 NUCS<\/p>\n\n  <\/div><!-- \/.cs-body -->\n\n<\/div><!-- \/.cs-page -->\n\n\n\n\n\n\n<style>\n\/* \u2500\u2500 Reset & Base \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-page *,\n.cs-page *::before,\n.cs-page *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.cs-page {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 16px;\n  line-height: 1.6;\n  color: #1a1f2e;\n  background: #f5f7fb;\n  overflow-x: hidden;\n}\n\n\/* \u2500\u2500 CSS Variables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-page {\n  --teal:      #00897b;\n  --teal-dark: #00695c;\n  --teal-lt:   #e0f2f1;\n  --accent:    #ff6b35;\n  --ink:       #1a1f2e;\n  --muted:     #6b7280;\n  --card-bg:   #ffffff;\n  --border:    #e2e8f0;\n  --radius:    16px;\n  --shadow:    0 4px 24px rgba(0,0,0,0.07);\n}\n\n\/* \u2500\u2500 Hero Banner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-hero {\n  background: linear-gradient(135deg, #004d43 0%, #00897b 55%, #26a69a 100%);\n  padding: 72px 40px 80px;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  gap: 48px;\n  flex-wrap: wrap;\n}\n\n.cs-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image:\n    radial-gradient(circle at 80% 20%, rgba(255,255,255,0.07) 0%, transparent 50%),\n    radial-gradient(circle at 10% 80%, rgba(0,0,0,0.12) 0%, transparent 50%);\n  pointer-events: none;\n}\n\n\/* floating geometric shapes *\/\n.cs-hero::after {\n  content: '';\n  position: absolute;\n  width: 380px; height: 380px;\n  border-radius: 50%;\n  border: 2px solid rgba(255,255,255,0.08);\n  top: -120px; right: -80px;\n  pointer-events: none;\n}\n\n.cs-hero-dot {\n  position: absolute;\n  width: 180px; height: 180px;\n  border-radius: 50%;\n  border: 2px solid rgba(255,255,255,0.06);\n  bottom: -60px; left: 40%;\n  pointer-events: none;\n}\n\n.cs-hero-text { flex: 1 1 300px; position: relative; z-index: 1; }\n\n.cs-hero-badge {\n  display: inline-block;\n  background: rgba(255,255,255,0.18);\n  color: #fff;\n  font-family: 'Syne', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  padding: 6px 16px;\n  border-radius: 100px;\n  margin-bottom: 20px;\n  border: 1px solid rgba(255,255,255,0.25);\n  backdrop-filter: blur(4px);\n}\n\n.cs-hero h1 {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(32px, 5vw, 56px);\n  font-weight: 800;\n  color: #fff;\n  line-height: 1.1;\n  margin-bottom: 20px;\n  letter-spacing: -0.02em;\n}\n\n.cs-hero h1 span {\n  color: #80cbc4;\n}\n\n.cs-hero p {\n  color: rgba(255,255,255,0.85);\n  font-size: 17px;\n  font-weight: 300;\n  max-width: 520px;\n  line-height: 1.75;\n}\n\n.cs-hero-img {\n  flex: 0 0 auto;\n  position: relative;\n  z-index: 1;\n}\n\n.cs-hero-img img {\n  width: 220px;\n  height: auto;\n  filter: drop-shadow(0 20px 40px rgba(0,0,0,0.3));\n  display: block;\n}\n\n\/* \u2500\u2500 Stats Row \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-stats {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1px;\n  background: var(--border);\n  border-top: 1px solid var(--border);\n}\n\n.cs-stat {\n  flex: 1 1 160px;\n  background: var(--card-bg);\n  padding: 28px 32px;\n  text-align: center;\n}\n\n.cs-stat-num {\n  font-family: 'Syne', sans-serif;\n  font-size: 36px;\n  font-weight: 800;\n  color: var(--teal);\n  line-height: 1;\n  margin-bottom: 6px;\n}\n\n.cs-stat-label {\n  font-size: 13px;\n  color: var(--muted);\n  font-weight: 500;\n  letter-spacing: 0.02em;\n}\n\n\/* \u2500\u2500 Body Wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-body {\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 64px 24px;\n}\n\n\/* \u2500\u2500 Section Heading \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-section-title {\n  font-family: 'Syne', sans-serif;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  color: var(--teal);\n  margin-bottom: 10px;\n}\n\n.cs-section-heading {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(26px, 3.5vw, 38px);\n  font-weight: 800;\n  color: var(--ink);\n  margin-bottom: 16px;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.cs-section-sub {\n  font-size: 16px;\n  color: var(--muted);\n  max-width: 640px;\n  line-height: 1.75;\n  font-weight: 300;\n  margin-bottom: 48px;\n}\n\n\/* \u2500\u2500 About Card \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-about {\n  background: var(--card-bg);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n  padding: 48px;\n  margin-bottom: 72px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: center;\n  border: 1px solid var(--border);\n}\n\n@media (max-width: 720px) {\n  .cs-about { grid-template-columns: 1fr; padding: 32px; }\n}\n\n.cs-about-text p {\n  color: #374151;\n  font-size: 16px;\n  line-height: 1.8;\n  margin-bottom: 18px;\n  font-weight: 300;\n}\n\n.cs-about-text p:last-child { margin-bottom: 0; }\n\n.cs-about-text strong {\n  color: var(--teal-dark);\n  font-weight: 600;\n}\n\n.cs-about-visual {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.cs-pill {\n  background: var(--teal-lt);\n  border-left: 4px solid var(--teal);\n  border-radius: 10px;\n  padding: 16px 20px;\n  font-size: 15px;\n  color: var(--teal-dark);\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.cs-pill-icon {\n  font-size: 22px;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Subject Groups \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-groups {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 28px;\n  margin-bottom: 72px;\n}\n\n\/* Group Card *\/\n.cs-group {\n  background: var(--card-bg);\n  border-radius: var(--radius);\n  box-shadow: var(--shadow);\n  border: 1px solid var(--border);\n  overflow: hidden;\n  transition: transform 0.25s ease, box-shadow 0.25s ease;\n}\n\n.cs-group:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 12px 40px rgba(0,0,0,0.11);\n}\n\n.cs-group-header {\n  padding: 28px 28px 22px;\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n}\n\n.cs-group-icon {\n  width: 52px; height: 52px;\n  border-radius: 14px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.cs-group--foundation .cs-group-icon { background: #fff3e0; }\n.cs-group--mandatory  .cs-group-icon { background: #e8f5e9; }\n.cs-group--elective   .cs-group-icon { background: #e3f2fd; }\n\n.cs-group-meta {}\n.cs-group-tag {\n  font-family: 'Syne', sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.14em;\n  text-transform: uppercase;\n  padding: 4px 10px;\n  border-radius: 100px;\n  margin-bottom: 6px;\n  display: inline-block;\n}\n\n.cs-group--foundation .cs-group-tag { background: #fff3e0; color: #e65100; }\n.cs-group--mandatory  .cs-group-tag { background: #e8f5e9; color: #2e7d32; }\n.cs-group--elective   .cs-group-tag { background: #e3f2fd; color: #1565c0; }\n\n.cs-group-name {\n  font-family: 'Syne', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--ink);\n  line-height: 1.2;\n}\n\n.cs-group-divider {\n  height: 1px;\n  background: var(--border);\n  margin: 0 28px;\n}\n\n.cs-subject-list {\n  list-style: none;\n  padding: 20px 28px 28px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.cs-subject-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14.5px;\n  color: #374151;\n  line-height: 1.4;\n}\n\n.cs-subject-item::before {\n  content: '';\n  width: 7px; height: 7px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-top: 5px;\n}\n\n.cs-group--foundation .cs-subject-item::before { background: #ff9800; }\n.cs-group--mandatory  .cs-subject-item::before { background: var(--teal); }\n.cs-group--elective   .cs-subject-item::before { background: #1976d2; }\n\n\/* \u2500\u2500 Capstone CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-capstone {\n  background: linear-gradient(135deg, #004d43 0%, #00897b 60%, #4db6ac 100%);\n  border-radius: var(--radius);\n  padding: 56px 48px;\n  position: relative;\n  overflow: hidden;\n}\n\n.cs-capstone::before {\n  content: '';\n  position: absolute;\n  width: 300px; height: 300px;\n  border-radius: 50%;\n  border: 2px solid rgba(255,255,255,0.07);\n  right: -80px; top: -100px;\n  pointer-events: none;\n}\n\n.cs-capstone-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  align-items: center;\n  position: relative;\n  z-index: 1;\n}\n\n@media (max-width: 700px) {\n  .cs-capstone { padding: 40px 28px; }\n  .cs-capstone-inner { grid-template-columns: 1fr; gap: 32px; }\n}\n\n.cs-capstone-label {\n  font-family: 'Syne', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  color: #80cbc4;\n  margin-bottom: 14px;\n}\n\n.cs-capstone h3 {\n  font-family: 'Syne', sans-serif;\n  font-size: clamp(24px, 3vw, 34px);\n  font-weight: 800;\n  color: #fff;\n  line-height: 1.2;\n  margin-bottom: 16px;\n  letter-spacing: -0.02em;\n}\n\n.cs-capstone p {\n  color: rgba(255,255,255,0.8);\n  font-size: 15px;\n  font-weight: 300;\n  line-height: 1.75;\n}\n\n.cs-capstone-badges {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.cs-capstone-badge {\n  background: rgba(255,255,255,0.12);\n  border: 1px solid rgba(255,255,255,0.2);\n  border-radius: 12px;\n  padding: 18px 24px;\n  color: #fff;\n  font-size: 15px;\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  backdrop-filter: blur(6px);\n}\n\n.cs-capstone-badge span { font-size: 24px; flex-shrink: 0; }\n\n\/* \u2500\u2500 Link Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-family: 'Syne', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-decoration: none;\n  border-radius: 100px;\n  padding: 13px 26px;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;\n  cursor: pointer;\n}\n\n.cs-btn:hover { transform: translateY(-2px); }\n\n\/* White filled \u2014 for hero (on dark bg) *\/\n.cs-btn--white {\n  background: #fff;\n  color: var(--teal-dark);\n  box-shadow: 0 4px 20px rgba(0,0,0,0.18);\n}\n.cs-btn--white:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.24); }\n\n\/* White outlined \u2014 for capstone banner *\/\n.cs-btn--outline-white {\n  background: rgba(255,255,255,0.12);\n  color: #fff;\n  border: 1.5px solid rgba(255,255,255,0.5);\n  backdrop-filter: blur(4px);\n}\n.cs-btn--outline-white:hover { background: rgba(255,255,255,0.22); }\n\n\/* Arrow icon *\/\n.cs-btn-arrow { font-style: normal; font-size: 16px; transition: transform 0.2s ease; }\n.cs-btn:hover .cs-btn-arrow { transform: translateX(3px); }\n\n\/* Hero button row *\/\n.cs-hero-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }\n\n\/* Between-cards nudge row *\/\n.cs-subjects-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: -44px;\n  margin-bottom: 72px;\n  padding: 22px 28px;\n  background: var(--card-bg);\n  border-radius: var(--radius);\n  border: 1px solid var(--border);\n  box-shadow: var(--shadow);\n}\n\n.cs-subjects-footer-text {\n  font-size: 15px;\n  color: var(--muted);\n}\n\n.cs-subjects-footer-text strong {\n  color: var(--ink);\n  font-weight: 600;\n}\n\n.cs-btn--teal {\n  background: var(--teal);\n  color: #fff;\n  box-shadow: 0 4px 18px rgba(0,137,123,0.3);\n}\n.cs-btn--teal:hover { background: var(--teal-dark); box-shadow: 0 8px 24px rgba(0,137,123,0.4); }\n\n\/* \u2500\u2500 Footer Note \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.cs-footer-note {\n  margin-top: 48px;\n  text-align: center;\n  font-size: 13px;\n  color: var(--muted);\n  font-style: italic;\n}\n<\/style>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>NUCS \u00b7 Bachelor of Computer Science Shape the Futurewith Computer Science A rigorous, interdisciplinary 4-year degree that blends academic theory, research-based insight,<\/p>","protected":false},"author":8,"featured_media":3629,"parent":320,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3501","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/pages\/3501"}],"collection":[{"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/comments?post=3501"}],"version-history":[{"count":25,"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/pages\/3501\/revisions"}],"predecessor-version":[{"id":3647,"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/pages\/3501\/revisions\/3647"}],"up":[{"embeddable":true,"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/pages\/320"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/media\/3629"}],"wp:attachment":[{"href":"https:\/\/nucs-edu.org\/en\/wp-json\/wp\/v2\/media?parent=3501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}