@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&family=Karla:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #f8fbff;
  --color-bg-secondary: #eff8ff;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #0c4a6e;
  --color-text-secondary: #155e75;
  --color-text-muted: #33747c;

  --color-primary: #0e7490;
  --color-primary-hover: #0c4a6e;
  --color-primary-light: #e0f2fe;
  --color-secondary: #06b6d4;
  --color-secondary-light: #cffafe;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #bae6fd;
  --color-border-light: #e0f2fe;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;

  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px 0 rgba(12, 74, 110, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(12, 74, 110, 0.1), 0 1px 2px 0 rgba(12, 74, 110, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(12, 74, 110, 0.1), 0 2px 4px -1px rgba(12, 74, 110, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(12, 74, 110, 0.1), 0 4px 6px -2px rgba(12, 74, 110, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(12, 74, 110, 0.1), 0 10px 10px -5px rgba(12, 74, 110, 0.04);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;
  --transition-slower: 500ms ease-in-out;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-accent-hover);
  --color-primary-dark: var(--color-accent-dark);
  --color-accent-light: var(--color-primary-light);
  --color-secondary-hover: var(--color-secondary-light);
  --color-text-on-accent: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
}

h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

h2 {
  font-size: 2.75rem;
  font-weight: 700;
}

h3 {
  font-size: 2rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-primary-hover);
}

button,
.od6108a6 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  text-decoration: none;
}

.md1 {
  background: var(--color-primary);
  color: #ffffff;
}

.md1:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.adbe01 {
  background: var(--color-secondary);
  color: #ffffff;
}

