:root {
  --color-primary: #273694;
  --color-primary-dark: #1f203f;
  --color-secondary: #4576c0;
  --color-accent-teal: #33a9a0;
  --color-accent-coral: #cf656c;
  --color-accent-blue: #4c86d5;
  --color-accent-sky: #76a8d4;
  --color-cobalt: #3c4a98;
  --color-gold: #c8ae89;
  --color-navy: #16181c;
  --color-dark: #1a1a2e;
  --color-brown: #3c2f29;
  --color-bg-light: #f4f6f8;
  --color-border: #e2e5ea;
  --color-text-main: #1a1a2e;
  --color-text-muted: #6b7280;
  --color-white: #ffffff;
  --font-display: "Raleway", sans-serif;
  --font-body: "Source Sans 3", sans-serif;
  --font-ui: "Open Sans", sans-serif;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --max-content: 800px;
  --max-wide: 1200px;
  --header-h: 64px;
  --topbar-h: 36px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 20px;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.06);
  --shadow-modal: 0 8px 40px rgba(0, 0, 0, 0.18);
  --shadow-header: 0 2px 8px rgba(0, 0, 0, 0.08);
}

body {
  color: var(--color-text-main);
  font-family: var(--font-body);
  margin: 0;
}

body.unitech-modal-open {
  overflow: hidden;
}

.unitech-section {
  padding: 60px max(24px, calc((100vw - var(--max-wide)) / 2));
}

.unitech-section h2 {
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 2.2vw, 2rem);
  margin: 0 0 28px;
}

.unitech-section-heading {
  margin-bottom: 28px;
}

.unitech-section-heading h2,
.unitech-section-heading p {
  margin: 0;
}

.unitech-section a {
  font-weight: 800;
  text-decoration: none;
  text-transform: none;
}

.unitech-program-badge {
  align-items: center;
  background: color-mix(in srgb, var(--color-secondary) 10%, white);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  display: inline-flex;
  font-size: 0.82rem;
  gap: 0.5rem;
  padding: 0.45rem 0.7rem;
}

@media (max-width: 768px) {
  .unitech-section {
    padding: 44px 20px;
  }
}