.adbe01:hover {
  background: var(--color-primary);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.j37b659 {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.j37b659:hover {
  background: var(--color-primary-light);
  border-color: var(--color-primary-hover);
}

.cd4d {
  background: transparent;
  color: var(--color-primary);
}

.cd4d:hover {
  background: var(--color-bg-secondary);
}

.l47 {
  background: var(--color-success);
  color: #ffffff;
}

.l47:hover {
  background: #047857;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.c4e3a52b {
  background: var(--color-warning);
  color: #ffffff;
}

.c4e3a52b:hover {
  background: #b45309;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.db82 {
  background: var(--color-danger);
  color: #ffffff;
}

.db82:hover {
  background: #b91c1c;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.b4a50 {
  font-size: 0.875rem;
  padding: var(--spacing-xs) var(--spacing-md);
}

.d5a12 {
  font-size: 1.125rem;
  padding: var(--spacing-md) var(--spacing-xl);
}

.d657 {
  width: 100%;
}

.od6108a6:disabled,
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

.ja9c4dc {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

@media (max-width: 768px) {
  .ja9c4dc {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

.d886318a {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.d886318a:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
  transform: translateY(-4px);
}

.i046cb {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.p63 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.jf621 {
  background: var(--color-secondary-light);
  color: var(--color-secondary);
}

.a4b {
  background: var(--color-success-light);
  color: var(--color-success);
}

.p5a5 {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.b3257fda {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

.h6fbcfef {
  margin-bottom: var(--spacing-lg);
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

thead {
  background: var(--color-bg-secondary);
  border-bottom: 2px solid var(--color-border);
}

th {
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  color: var(--color-text-primary);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
}

tbody tr:hover {
  background: var(--color-bg-secondary);
  transition: background var(--transition-fast);
}

.d3b759c {
  text-align: center;
}

.l7266 {
  text-align: right;
}

.l7cfe46 {
  text-align: left;
}

.o2f {
  color: var(--color-text-muted);
}

.o5b0 {
  color: var(--color-primary);
}

.c802f4 {
  color: var(--color-secondary);
}

.i420590 {
  color: var(--color-success);
}

.jf671 {
  color: var(--color-warning);
}

.jb6ed5 {
  color: var(--color-danger);
}

.p243 {
  font-weight: 700;
}

.c7983de3 {
  font-weight: 600;
}

.l66cf99 {
  font-weight: 400;
}

.fa9 {
  opacity: 0.5;
}

.g93 {
  opacity: 0.75;
}

.o37043df {
  display: flex;
}

.lef1911 {
  flex-direction: column;
}

.eed74d3 {
  flex-wrap: wrap;
}

.o11abdc {
  gap: var(--spacing-xs);
}

.e735 {
  gap: var(--spacing-sm);
}

.p7d {
  gap: var(--spacing-md);
}

.l61 {
  gap: var(--spacing-lg);
}

.jf59b12e {
  gap: var(--spacing-xl);
}

.o866 {
  justify-content: center;
}

.a40 {
  justify-content: space-between;
}

.pb0 {
  justify-content: flex-start;
}

.c885d1e {
  justify-content: flex-end;
}

.m28ca {
  align-items: center;
}

.aa86c {
  align-items: flex-start;
}

.g89 {
  align-items: flex-end;
}

.j3437 {
  display: grid;
}

.d13 {
  grid-template-columns: 1fr;
}

.f43e88b {
  grid-template-columns: repeat(2, 1fr);
}

.f3778 {
  grid-template-columns: repeat(3, 1fr);
}

.a2c6 {
  grid-template-columns: repeat(4, 1fr);
}

.o11abdc {
  gap: var(--spacing-xs);
}

.e735 {
  gap: var(--spacing-sm);
}

.p7d {
  gap: var(--spacing-md);
}

.l61 {
  gap: var(--spacing-lg);
}

.jf59b12e {
  gap: var(--spacing-xl);
}

.lb1c {
  padding: var(--spacing-xs);
}

.jcfbb049 {
  padding: var(--spacing-sm);
}

.c8753dd {
  padding: var(--spacing-md);
}

.a7084fe {
  padding: var(--spacing-lg);
}

.ja4c8 {
  padding: var(--spacing-xl);
}

.p9ce {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.e5fd92c {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.a78c1 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.l59e78a {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.h549 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.d579118b {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.oad489 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.kb89 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.eba24f {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.i4e {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.d6420 {
  margin: var(--spacing-xs);
}

.p96 {
  margin: var(--spacing-sm);
}

.gda {
  margin: var(--spacing-md);
}

.k3d3155 {
  margin: var(--spacing-lg);
}

.i328c {
  margin: var(--spacing-xl);
}

.c66ff {
  margin-left: auto;
  margin-right: auto;
}

.ad1e8d {
  margin-top: var(--spacing-xs);
  margin-bottom: var(--spacing-xs);
}

.g970 {
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.o853 {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.b3444 {
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.hcee55e {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
}

.n193 {
  border-radius: var(--radius-xs);
}

.d7868a {
  border-radius: var(--radius-sm);
}

.a26b1 {
  border-radius: var(--radius-md);
}

.cf67 {
  border-radius: var(--radius-lg);
}

.dbc1 {
  border-radius: var(--radius-xl);
}

.befbfbf {
  border-radius: var(--radius-full);
}

.pbe4 {
  box-shadow: var(--shadow-xs);
}

.lf7eb {
  box-shadow: var(--shadow-sm);
}

.me36 {
  box-shadow: var(--shadow-md);
}

.e3b6e {
  box-shadow: var(--shadow-lg);
}

.c7ba9 {
  box-shadow: var(--shadow-xl);
}

.p0246f8 {
  transition: all var(--transition-fast);
}

.b4c9 {
  transition: all var(--transition-base);
}

.k9060 {
  transition: all var(--transition-slow);
}

.o0c4 {
  transition: all var(--transition-slower);
}

.n0a07:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.g3968:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.g585b8:hover {
  transform: scale(1.05);
}

.ifcce390:hover {
  transform: scale(1.02);
}

.h7e06 {
  animation: fadeIn var(--transition-slow) ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ee4 {
  animation: slideUp var(--transition-slow) ease-in-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ned811 {
  animation: slideDown var(--transition-slow) ease-in-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fb27f1 {
  animation: slideLeft var(--transition-slow) ease-in-out;
}

@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.oa1f {
  animation: slideRight var(--transition-slow) ease-in-out;
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.bdbd01a8 {
  animation: scaleIn var(--transition-slow) ease-in-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.d6c9ea6 {
  animation: pulse var(--transition-slower) ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.i2ac3 {
  animation: bounce var(--transition-slow) ease-in-out infinite;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.e1bc05de {
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.h9f {
  cursor: pointer;
}

.ic88f {
  cursor: default;
}

.o4f {
  cursor: not-allowed;
}

.n710b {
  user-select: none;
}

.ndd0 {
  user-select: all;
}

.ec36a43 {
  pointer-events: none;
}

.g66 {
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .a2c6 {
    grid-template-columns: repeat(2, 1fr);
  }

  .f3778 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .a2c6 {
    grid-template-columns: 1fr;
  }

  .f3778 {
    grid-template-columns: 1fr;
  }

  .f43e88b {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .od6108a6 {
    font-size: 0.875rem;
    padding: var(--spacing-sm) var(--spacing-md);
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.i139:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.p3ee82 {
  --color-bg-primary: #0f172a;
  --color-bg-secondary: #1e293b;
  --color-bg-tertiary: #1e293b;
  --color-bg-card: #1e293b;
  --color-text-primary: #f1f5f9;
  --color-text-secondary: #cbd5e1;
  --color-border: #334155;
  --color-border-light: #475569;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    --color-bg-primary: #0f172a;
    --color-bg-secondary: #1e293b;
    --color-bg-tertiary: #1e293b;
    --color-bg-card: #1e293b;
    --color-text-primary: #f1f5f9;
    --color-text-secondary: #cbd5e1;
    --color-border: #334155;
    --color-border-light: #475569;
  }
}
.ba33 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

.d268a1 {
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.o7a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  gap: 0.75rem;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.o7a:hover {
  opacity: 0.85;
}

.oce7a6b8 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.l17eff {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.d2ce6e0a {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(2rem, 4vw, 3rem);
}

.idf {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

.idf:hover {
  color: var(--color-accent);
}

.f4a {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

.f4a:hover {
  background: var(--color-accent-hover);
}

.f1b3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin: 0;
  flex-shrink: 0;
}

.od3 {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
  display: block;
}

.f1b3[aria-expanded="true"] .od3:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.f1b3[aria-expanded="true"] .od3:nth-child(2) {
  opacity: 0;
}

.f1b3[aria-expanded="true"] .od3:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.c52 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
}

.c52.e45b03 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.he864f {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

.cf2b27 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  margin: 0;
}

.c379a {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1rem, 3vw, 1.5rem) 0;
}

.pb2 {
  padding: clamp(1rem, 2vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base);
}

.pb2:hover {
  background: var(--color-bg-tertiary);
}

.lc65c85 {
  margin: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  display: inline-block;
  text-align: center;
  transition: background var(--transition-base);
}

.lc65c85:hover {
  background: var(--color-accent-hover);
}

@media (min-width: 768px) {
  .f1b3 {
    display: none;
  }

  .c52 {
    display: none;
  }

  .d2ce6e0a {
    display: flex;
  }

  .f4a {
    display: block;
  }

  .d268a1 {
    padding: clamp(1rem, 2vw, 1.5rem) clamp(1.5rem, 4vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .d268a1 {
    padding: clamp(1rem, 2vw, 1.75rem) clamp(2rem, 5vw, 3rem);
  }

  .l17eff {
    font-size: 1.5rem;
  }

  .idf {
    font-size: 1rem;
  }

  .f4a {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

    .f67 {
  width: 100%;
  overflow-x: hidden;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bfebf11 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n921bd {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.i5f59 {
  text-align: center;
  max-width: 900px;
}

.l89 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  font-weight: 600;
}

.o188 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: clamp(0.5rem, 2vw, 1.5rem) 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.c9a780e {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: clamp(1rem, 3vw, 2rem) 0;
}

.ob15de {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
  margin-top: clamp(1.5rem, 4vw, 2.5rem);
}

.m296 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.m296:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.l5c8 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.l5c8:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.p3b0cc {
  width: 100%;
  max-width: 600px;
}

.p3b0cc img {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
  .n921bd {
    flex-direction: row;
    align-items: center;
  }

  .i5f59 {
    flex: 1 1 50%;
    text-align: left;
  }

  .p3b0cc {
    flex: 1 1 45%;
  }

  .ob15de {
    justify-content: flex-start;
  }
}

.cc56d2b {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j02 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.ped671e {
  text-align: center;
}

.ecd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.b01 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.a0102660 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
}

.i6c5 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex: 1 1 280px;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.i6c5:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.o2a00f {
  flex: 1 1 280px;
  min-height: 380px;
}

.a2470dea {
  flex: 1 1 280px;
  min-height: 280px;
}

.k7b17 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

.md209f {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 600;
}

.l1117eea {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 768px) {
  .a0102660 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1rem, 3vw, 2rem);
    justify-items: stretch;
  }

  .o2a00f {
    grid-row: span 2;
  }
}

.k3208 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.m932a493 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.he858c57 {
  flex: 1 1 45%;
}

.eab308 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.h1d3510 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.h1d3510:last-of-type {
  margin-bottom: 0;
}

.i137936 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.d472d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
}

.g3f95 {
  font-size: 2rem;
  color: var(--color-accent);
}

.me311 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 600;
}

.k08ac6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

@media (min-width: 768px) {
  .m932a493 {
    flex-direction: row;
    align-items: flex-start;
  }

  .he858c57 {
    flex: 1 1 45%;
  }

  .i137936 {
    flex: 1 1 45%;
  }
}

.g7563 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n02def {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.ff5bd5 {
  text-align: center;
}

.db100 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.je144a8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.p19 {
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.p19:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.m7bc3b {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  font-family: var(--font-heading);
  font-weight: 600;
}

.k9bc29e7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.i0c {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i25 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.n8181 {
  text-align: center;
}

.i4efdd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.o5bf7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.g1b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.n90 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.n90:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.i3d {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.i3d img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.n90:hover .i3d img {
  transform: scale(1.05);
}

.a92 {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.a7b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.4;
}

.cceb {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ke2a465 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

.ke2a465:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.nb6 {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.gc7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

.gc7:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.pe4b3 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ie0bf {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.pce {
  text-align: center;
}

.a8667 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.l7ab00a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.cbd9659 {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.cbd9659:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.ic80cc41 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-family: var(--font-heading);
}

.ocb {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.o99b8e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.dae1c836 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.de4d35b {
  text-align: center;
}

.pa2d93 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.m7e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.fbedc {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 700px;
  margin: 0 auto;
}

.g17b6557 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding-left: clamp(1rem, 3vw, 2rem);
  border-left: 3px solid var(--color-accent);
  padding-bottom: clamp(1.5rem, 2vw, 2rem);
}

.g17b6557:last-child {
  padding-bottom: 0;
}

.j2a0 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
}

.l5540 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.la58d0c {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f14d6 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.l7f {
  text-align: center;
}

.g432cd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
}

.h4698 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
}

.ma62b {
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1rem, 2.5vw, 1.75rem);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.ma62b:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ma62b i {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
}

.d79500d {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.h0985 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.m9c {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.p0ff30a {
  background: var(--color-accent);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.fd6e64 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
}

.e1c7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  margin: 0;
  opacity: 0.95;
}

.ba4235a {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw, 1rem);
  align-self: center;
}

.ba4235a:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.fa479954 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.fa479954.gcb0cfe {
  display: none;
}

.hd1b {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

.of91a {
  display: flex;
  gap: clamp(0.5rem, 1.5vw, 1rem);
  flex-wrap: wrap;
  justify-content: flex-end;
}

.ld72,
.mbefc {
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);
  border-radius: var(--radius-sm);
  border: none;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
}

.ld72 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.ld72:hover {
  background: var(--color-accent-hover);
  transform: translateY(-1px);
}

.mbefc {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

.mbefc:hover {
  border-color: var(--color-accent);
  color: var(--color-accent);
}

@media (min-width: 768px) {
  .fa479954 {
    padding: clamp(1rem, 3vw, 2rem);
    justify-content: center;
  }

  .hd1b {
    flex: 0 1 auto;
    margin-right: clamp(1rem, 2vw, 2rem);
  }
}

@media (max-width: 767px) {
  .g1b {
    flex-direction: column;
  }

  .n90 {
    max-width: 100%;
  }

  .a0102660 {
    grid-template-columns: 1fr;
  }

  .o2a00f {
    grid-row: auto;
  }
}

    .g0291dd2 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  color: var(--color-text-secondary);
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
}

.g0291dd2 .ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.i582 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.d60d {
  max-width: 520px;
}

.d60d h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.5px;
}

.d60d p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.e7dba,
.c1f1029,
.o5432f6 {
  display: block;
}

.e7dba h4,
.c1f1029 h4,
.o5432f6 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  letter-spacing: -0.3px;
}

.n8ff565d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.n8ff565d a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-normal);
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n8ff565d a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.c1f1029 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c1f1029 p:last-child {
  margin-bottom: 0;
}

.k17 {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.k17 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-normal);
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k17 p:last-child {
  margin-bottom: 0;
}

.k12149a {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  font-style: italic;
}

@media (min-width: 640px) {
  .i582 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 5vw, 3rem);
    align-items: start;
  }

  .d60d {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .i582 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 4rem);
    align-items: flex-start;
  }

  .d60d {
    flex: 0 1 35%;
  }

  .e7dba {
    flex: 0 1 20%;
  }

  .c1f1029 {
    flex: 0 1 22%;
  }

  .o5432f6 {
    flex: 0 1 18%;
  }

  .k17 {
    flex: 0 1 100%;
  }
}

@media (min-width: 1280px) {
  .d60d {
    flex: 0 1 30%;
  }

  .e7dba {
    flex: 0 1 18%;
  }

  .c1f1029 {
    flex: 0 1 25%;
  }

  .o5432f6 {
    flex: 0 1 18%;
  }
}
    

.b1d5a {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Karla', sans-serif;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.l21f94 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
}

.i1e2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.j50 {
  flex: 1 1 100%;
  text-align: center;
}

.g635711c {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k44 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n04d72 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l4d1da7 {
  flex: 1 1 100%;
  width: 100%;
  max-height: 450px;
}

.o4124 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(12, 74, 110, 0.1);
}

.a79d {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.f0836 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.p54 {
  text-align: center;
}

.d484 {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a97b6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gcffd35 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.d1ac2 {
  flex: 0 1 calc(25% - 1.5rem);
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
  transition: all 0.3s ease;
}

.d1ac2:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(12, 74, 110, 0.12);
}

.j244b8 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

.md66 {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g829 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p5f081e0 {
  display: flex;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-secondary);
}

.m174,
.e9e,
.ha4 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.m174 i,
.e9e i,
.ha4 i {
  color: var(--color-accent);
}

.k4f9c {
  display: inline-block;
  margin-top: auto;
  padding: clamp(0.6rem, 1.5vw, 0.8rem) clamp(1rem, 2vw, 1.25rem);
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k4f9c:hover {
  background: var(--color-accent-hover);
  transform: translateX(2px);
}

.h326 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-primary);
  overflow: hidden;
}

.h477d38 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.n9b {
  text-align: center;
}

.g24f48 {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja096e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.lbd3e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.i0b3 {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.i0b3:hover {
  box-shadow: 0 8px 24px rgba(12, 74, 110, 0.1);
  transform: translateY(-4px);
}

.j5318c {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, rgba(14, 116, 144, 0.1), rgba(6, 182, 212, 0.1));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

.i2f1 {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h26805 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.da818 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.e88 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.p32199 {
  text-align: center;
}

.d4f3364d {
  font-family: 'Rubik', sans-serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c4e1eb {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p6e5 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
}

.db75e4f0 {
  display: inline-block;
  padding: clamp(0.5rem, 1vw, 0.7rem) clamp(1rem, 2vw, 1.25rem);
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 1px solid var(--color-border);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: default;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.db75e4f0:hover {
  background: var(--color-accent);
  color: #ffffff;
  border-color: var(--color-accent);
}

@media (max-width: 1023px) {
  .i1e2 {
    flex-direction: column;
  }

  .j50 {
    flex: 1 1 100%;
  }

  .l4d1da7 {
    flex: 1 1 100%;
  }

  .d1ac2 {
    flex: 0 1 calc(50% - 1.5rem);
  }

  .i0b3 {
    flex: 0 1 calc(50% - 1.5rem);
  }
}

@media (max-width: 767px) {
  .i1e2 {
    flex-direction: column;
  }

  .j50 {
    flex: 1 1 100%;
  }

  .l4d1da7 {
    flex: 1 1 100%;
    max-height: 300px;
  }

  .d1ac2 {
    flex: 0 1 100%;
  }

  .i0b3 {
    flex: 0 1 100%;
  }

  .gcffd35 {
    flex-direction: column;
  }

  .lbd3e {
    flex-direction: column;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.p73 {
  width: 100%;
}

.jd0b3 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.m2ab {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.m2ab a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.m2ab a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.m2ab span {
  color: var(--color-text-secondary);
}

.a5e5 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.l72 {
  flex: 1 1 50%;
  max-width: 50%;
}

.a5c1f3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.p33ead73 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.pbc8225 {
  font-size: clamp(0.95rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

.ccf2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.k93f51 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.k93f51 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.o4f7 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .a5e5 {
    flex-direction: column;
  }
  
  .l72,
  .a5c1f3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.odc20c18 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.a28f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.cdd7 {
  flex: 1 1 50%;
  max-width: 50%;
}

.i1e {
  flex: 1 1 50%;
  max-width: 50%;
}

.gcf2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.f7d7f05 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.p9115 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.08);
}

.caa6c24 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1rem;
}

.la5cb {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fa2d {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

.fa2d:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 768px) {
  .a28f {
    flex-direction: column;
  }
  
  .cdd7,
  .i1e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.p0679 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.ob227473 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.md440c {
  flex: 1 1 50%;
  max-width: 50%;
}

.f7ef6c51 {
  flex: 1 1 50%;
  max-width: 50%;
}

.g3560 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h23 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.m4b7 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  overflow-x: auto;
}

.h0c {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.hd06d0 {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-all;
}

.fd0d2 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .ob227473 {
    flex-direction: column;
  }
  
  .md440c,
  .f7ef6c51 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.n367 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.a0211ef {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.h16 {
  flex: 1 1 50%;
  max-width: 50%;
}

.fd55f {
  flex: 1 1 50%;
  max-width: 50%;
}

.b47fea5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.me1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.d4d3b2 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

.a1ff {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.m510 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  border-left: 3px solid var(--color-secondary);
}

.b13e {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.c44 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .a0211ef {
    flex-direction: column-reverse;
  }
  
  .h16,
  .fd55f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.e7503 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.g1b1d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.h44e81 {
  flex: 1 1 50%;
  max-width: 50%;
}

.k4e {
  flex: 1 1 50%;
  max-width: 50%;
}

.a587 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h91b4b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.a97 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-top: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: 0.5rem;
}

.ad68c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.7;
}

.ce601fa {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .g1b1d {
    flex-direction: column;
  }
  
  .h44e81,
  .k4e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.p26b {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.la7 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.o85 {
  flex: 1 1 50%;
  max-width: 50%;
}

.g561f {
  flex: 1 1 50%;
  max-width: 50%;
}

.d38b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ccfda {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.d8ec47 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.1);
}

.c6cdf38 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  border: 1px solid var(--color-border-light);
}

.n41 {
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}

.h0ec335 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.l352b06 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

.l352b06:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-secondary);
  font-weight: bold;
}

@media (max-width: 768px) {
  .la7 {
    flex-direction: column-reverse;
  }
  
  .o85,
  .g561f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.jf6cc41 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.bfc57 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  border-left: 4px solid var(--color-accent);
}

.jd87c {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
}

.a5f9ac9d {
  flex: 1;
}

.ea2 {
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.je4 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.m6224d {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.ha3661 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.mb10d9b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.b6a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.b6bd {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.of611fd {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  max-width: 800px;
}

.k90 {
  flex-shrink: 0;
}

.h41322 {
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  box-shadow: 0 2px 8px rgba(12, 74, 110, 0.12);
}

.mb44f4d {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.p2f6 {
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
}

.p653c {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.p653c:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.c689553a {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
}

.d9a {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (max-width: 768px) {
  .of611fd {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .h41322 {
    width: 100px;
    height: 100px;
  }
}

.mbf6 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.ddbed1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.k5d90 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
}

.k890bed0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.h5809 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ed7 {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  border-radius: 0.5rem;
}

.ed7 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.h5809:hover .ed7 img {
  transform: scale(1.05);
}

.eeb4d0 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.l0db {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.4;
}

.n82 {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.n82:hover {
  color: var(--color-accent);
}

.j565b {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
}

@media (max-width: 1024px) {
  .k890bed0 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  
  .h5809 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 220px;
  }
}

@media (max-width: 768px) {
  .k890bed0 {
    flex-direction: column;
  }
  
  .h5809 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

html, body, div, section, nav, h1, h2, h3, h4, h5, h6, p, span, a, img, code {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.l744b {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.kbdffbc {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.o2c {
  flex: 1 1 50%;
  max-width: 50%;
}

.d3a7 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.d3a7 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.d3a7 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.d3a7 span {
  color: var(--color-text-secondary);
}

.h1117 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.2;
}

.p9b {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.6;
}

.m3f8ee {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

.k5a66ff {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.p5a9eb {
  color: var(--color-border);
}

.d4d17 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n945 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

@media (max-width: 768px) {
  .kbdffbc {
    flex-direction: column;
  }

  .o2c,
  .d4d17 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.c1418eb {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a1761 {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.h8de64 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.n48 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f51b107 {
  flex: 1 1 50%;
  max-width: 50%;
}

.mbf {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

.e609e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.b5e6f1 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.7;
}

.b5e6f1:last-child {
  margin-bottom: 0;
}

.f305 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.eb30ec9 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
}

.d2ad {
  flex: 1;
}

.gf7280 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

.fae7c {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .h8de64 {
    flex-direction: column;
  }

  .n48,
  .f51b107 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f305 {
    flex-direction: column;
  }

  .eb30ec9 {
    align-self: center;
  }
}

.j4dcc {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e7cad5 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.c234964 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.h626 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.m14454a8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.o827d {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  transition: all 0.3s ease;
}

.o827d:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(14, 116, 144, 0.1);
  transform: translateY(-2px);
}

.lc0 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(14, 116, 144, 0.1);
  border-radius: 50%;
}

.eabbd2 {
  flex: 1;
}

.i18 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

.ef72c94d {
  font-size: clamp(0.9rem, 1.1vw, 1.025rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .o827d {
    flex-direction: column;
    align-items: flex-start;
  }

  .lc0 {
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
  }
}

.be39e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l0246 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.g8515f {
  flex: 1 1 50%;
  max-width: 50%;
}

.i7339 {
  flex: 1 1 50%;
  max-width: 50%;
}

.h6cb495 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.p3e8 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.7;
}

.p3e8:last-child {
  margin-bottom: 0;
}

.b7819e93 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

.pfb {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(2rem, 4vw, 3rem) 0 0 0;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.d70d657 {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-warning);
}

.md7e2f0 {
  flex: 1;
}

.o902 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

.b43bdc {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .l0246 {
    flex-direction: column;
  }

  .g8515f,
  .i7339 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pfb {
    flex-direction: column;
  }

  .d70d657 {
    align-self: center;
  }
}

.if01f1 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.h09a3b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.fa7593 {
  flex: 1 1 50%;
  max-width: 50%;
}

.m0b {
  flex: 1 1 50%;
  max-width: 50%;
}

.dd9 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.dc8ab2 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.7;
}

.dc8ab2:last-child {
  margin-bottom: 0;
}

.aec758 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  overflow-x: auto;
}

.oce7c {
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
}

.j5190 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

@media (max-width: 768px) {
  .h09a3b {
    flex-direction: column;
  }

  .fa7593,
  .m0b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ief1 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.f109 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.b1c3ce {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.f750e9c {
  flex: 1;
}

.p3b {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

.ied {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .f109 {
    flex-direction: column;
  }

  .b1c3ce {
    align-self: center;
    margin-top: 0;
  }
}

.e07067 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.lbea7f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ab68cc {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.d2d0b32 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.d2d0b32 + .d2d0b32 {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.m795b {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
}

.hf908 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.nd80b6db {
  flex-shrink: 0;
}

.b79ab5d {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

.l2506b7a {
  flex: 1;
}

.h8b {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

.n2e {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
  font-weight: 700;
}

.p968c11 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.p968c11:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.m71839 {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.75rem 0;
  font-weight: 500;
}

.m2a919 {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .hf908 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .nd80b6db {
    flex-shrink: 0;
  }

  .b79ab5d {
    width: 100px;
    height: 100px;
  }
}

.fac68b5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i08f {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ddb {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.g399aa {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.ed4e88 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  text-decoration: none;
  transition: all 0.3s ease;
}

.ed4e88:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(14, 116, 144, 0.1);
  transform: translateY(-2px);
}

.lba5ac61 {
  flex-shrink: 0;
  width: clamp(100px, 15vw, 150px);
  height: clamp(80px, 12vw, 120px);
  border-radius: clamp(0.4rem, 0.8vw, 0.6rem);
  overflow: hidden;
}

.h7a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.c6d123 {
  flex: 1;
}

.h9d7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  line-height: 1.4;
}

.b0b6cdd {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .ed4e88 {
    flex-direction: column;
  }

  .lba5ac61 {
    width: 100%;
    height: auto;
    min-height: 200px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  line-height: 1.6;
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.j232b {
  background: var(--color-bg-primary);
  overflow: hidden;
}

.l249 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n3d {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

.n3d a {
  color: var(--color-accent);
  text-decoration: none;
}

.n3d a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.n3d span {
  color: var(--color-text-secondary);
}

.n3cd {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.g21e15a {
  flex: 1 1 50%;
  max-width: 50%;
}

.of62 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

.gff2 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.mc62a {
  color: var(--color-border);
}

.m7c {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.15;
}

.o342be75 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.hf2a54f {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.d3adda {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

@media (max-width: 1023px) {
  .n3cd {
    flex-direction: column;
    align-items: stretch;
  }

  .g21e15a,
  .hf2a54f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hf2a54f {
    min-height: 250px;
  }
}

@media (max-width: 768px) {
  .l249 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .hf2a54f {
    min-height: 200px;
  }
}

.o3c67bff {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e38 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3.5rem);
}

.c2429c7e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.c841 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.j97a095 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.fae {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.l85f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.b0b5fe {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.cb9 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.iece37 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.n605 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.n605 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.e9b67255 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

.e9b67255 p {
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
}

.g39bb {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.g39bb li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

.g39bb li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 600;
}

.ncf6 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 2rem);
}

.l04e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.l04e strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

@media (max-width: 1023px) {
  .l85f {
    flex-direction: column;
    align-items: stretch;
  }

  .b0b5fe,
  .cb9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .cb9 {
    min-height: 250px;
  }
}

@media (max-width: 768px) {
  .o3c67bff {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

.g66c44 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.p4f7c715 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.k8e {
  flex-shrink: 0;
  width: clamp(100px, 12vw, 150px);
  height: clamp(100px, 12vw, 150px);
}

.jd2c1 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

.f69 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gff {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.i82 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.i82 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

.i82 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.c1e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.od533270 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: 0.5rem;
}

@media (max-width: 768px) {
  .p4f7c715 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .k8e {
    width: 100px;
    height: 100px;
  }

  .g66c44 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

.pf64 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.k604c4 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.dab1f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.2;
}

.c75a0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.of10af {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 100%;
}

.k1fde {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

.k1fde:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.f9380e5 {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.c1a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.k1fde:hover .c1a {
  transform: scale(1.05);
}

.b84 {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.e1a520 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  transition: color 0.3s ease;
}

.k1fde:hover .e1a520 {
  color: var(--color-accent);
}

.a2c1c0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 1023px) {
  .of10af {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .pf64 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .of10af {
    flex: 1 1 100%;
  }

  .c75a0 {
    flex-direction: column;
  }

  .f9380e5 {
    height: 150px;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

* {
  box-sizing: border-box;
}

.o11ec6 {
  width: 100%;
  overflow: hidden;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o77 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.bc61 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

.bc61 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.bc61 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.bc61 span {
  color: var(--color-text-secondary);
}

.ef69 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.c3e6e5 {
  flex: 1 1 50%;
  max-width: 50%;
}

.j39 {
  flex: 1 1 50%;
  max-width: 50%;
}

.a634b5e8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.ef3 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.lba3629 {
  color: var(--color-border);
}

.p392cf {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.ofb5ff1 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ha0f68b {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 40px rgba(12, 74, 110, 0.12);
}

@media (max-width: 768px) {
  .ef69 {
    flex-direction: column;
  }
  
  .c3e6e5,
  .j39 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.pd110 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.nd231b42 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.j39e {
  flex: 1 1 50%;
  max-width: 50%;
}

.l96df32 {
  flex: 1 1 50%;
  max-width: 50%;
}

.m02 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.jb1281 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.pc3817 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 32px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .nd231b42 {
    flex-direction: column;
  }
  
  .j39e,
  .l96df32 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.hcfd0 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.nacc2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.m22ca {
  flex: 1 1 50%;
  max-width: 50%;
}

.pd3a {
  flex: 1 1 50%;
  max-width: 50%;
}

.id7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.k129c3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.d9ff741 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 8px;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.pd96 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 600;
}

.ge8470 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.oaad {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

.oaad:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.n701c9 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 32px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .nacc2 {
    flex-direction: column;
  }
  
  .m22ca,
  .pd3a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.o01d {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.h3f2d3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.l4a {
  flex: 1 1 50%;
  max-width: 50%;
}

.cc3299 {
  flex: 1 1 50%;
  max-width: 50%;
}

.fe39b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.kb1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l3e0bd39 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.g9a {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.h09 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  flex-shrink: 0;
}

.b0bad7b {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.m75c2b1d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.e4868 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 32px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .h3f2d3 {
    flex-direction: column;
  }
  
  .l4a,
  .cc3299 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.bf6428 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k3b93d85 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.n02 {
  flex: 1 1 50%;
  max-width: 50%;
}

.n9234101 {
  flex: 1 1 50%;
  max-width: 50%;
}

.i07fc {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.c1f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.od67 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-secondary);
  border-radius: 8px;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.ce2 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.7;
  margin: 0;
  font-weight: 500;
}

.a8d4 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 8px 32px rgba(12, 74, 110, 0.1);
}

@media (max-width: 768px) {
  .k3b93d85 {
    flex-direction: column;
  }
  
  .n02,
  .n9234101 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.a807d16 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.a1359f {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.p9f {
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
}

.ae4 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #92400e;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.e19ea4 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #b45309;
  line-height: 1.7;
  margin: 0;
}

.of30 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k05998cc {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
}

.p7aad47 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.cd7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.a6a5d397 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.m142d6 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.h14c {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.m81 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.15);
}

.l185 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.a34 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
}

.n5458 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
}

.n5458:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.nf39aa1d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-secondary);
  margin: 0;
  font-weight: 600;
}

.c79b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .h14c {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .m81 {
    width: 100px;
    height: 100px;
  }
}

.b03c8 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.o9d478a5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.m88 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

.o8a2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  flex-wrap: wrap;
}

.d4df7938 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(12, 74, 110, 0.08);
  display: flex;
  flex-direction: column;
}

.d4df7938:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(12, 74, 110, 0.15);
}

.o4a {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
}

.l70d0 {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-grow: 1;
}

.b13de {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
}

.k785e42 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 1024px) {
  .d4df7938 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 250px;
  }
}

@media (max-width: 768px) {
  .d4df7938 {
    flex: 1 1 100%;
    min-width: auto;
  }
  
  .o8a2 {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.b1f3a4a {
  background: var(--color-bg-primary);
}

.gfc10 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ac7055 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.oe768167 {
  text-align: center;
  max-width: 700px;
}

.mc4c85ac {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 1rem;
  font-weight: 600;
}

.fcd2c {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.g013972 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
}

.c625b0 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(14, 116, 144, 0.12);
}

.df224d0 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.pf7 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.ic8 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.mbff01f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.ib682b {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.o777 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.d4c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.75;
  margin-bottom: 1.5rem;
}

.d4c:last-child {
  margin-bottom: 0;
}

.i897a769 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e06002b {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.e3859 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.n5796 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.a3098971 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  max-width: 300px;
  transition: all var(--transition-base);
}

.a3098971:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(14, 116, 144, 0.15);
  border-color: var(--color-accent);
}

.h670b {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.i358993 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.o34317 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.gce7f {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e30d151 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.o677 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.o39c54 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

@media (min-width: 768px) {
  .o39c54 {
    flex-direction: row;
    align-items: center;
  }
}

.de16e10 {
  flex: 1 1 45%;
}

.l4aee3 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(14, 116, 144, 0.12);
}

.de16e10 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.75;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.de16e10 p:last-child {
  margin-bottom: 0;
}

.edffa27 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k40b1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.hcc94 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.adb897 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
}

.cb1c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.p9aa {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1.1rem, 2vw, 1.3rem);
}

.f3c h3 {
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.f3c p {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.nd3a38f0 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  overflow: hidden;
}

.kcc0f2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

.f5db9aee h2 {
  font-size: clamp(1.5rem, 3.5vw, 2.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

.f5db9aee p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.b23bcdc {
  display: inline-block;
  padding: clamp(0.85rem, 1vw, 1.1rem) clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

.b23bcdc:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(14, 116, 144, 0.25);
}

.jf6 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
}

.k79a {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
}

.oba6775 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.l9e00 {
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin-top: 2px;
}

.g1337 {
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.a53 {
  font-size: clamp(0.8125rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (max-width: 767px) {
  .o39c54 {
    flex-direction: column;
  }

  .l4aee3 {
    max-height: 300px;
  }

  .a3098971 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .fcd2c {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
  }

  .ib682b {
    font-size: clamp(1.35rem, 3vw, 2rem);
  }

  .p9aa {
    width: 40px;
    height: 40px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h7d3bc {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.ef472d {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.df9b125 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.a56e {
  flex: 1 1 100%;
  text-align: center;
  max-width: 700px;
}

.c2156 {
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.c115dc31 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.he9a817e {
  flex: 1 1 100%;
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.o57f3276 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

@media (min-width: 768px) {
  .df9b125 {
    flex-direction: row;
    align-items: center;
  }

  .a56e {
    flex: 1 1 45%;
    text-align: left;
  }

  .he9a817e {
    flex: 1 1 45%;
  }
}

.nac {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.i86 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.e6a2b {
  text-align: center;
}

.j8422a {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.m77a84a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.ge6 {
  max-width: 800px;
  margin: 0 auto;
}

.ge6 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ge6 p:last-child {
  margin-bottom: 0;
}

.l41 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.p16379e {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.cf73b8 {
  text-align: center;
}

.lcbf3 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.d011 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ic80 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.efc {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.hab92b {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.hab92b:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
  transform: translateY(-2px);
}

.k3cb78 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.l688336 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.fa2a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .efc {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.a2b4 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.pc8096ff {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.l99c6 {
  text-align: center;
}

.c146b {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.g7f076 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.m689 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
}

.ic0 {
  padding: clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

.ic0:hover {
  box-shadow: var(--shadow-md);
  transform: translateX(4px);
}

.fdec677a {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.d8f9ba {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .m689 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .m689 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gfa88 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jd96 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.n87 {
  text-align: center;
}

.mcf27f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.o05 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.h69ca {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.i6e77 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.mf022 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

.mf022:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.n7ff84d {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

.m92 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
}

.bd014 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .i6e77 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .i6e77 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.lcbee {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.a01 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.be5 {
  text-align: center;
}

.g7e0a2 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.b5a2 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.o00 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
  margin: 0 auto;
}

.l0e57a {
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

.d253 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.c25e7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.f25f99 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.oa5 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  justify-content: center;
}

.k15bb7ac {
  width: 100%;
  max-width: 700px;
  padding: clamp(2rem, 4vw, 3.5rem);
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-secondary) 100%);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
}

.g360 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.p10ea7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.i5c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

.l210b9 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
}

.mebab5 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

.mebab5:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.a4f {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.a4f:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .i5c {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 2rem);
  }

  .l210b9 {
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .ef472d {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .nac {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .l41 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .a2b4 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .gfa88 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .lcbee {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .f25f99 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

.a703 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.ja6dddf {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.jd5620 {
  max-width: 1200px;
  margin: 0 auto;
}

.dab8 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.l684de {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
}

.k1e5e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.h9b3af {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.e113 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

.e113:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.h2e68 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

.h2e68 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.b56d {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.k4b746a {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: 0.5px;
}

.p8db {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.m392 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.pbb94 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.be8 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.m5c8e {
  flex: 1;
}

.n0401e54 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.b0b9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.d2c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: 0.3px;
}

.d2c:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.d2c:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .ja6dddf {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .k1e5e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .h9b3af {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .h2e68 {
    height: 260px;
  }

  .pbb94 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .be8 {
    flex-direction: row;
    text-align: left;
    justify-content: space-between;
    align-items: center;
  }

  .m5c8e {
    flex: 1;
    margin-right: var(--spacing-2xl);
  }

  .n0401e54 {
    text-align: left;
  }

  .b0b9 {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .ja6dddf {
    padding: var(--spacing-4xl) 0;
  }

  .k1e5e {
    padding: var(--spacing-4xl) 0;
  }

  .h9b3af {
    grid-template-columns: repeat(2, 1fr);
  }

  .h2e68 {
    height: 300px;
  }

  .pbb94 {
    padding: var(--spacing-4xl) 0;
  }

  .e113:hover {
    box-shadow: var(--shadow-lg);
  }
}

@media (min-width: 1440px) {
  .h9b3af {
    grid-template-columns: repeat(2, 1fr);
  }
}

.b1725397 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.a47 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.dd6 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.d186 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.je758f {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.d54ad9bd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.od31 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.a2f71 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.a2f71:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.i79b1 {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  font-size: 28px;
  color: var(--color-primary);
}

.b0ea55d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.ld2b2 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.mfdf1 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.g151ea0 {
  display: inline-block;
  background-color: var(--color-accent-light);
  color: var(--color-primary);
  font-size: 0.85rem;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-weight: 500;
}

.a20 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.n103c606 {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

.h2c8e39 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.ae3091 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
}

.m20b {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.m20b:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

.m20b:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .a47 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .d54ad9bd {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .od31 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .a20 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a47 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .d54ad9bd {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .od31 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .a2f71 {
    padding: var(--spacing-2xl);
  }

  .a20 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .n103c606 {
    max-width: 800px;
  }
}

@media (min-width: 1280px) {
  .od31 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c86 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.c86 .ja9c4dc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c86 .c14b8837 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.c86 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.c86 .gf767 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c86 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.c86 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.c86 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.c86 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.c86 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.c86 .lcacfd49 {
  margin-bottom: var(--spacing-2xl);
}

.c86 .de198b21 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.c86 .de198b21 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.c86 .de198b21 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.c86 .o733 {
  margin-top: var(--spacing-md);
}

@media (min-width: 768px) {
  .c86 .ja9c4dc {
    padding: 0 var(--spacing-lg);
  }

  .c86 .c14b8837 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .c86 .ja9c4dc {
    padding: 0 var(--spacing-2xl);
  }

  .c86 .c14b8837 {
    padding: var(--spacing-4xl) 0;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-normal);
}

.aa2c5c10 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.j3d34 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ja9c4dc {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c14b8837 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m07 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.fcefa3b {
  margin: 0 auto var(--spacing-xl);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i4521fc {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
  stroke-width: 3;
  fill: none;
}

.ed1 {
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.dcbc {
  stroke-dasharray: 60;
  stroke-dashoffset: 60;
  animation: checkmark 0.6s ease-out 0.3s forwards;
}

.mbe410d2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
  line-height: var(--line-height-tight);
}

.iaab2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.g9c9feb9 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
  opacity: 0.95;
}

.g9c9feb9:last-of-type {
  margin-bottom: var(--spacing-lg);
}

.kfb {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.od6108a6 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  font-family: var(--font-primary);
  letter-spacing: 0.02em;
}

.md1 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.md1:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.md1:active {
  transform: translateY(0);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes checkmark {
  to {
    stroke-dashoffset: 0;
  }
}

@media (min-width: 640px) {
  .j3d34 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .fcefa3b {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

  .mbe410d2 {
    margin-bottom: var(--spacing-lg);
  }

  .iaab2 {
    margin-bottom: var(--spacing-xl);
  }

  .kfb {
    padding: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .j3d34 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .fcefa3b {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-3xl);
  }

  .m07 {
    max-width: 700px;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .j3d34 {
    padding: var(--spacing-4xl) var(--spacing-md);
  }

  .fcefa3b {
    width: 160px;
    height: 160px;
    margin-bottom: var(--spacing-3xl);
  }

  .od6108a6 {
    padding: var(--spacing-md) var(--spacing-3xl);
  }

  .md1:hover {
    box-shadow: var(--shadow-xl);
  }
}

@media (max-width: 639px) {
  .j3d34 {
    min-height: auto;
    padding: var(--spacing-lg) var(--spacing-sm);
  }

  .ja9c4dc {
    padding: 0 var(--spacing-sm);
  }

  .fcefa3b {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-lg);
  }

  .mbe410d2 {
    margin-bottom: var(--spacing-sm);
  }

  .iaab2 {
    margin-bottom: var(--spacing-md);
  }

  .g9c9feb9 {
    margin-bottom: var(--spacing-sm);
  }

  .kfb {
    margin-bottom: var(--spacing-xl);
    padding: var(--spacing-md);
  }

  .od6108a6 {
    padding: var(--spacing-sm) var(--spacing-xl);
    font-size: 0.95rem;
  }
}

@supports (backdrop-filter: blur(10px)) {
  .j3d34 {
    backdrop-filter: blur(2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.k3530 {
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .jef7df5 {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-md);
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .jef7df5 {
      padding: var(--spacing-2xl) var(--spacing-lg);
    }
  }

  @media (min-width: 1024px) {
    .jef7df5 {
      padding: var(--spacing-3xl) var(--spacing-2xl);
    }
  }

  .ja9c4dc {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .ja9c4dc {
      padding: 0 var(--spacing-lg);
    }
  }

  @media (min-width: 1024px) {
    .ja9c4dc {
      padding: 0 var(--spacing-2xl);
    }
  }

  .c14b8837 {
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
  }

  .k21b {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xl);
    align-items: center;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .k21b {
      gap: var(--spacing-3xl);
    }
  }

  .c8258d14 {
    position: relative;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .c8258d14 {
      height: 280px;
    }
  }

  @media (min-width: 1024px) {
    .c8258d14 {
      height: 340px;
    }
  }

  .g0f897d {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .ae0d07 {
    font-size: clamp(5rem, 15vw, 12rem);
    font-weight: 900;
    font-family: var(--font-heading);
    background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.05em;
    animation: floatCode 4s ease-in-out infinite;
    position: relative;
    z-index: 2;
    margin: 0;
    line-height: 1;
  }

  @keyframes floatCode {
    0%, 100% {
      transform: translateY(0px) rotateZ(-2deg);
    }
    50% {
      transform: translateY(-30px) rotateZ(2deg);
    }
  }

  .l88 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    overflow: hidden;
  }

  .pbc {
    position: absolute;
    border-radius: var(--radius-full);
    opacity: 0.15;
  }

  .p9d989 {
    width: 80px;
    height: 80px;
    background-color: var(--color-primary);
    top: 20%;
    left: 10%;
    animation: orbitElement 6s linear infinite;
  }

  .f10c71ce {
    width: 60px;
    height: 60px;
    background-color: var(--color-accent);
    top: 60%;
    right: 15%;
    animation: orbitElement 8s linear infinite reverse;
  }

  .b5e350 {
    width: 100px;
    height: 100px;
    background-color: var(--color-secondary);
    bottom: 10%;
    left: 20%;
    animation: orbitElement 7s linear infinite;
  }

  @keyframes orbitElement {
    0% {
      transform: translate(0, 0) scale(1);
      opacity: 0.15;
    }
    50% {
      opacity: 0.08;
    }
    100% {
      transform: translate(100px, -50px) scale(0.8);
      opacity: 0.15;
    }
  }

  .j56a {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .j56a {
      gap: var(--spacing-xl);
    }
  }

  .l607 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    font-family: var(--font-heading);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--line-height-tight);
    animation: slideInDown 0.6s ease-out;
  }

  @keyframes slideInDown {
    from {
      opacity: 0;
      transform: translateY(-20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .ga54 {
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
    animation: slideInUp 0.6s ease-out 0.1s both;
  }

  @keyframes slideInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .cac2 {
    background-color: var(--color-bg-secondary);
    border-left: 4px solid var(--color-primary);
    padding: var(--spacing-md);
    border-radius: var(--radius-sm);
    overflow: hidden;
    animation: slideInUp 0.6s ease-out 0.2s both;
  }

  @media (min-width: 768px) {
    .cac2 {
      padding: var(--spacing-lg);
    }
  }

  .a083ed {
    font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--line-height-normal);
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
  }

  .i81f {
    display: inline-block;
    color: var(--color-primary);
    font-weight: 700;
    animation: slideRight 1s ease-in-out infinite;
  }

  @keyframes slideRight {
    0%, 100% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(6px);
    }
  }

  .od6108a6 {
    display: inline-block;
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
    font-weight: 600;
    font-family: var(--font-primary);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
    cursor: pointer;
    border: none;
    text-align: center;
    line-height: var(--line-height-normal);
  }

  .md1 {
    background-color: var(--color-primary);
    color: var(--color-text-on-accent);
  }

  .md1:hover {
    background-color: var(--color-primary-hover);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
  }

  .md1:active {
    transform: translateY(0);
  }

  .i52 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    animation: slideInUp 0.6s ease-out 0.3s both;
  }

  @media (min-width: 768px) {
    .i52 {
      padding: var(--spacing-lg) var(--spacing-3xl);
    }
  }

  .b570f {
    background-color: var(--color-bg-card);
    border: 2px solid var(--color-border-light);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    overflow: hidden;
    animation: slideInUp 0.6s ease-out 0.4s both;
  }

  @media (min-width: 768px) {
    .b570f {
      padding: var(--spacing-lg);
    }
  }

  .feff {
    font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--line-height-normal);
  }

  @media (max-width: 640px) {
    .ae0d07 {
      animation: floatCode 3s ease-in-out infinite;
    }

    .p9d989 {
      animation: orbitElement 5s linear infinite;
    }

    .f10c71ce {
      animation: orbitElement 6s linear infinite reverse;
    }

    .b5e350 {
      animation: orbitElement 5.5s linear infinite;
    }
  }

.ndb {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.db66c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.ec900588 {
  max-width: 900px;
  margin: 0 auto;
}

.ja0d0f5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.g7d6a9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

@media (min-width: 768px) {
  .db66c {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .db66c {
    padding: 6rem 2rem;
  }
}

.b2b9 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.j1fd8 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.e1420a {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

.p1772 {
  flex: 1 1 100%;
  min-width: 0;
}

.oa9bf3 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .p1772 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
    min-width: 300px;
  }

  .oa9bf3 {
    flex: 1 1 calc(50% - var(--spacing-3xl) / 2);
    min-width: 300px;
  }
}

@media (min-width: 768px) {
  .b2b9 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .b2b9 {
    padding: 6rem 2rem;
  }
}

.l92f {
  margin-bottom: var(--spacing-2xl);
}

.beac7c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.c3d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.ga6a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.bc3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m31 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.g6391,
.ccf369 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  transition: all var(--transition-base);
  line-height: var(--line-height-normal);
}

.g6391::placeholder,
.ccf369::placeholder {
  color: var(--color-text-muted);
}

.g6391:focus,
.ccf369:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.g6391:invalid:not(:placeholder-shown),
.ccf369:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.ccf369 {
  resize: vertical;
  min-height: 140px;
}

.n539 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.cc721d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.cc721d:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.cc721d:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.a2bc {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

.ed944eec {
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  font-weight: 600;
}

.ed944eec:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.f027 {
  margin-bottom: var(--spacing-2xl);
}

.c5ab5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.k8817 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.a815e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.l18 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.n45 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.g79ca {
  flex: 1;
}

.ca8 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.pc5856 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.n8b663 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-xl);
}

.mb53 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.e159c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.o3a35 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.o3a35:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.kab {
  background-color: var(--color-bg-tertiary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.a48 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.bf86 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

.m879 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .m879 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .m879 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.efc8 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.efc8:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.p6a25d2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.d469ea {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.h654d {
  text-align: center;
  padding: var(--spacing-xl);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.ee7 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.n04c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

@media (min-width: 768px) {
  .kab {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .kab {
    padding: 6rem 2rem;
  }
}

@media (max-width: 1023px) {
  .e1420a {
    flex-direction: column;
  }

  .p1772,
  .oa9bf3 {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .ja0d0f5 {
    margin-bottom: var(--spacing-sm);
  }

  .l92f,
  .f027 {
    margin-bottom: var(--spacing-xl);
  }

  .cc721d {
    padding: 0.875rem 1.5rem;
  }

  .l18 {
    gap: var(--spacing-sm);
  }

  .n45 {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
.f1b3,.cf2b27{
  width: 34px;
}

.d2ce6e0a{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

img{
  max-width: 100%;
  height: auto;
}

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.c52{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .c52{
    max-width: 100%;
  }
}

.c52.e45b03{
  z-index: 999;
}

.c379a{
  padding-top: 50px;
}

.f1b3[aria-expanded="true"]{
  display: none;
}