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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #f1f5f9;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #677280;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #0ea5e9;
  --color-secondary-hover: #0284c7;
  --color-secondary-light: #cffafe;
  --color-secondary-lighter: #ecf9ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Nunito', sans-serif;

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  
  --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-text-on-accent: #ffffff;
}

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.7;
  letter-spacing: 0.3px;
  font-weight: 400;
}

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button, input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
}

button {
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
}

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

.i882aa {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

.i882aa:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.i882aa:active {
  transform: translateY(1px);
}

.fb75 {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

.fb75:hover {
  background: var(--color-secondary-hover);
  box-shadow: var(--shadow-md);
}

.fb75:active {
  transform: translateY(1px);
}

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

.hc2885e:hover {
  background: var(--color-primary-lighter);
  color: var(--color-primary-hover);
}

.hc2885e:active {
  transform: translateY(1px);
}

.cd92c8 {
  background: transparent;
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-md);
}

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

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

.jff {
  display: grid;
  gap: var(--spacing-lg);
}

.k2dc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
}

.f97 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--spacing-lg);
}

.o0690 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--spacing-lg);
}

.k2ce7 {
  display: flex;
  gap: var(--spacing-md);
}

.dde6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.a03e8 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

.bfab65 {
  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);
}

.bfab65:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-border);
}

.h9de {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-lg);
}

.oa8b {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

.d354e8 {
  padding: var(--spacing-3xl) 0;
}

.lee {
  padding: var(--spacing-3xl) 0;
}

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

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

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

.e5c2 {
  color: var(--color-text-primary);
}

.m822 {
  font-size: 0.9rem;
  line-height: 1.5;
  letter-spacing: 0.25px;
}

.o382d34f {
  font-size: 1.125rem;
  line-height: 1.7;
}

.d42ad {
  font-size: 1.25rem;
  line-height: 1.7;
}

.j5aa6 {
  text-align: center;
}

.h2d15 {
  text-align: left;
}

.j21 {
  text-align: right;
}

.g9f4d6 {
  font-weight: 400;
}

.l8841 {
  font-weight: 500;
}

.ja80a {
  font-weight: 600;
}

.h3f5e {
  font-weight: 700;
}

.b57f {
  line-height: 1.3;
}

.d057 {
  line-height: 1.7;
}

.n55ebc5 {
  line-height: 1.9;
}

.n79e { margin-top: 0; }
.gb93 { margin-top: var(--spacing-xs); }
.e3d { margin-top: var(--spacing-sm); }
.o9f { margin-top: var(--spacing-md); }
.ed4d60f { margin-top: var(--spacing-lg); }
.p0174 { margin-top: var(--spacing-xl); }
.df546 { margin-top: var(--spacing-2xl); }

.b56d { margin-bottom: 0; }
.nfaa { margin-bottom: var(--spacing-xs); }
.e268 { margin-bottom: var(--spacing-sm); }
.nf0d40b { margin-bottom: var(--spacing-md); }
.kf87d { margin-bottom: var(--spacing-lg); }
.ac681 { margin-bottom: var(--spacing-xl); }
.d277 { margin-bottom: var(--spacing-2xl); }

.pfac { padding-top: var(--spacing-lg); }
.lde6 { padding-top: var(--spacing-xl); }
.c06 { padding-top: var(--spacing-2xl); }

.da90 { padding-bottom: var(--spacing-lg); }
.i15f8 { padding-bottom: var(--spacing-xl); }
.a996d { padding-bottom: var(--spacing-2xl); }

.l24 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.ef923 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.jcdbddb { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.m5b6 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.d01f { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }

input, textarea, select {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  transition: border-color 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);
}

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

.c75d0ac {
  height: 1px;
  background: var(--color-border);
}

ul, ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
  line-height: 1.8;
}

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  color: var(--color-text-secondary);
  font-style: italic;
  line-height: 1.8;
}

code {
  font-family: 'Monaco', 'Courier New', monospace;
  background: var(--color-bg-tertiary);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  font-size: 0.9em;
  color: var(--color-text-primary);
}

pre {
  background: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
  line-height: 1.5;
}

pre code {
  background: none;
  padding: 0;
}

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

.ob262bd {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
}

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

thead {
  background: var(--color-bg-tertiary);
}

th {
  padding: var(--spacing-md) var(--spacing-lg);
  text-align: left;
  font-weight: 600;
  color: var(--color-text-primary);
  border-bottom: 1px solid var(--color-border);
}

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

tr:last-child td {
  border-bottom: none;
}

.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;
}

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .d354e8 {
    padding: var(--spacing-2xl) 0;
  }

  .k2dc, .f97, .o0690 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }

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

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

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

  button {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-md);
  }
}

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

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8fafc;
    --color-bg-tertiary: #f1f5f9;
    --color-bg-card: #ffffff;
    --color-text-primary: #1e293b;
    --color-text-secondary: #5f6e84;
    --color-text-muted: #677280;
  }
}
* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pdc {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.o0604908:hover {
  opacity: 0.85;
}

.lc73d7 {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid var(--color-border-light);
}

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

.o12bb {
  display: none;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  flex: 1;
  justify-content: center;
}

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

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

.e76b1 {
  display: none;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.75rem;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
  border: none;
  cursor: pointer;
}

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

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

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

.kd6.f33cc span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.kd6.f33cc span:nth-child(2) {
  opacity: 0;
}

.kd6.f33cc span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.o036ecf {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: 4rem;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.o036ecf.f33cc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.k90 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 100;
}

.fed3e943 {
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  font-size: 1.75rem;
  cursor: pointer;
  padding: 0.5rem;
  margin: -0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition-base);
}

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

.g54939 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin-top: 2rem;
}

.g23505a {
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  transition: color var(--transition-base);
  display: block;
}

.g23505a:last-child {
  border-bottom: none;
}

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

.j08b8b {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin: 2rem clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  text-align: center;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  display: block;
}

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

@media (min-width: 768px) {
  .f6bf3 {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }

  .o12bb {
    display: flex;
  }

  .e76b1 {
    display: block;
  }

  .kd6 {
    display: none;
  }

  .o036ecf {
    display: none;
  }

  .lc73d7 {
    width: 44px;
    height: 44px;
  }

  .d44 {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  }

  .f082 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  }
}

@media (min-width: 1024px) {
  .f6bf3 {
    padding: 1.5rem clamp(1.5rem, 4vw, 3rem);
  }

  .lc73d7 {
    width: 48px;
    height: 48px;
  }

  .d44 {
    font-size: 1.5rem;
  }

  .f082 {
    font-size: 1rem;
  }

  .e76b1 {
    padding: 0.85rem 2rem;
    font-size: 1rem;
  }
}

    

.g7f1f {
  width: 100%;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

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

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

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

a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition-base);
}

.d9c {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 50px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  cursor: pointer;
  border: 2px solid transparent;
  transition: var(--transition-base);
  text-align: center;
}

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

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

.g2ef {
  background: transparent;
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-text-on-accent);
}

.g2ef:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

.b110 {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c0a9c {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
  max-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.j6d66 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.od16 {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  z-index: 2;
}

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

.n53b9f {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  line-height: 1.2;
}

.b9f {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.5;
}

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

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

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

.hf3 {
  text-align: center;
}

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

.h70 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

.n46f {
  flex: 2 1 100%;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 16px;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

.h19d8e2 {
  flex: 1 1 200px;
  max-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: var(--transition-base);
}

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

.nd0 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
}

.mb2 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

.c5026 {
  flex: 1 1 45%;
  min-height: 300px;
}

.fa6ce6e9 {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
}

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

.h715 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.p15be {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

  .c5026 {
    flex: 1 1 100%;
  }

  .oae27c {
    flex: 1 1 100%;
  }
}

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

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

.a7703be {
  flex: 1 1 45%;
}

.n2d {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.g4d5 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.b3ca7 {
  flex: 1 1 55%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.d85 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  text-align: center;
}

.p73 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

  .a7703be {
    flex: 1 1 100%;
  }

  .b3ca7 {
    flex: 1 1 100%;
  }
}

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

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

.mfc {
  text-align: center;
}

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

.mdaf {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

.o1636 {
  flex: 1 1 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ied {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

.i3dc9c7 {
  text-align: center;
}

.efb {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.j4c007cf,
.cacf {
  flex: 1 1 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.h858c66 {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.c108d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pb0 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
}

.pb0 i {
  flex: 0 0 24px;
  color: var(--color-accent);
  margin-top: 2px;
}

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

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

.h1b2 {
  text-align: center;
}

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

.k34d28e {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.i58c2 {
  flex: 1 1 250px;
  max-width: 300px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

.ja0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

.n27df6 {
  flex: 1 1 45%;
}

.d62e1f3 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bdc {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.e40 {
  flex: 1 1 55%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.bb1 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.o1ff6 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.i6997 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

  .n27df6 {
    flex: 1 1 100%;
  }

  .e40 {
    flex: 1 1 100%;
    grid-template-columns: 1fr;
  }
}

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

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

.eba92b2 {
  flex: 1 1 45%;
}

.c8877 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.b84c {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 0;
}

.b70887 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

.l3492956 {
  flex: 1 1 55%;
  min-height: 300px;
}

.l43495 {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
}

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

  .eba92b2 {
    flex: 1 1 100%;
  }

  .l3492956 {
    flex: 1 1 100%;
  }
}

.ac96 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

.d000 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

.nd9 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1rem);
  align-items: center;
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  flex: 0 1 auto;
  padding: clamp(0.5rem, 1vw, 0.75rem);
}

.nd9 i {
  flex: 0 0 24px;
  font-size: 1.5rem;
  color: var(--color-success);
}

.pf9175 {
  margin: 0;
}

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

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

.j52 {
  text-align: center;
}

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

.a93a {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

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

.ldc44 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.mcc {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

.f19a {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

.f19a.k89 {
  display: none;
}

.fd5d5194 {
  color: var(--color-text-on-accent);
  margin: 0;
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  text-align: center;
  flex: 1 1 100%;
  min-width: 200px;
}

.b885f {
  color: var(--color-accent-light);
  text-decoration: underline;
}

.e1c4867 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex: 0 1 auto;
}

.p79b9,
.l4e910 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  cursor: pointer;
  transition: var(--transition-base);
}

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

.p79b9:hover {
  background: var(--color-accent-hover);
  opacity: 0.9;
}

.l4e910 {
  background: transparent;
  color: var(--color-text-on-accent);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.l4e910:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 768px) {
  .f19a {
    flex-direction: column;
    padding: 1rem;
    gap: 1rem;
  }

  .fd5d5194 {
    flex: 1 1 100%;
    order: 1;
  }

  .e1c4867 {
    flex: 1 1 100%;
    order: 2;
    justify-content: center;
  }

  .c0a9c {
    aspect-ratio: auto;
    min-height: 400px;
  }

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

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

  .d9c {
    width: 100%;
  }

  .m3c95 {
    flex-direction: column;
  }

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

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

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

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

.mdd29 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g058c54f {
  max-width: 520px;
}

.g058c54f p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.p248f,
.ba345,
.d1e3275 {
  width: 100%;
}

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

.ha68 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base), text-decoration var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ba345 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.hc0364a5 {
  text-align: center;
}

.hc0364a5 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ed8c8 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem) !important;
  color: var(--color-text-muted) !important;
  font-style: normal;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .p2fdbb {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
    grid-auto-rows: max-content;
  }

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

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

  .hc0364a5 {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .p2fdbb {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(3rem, 5vw, 4rem);
    grid-auto-rows: max-content;
  }

  .g058c54f {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .p248f {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .ba345 {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }

  .d1e3275 {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
  }

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

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

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

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

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

.kc4576 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k3a86 {
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: rgba(255, 255, 255, 0.95);
  font-weight: 400;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pdc4e2be {
  width: 100%;
  max-width: 400px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i9bd {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-2xl);
  border: 2px solid rgba(255, 255, 255, 0.2);
}

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

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

.a8178f {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  text-align: center;
}

.je2fd {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i0bafc {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(280px, 22vw, 320px);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.b6966c {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

.bb483a {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  padding-top: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

.hb9b9 {
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c80f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
}

.f238,
.k56c84bd,
.ma66 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.f238 i,
.k56c84bd i,
.ma66 i {
  color: var(--color-primary);
}

.od3e {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  margin-top: auto;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
}

.od3e:hover {
  background: #047857;
  text-decoration: none;
  opacity: 0.95;
}

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

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

.i6423 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
}

.b8c33f0 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.b8c33f0 p {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 767px) {
  .o5e9 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

  .i0bafc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d9e4 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }

  .e12b90ac {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .d9e4 {
    gap: clamp(1.25rem, 3vw, 2rem);
  }

  .i0bafc {
    flex: 1 1 calc(50% - clamp(0.625rem, 1.5vw, 1rem));
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .o5e9 {
    flex-direction: row;
    align-items: center;
    text-align: left;
  }

  .j0d3510d {
    flex: 1;
    align-items: flex-start;
  }

  .pdc4e2be {
    flex: 1;
    max-width: 450px;
  }

  .d9e4 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .i0bafc {
    flex: 1 1 calc(25% - clamp(1.125rem, 2vw, 1.875rem));
    max-width: none;
  }
}

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

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

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

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

a {
  color: var(--color-accent);
  text-decoration: none;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.b3437 i {
  color: var(--color-accent);
  font-size: 1rem;
}

.g70f6e {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
}

.g70f6e a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

.f1c8557 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

@media (max-width: 768px) {
  .i4bcc {
    flex-direction: column;
  }
  
  .a460e9,
  .m6f64a7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .l0ff5 {
    margin-bottom: 1rem;
  }
}

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

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

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

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

.b62a76d {
  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.7;
}

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

.gcdda245 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .bf9 {
    flex-direction: column;
  }
  
  .m0d7bfc,
  .gcdda245 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.k3119 {
  flex: 1 1 70%;
  min-width: 0;
}

.ke7 {
  flex: 0 0 30%;
  position: sticky;
  top: 2rem;
  max-width: 300px;
}

.f4f {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.l3b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto clamp(0.75rem, 2vw, 1rem);
  display: block;
  border: 3px solid var(--color-accent);
}

.gd9 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.gd9 a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

.fd09 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

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

@media (max-width: 1024px) {
  .c6e27 {
    flex-direction: column;
  }
  
  .k3119 {
    flex: 1 1 100%;
  }
  
  .ke7 {
    flex: 1 1 100%;
    position: static;
    max-width: 100%;
  }
}

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

.n70:nth-child(even) {
  background: var(--color-bg-primary);
}

.cf89 {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.be34b8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.o7c {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

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

.l49 {
  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.7;
}

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

.i6f12 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

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

.h53cb4c1 {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.ecf9 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  transition: var(--transition-base);
}

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

.p116 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.ff3bc0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  text-align: left;
}

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

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

@media (max-width: 640px) {
  .ecf9 {
    flex: 1 1 100%;
  }
}

.k6e1ae {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  overflow: hidden;
}

.f9e0d {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.d91be500 {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.p585a2f2 {
  flex: 1 1 auto;
}

.kcb4d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

@media (max-width: 640px) {
  .f9e0d {
    flex-direction: column;
  }
  
  .d91be500 {
    margin-top: 0;
  }
}

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

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

.j54d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.h3924 {
  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.7;
}

.l409 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
  border: 2px solid var(--color-border-light);
}

.facf3c3 {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.d4fb69 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
}

.d468 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
}

.d468:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

.i6881e {
  text-align: center;
}

.lc70 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

.ke6311 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.n86bf62 {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

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

.ke6311:hover .n86bf62 img {
  transform: scale(1.05);
}

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

.p6b2a3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

.p6b2a3 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

@media (max-width: 640px) {
  .ke6311 {
    flex: 1 1 100%;
  }
}

@media (max-width: 768px) {
  .f97e2 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }
  
  .j386,
  .k3f9c,
  .occ,
  .d5c8c92 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
  
  .b3437 {
    gap: 0.375rem;
  }
}

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

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

.ne8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

.b52 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

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

.bb8e0 i {
  color: var(--color-accent);
}

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

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

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

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

.cd9 {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

.n9e077 {
  flex: 1 1 40%;
  max-width: 40%;
}

.aaff3 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
}

.b06 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.o04d5 {
  list-style: none;
  padding: 0;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.o04d5 li {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i32 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 6vw, 4rem) 0;
  overflow: hidden;
  position: relative;
  right: 0;
  width: 100%;
}

.o1b14be7 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.d0f3c {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.kd6ec9a {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

.k8b49a {
  flex: 1;
}

.fcdf {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

.ld7c {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

.b44a {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-warning);
  margin-top: 0.25rem;
}

.cd7 {
  flex: 1;
}

.ef2975 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

.k842fe {
  max-width: 800px;
  margin: 0 auto;
}

.d4e9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  text-align: center;
}

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

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

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

.l8a {
  font-size: clamp(1.75rem, 4vw + 1rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}

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

.e3dd9 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.k4c3 {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

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

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

.pef {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

.n1e {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
  margin-top: 0.5rem;
}

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

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

  .i6347 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e68381 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m67bc6f {
    flex-direction: column;
  }

  .cd9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n9e077 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .fbe2,
  .f16 {
    flex-direction: column;
  }

  .bc58b8,
  .ba51ef {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d0f3c {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .kd6ec9a {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

  .k8b49a {
    flex: 1;
  }

  .e3dd9 {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

  .i6347 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e68381 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m67bc6f {
    flex-direction: column;
  }

  .cd9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n9e077 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .fbe2,
  .f16 {
    flex-direction: column;
  }

  .bc58b8,
  .ba51ef {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bb8e0 {
    flex: 1 1 calc(50% - 0.5rem);
  }

  .d0f3c {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .kd6ec9a {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

  .fc26 {
    flex-direction: column;
    align-items: flex-start;
  }

  .b44a {
    margin-top: 0;
  }

  .e3dd9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k842fe {
    max-width: 100%;
  }

  .fa8 {
    text-align: left;
  }

  .d4e9 {
    text-align: left;
  }

  .l8a {
    text-align: left;
  }
}

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

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

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

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

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

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

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

.o17a7f8b a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

.i5f8 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e27 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.o188d46,
.ffcd8,
.hde596 {
  color: var(--color-text-muted);
}

.j735e {
  color: var(--color-border-light);
}

.i98 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .ab8 {
    flex-direction: column;
  }
  
  .mb42,
  .c75 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.pd77 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.abe {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.g20a24f7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ma49583 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.cd42bf9 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.o324 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  text-align: center;
  line-height: 1;
}

.k5d3 {
  flex: 1;
}

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

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

.k2ef7f img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .baf49f4 {
    flex-direction: column;
  }
  
  .nc120,
  .k2ef7f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.b6752 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m17 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

.g49aa {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.cb88 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-style: italic;
}

.da2ce img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .n1e5 {
    flex-direction: column;
  }
  
  .da2ce,
  .h4c6d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ccfe6f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.pfc {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.l1e890f8 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

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

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

.m1fb img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .lff {
    flex-direction: column;
  }
  
  .j36e676,
  .m1fb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.p501 {
  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, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-warning);
}

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

.n5652 {
  flex: 1;
}

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

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

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

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

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

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

.k2e648 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p5e321 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.i013eb {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: clamp(1.5rem, 2vw, 2rem);
  position: relative;
}

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

.a37837 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .l0d1f1 {
    flex-direction: column;
  }
  
  .a37837,
  .me9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.ga80 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.ce7 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g10a1c {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.p4771 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  max-width: 600px;
  margin: 0 auto;
}

.n9c7 {
  flex-shrink: 0;
}

.h55b94b {
  width: clamp(80px, 10vw, 120px);
  height: clamp(80px, 10vw, 120px);
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.k9946f {
  flex: 1;
}

.ne5 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.ne5 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.nba5 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

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

.jdaeb9b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.cf9 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.oa1e {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

.i1b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

.i1b a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

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

@media (max-width: 768px) {
  .m5e56 {
    flex-direction: column;
  }
  
  .cf9 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: 100%;
  }
  
  .oa1e {
    height: 180px;
  }
}

@media (max-width: 1024px) {
  .m5e56 {
    justify-content: space-between;
  }
  
  .cf9 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 280px;
  }
}

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

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

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

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

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

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

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

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

  .p284b1ec span:last-child {
    color: var(--color-text-primary);
    font-weight: 500;
  }

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

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

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

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

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

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

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

  .e96aa i {
    color: var(--color-accent);
    width: 18px;
    text-align: center;
  }

  .l9653 {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

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

    .g834cd7e,
    .f0a751 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .e9e {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
  }

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

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

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

  .hf55c48 {
    flex: 1 1 calc(50% - clamp(0.5rem, 1.5vw, 1rem));
    min-width: 200px;
    max-width: 250px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-accent);
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

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

  .j12d405 {
    color: var(--color-text-primary);
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-family: var(--font-heading);
    font-weight: 600;
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }

  .j12d405 i {
    color: var(--color-accent);
    font-size: 1.5rem;
  }

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

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

    .hf55c48 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

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

  .mda25 {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

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

    .o6e,
    .g4419c {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .h92ada44 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
  }

  .n9ad8e3f {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    width: 40px;
    height: 40px;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: 50%;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
  }

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

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

    .ad3266 {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }

    .f1d4f {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

    .md2,
    .eac4 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .a1ba3 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
  }

  .p248ea7c {
    flex: 1 1 100%;
  }

  .j6b {
    flex: 0 0 280px;
    position: sticky;
    top: 2rem;
    height: fit-content;
  }

  .ld5afe {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    text-align: center;
  }

  .i5c132 {
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .j704 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }

  .m95 {
    text-align: center;
  }

  .k8bf26 {
    margin: 0 0 0.5rem 0;
  }

  .be470f {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    font-family: var(--font-heading);
    font-weight: 600;
    transition: color 0.3s ease;
  }

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

  .p5e71 {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
    font-weight: 500;
  }

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

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

    .j6b {
      flex: 1 1 100%;
      position: static;
    }
  }

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

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

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

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

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

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

    .j526,
    .k8c5 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .p278 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    font-family: var(--font-heading);
    font-weight: 600;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
  }

  .p278 i {
    color: var(--color-warning);
    font-size: 1.25rem;
  }

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

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

  .k25c8d09 {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
  }

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

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

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

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

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

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

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

  .kbb316be {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
    min-width: 280px;
    max-width: 380px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
  }

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

  .m8e348f1 {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: var(--color-bg-tertiary);
  }

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

  .kbb316be:hover .b097759 {
    transform: scale(1.05);
  }

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

  .a0b17f {
    margin: 0;
  }

  .j08 {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    font-family: var(--font-heading);
    font-weight: 600;
    line-height: 1.4;
    transition: color 0.3s ease;
  }

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

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

  @media (max-width: 1024px) {
    .kbb316be {
      flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    }
  }

  @media (max-width: 768px) {
    .kbb316be {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

  @media (max-width: 480px) {
    .p284b1ec {
      font-size: 0.75rem;
    }

    .mfb1a516 {
      gap: 0.75rem;
    }

    .e96aa {
      font-size: 0.75rem;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

p, span, li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.d9c {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.d9c:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

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

.ke548 {
  text-align: center;
  max-width: 800px;
}

.ke548 h1 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
}

.ke548 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

.p40 {
  width: 100%;
  max-width: 900px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

.i07c68 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.ldf5 {
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

.i07c68 h2 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.i07c68 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

.iaba {
  flex: 1 1 50%;
  min-width: 0;
}

.iaba h3 {
  font-size: clamp(1.25rem, 3vw, 1.875rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.iaba p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
  line-height: 1.8;
}

.f74b06f {
  flex: 1 1 50%;
  min-width: 0;
  max-height: 400px;
}

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

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

.l00c {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.l00c h2 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

.l00c p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

.ddd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.ddd h3 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

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

.ddd p {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.n8a0e7c7 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.n8a0e7c7 h2 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

.n8a0e7c7 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.i20 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.f0f6f {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.f0f6f h3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.f0f6f p {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.a9192 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.a9192 h2 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

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

.nf4 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.m7cf {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

.n6392ef8 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

.i2b53405 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

.fec660 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

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

.fec660 h3 {
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

  .iaba,
  .f74b06f {
    flex: 1 1 100%;
  }

  .ddd {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .nf4 {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

@media (max-width: 480px) {
  .f00,
  .c3b3c,
  .fe06,
  .dd815c,
  .l3f,
  .h96 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .i07c68 h2,
  .l00c h2,
  .n8a0e7c7 h2,
  .a9192 h2 {
    font-size: clamp(1.25rem, 5vw, 1.75rem);
  }
}

.j78403 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

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

.g929 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

.f9fc {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pf84 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p315fd4 {
  flex: 1 1 45%;
  width: 100%;
}

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

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

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

.b2e8c75 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.a500b {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

.bfa1ca5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.jb0641 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
}

.jb0641 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ob0f7 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.ica36 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

.c173 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i16b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g92a {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.fd52595 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.bb626e {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.kebf5a3e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.m34 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

.h37 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.odb {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  position: relative;
}

.a1ca27b {
  font-size: clamp(2.25rem, 5vw, 3rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
  opacity: 0.15;
  position: absolute;
  top: clamp(0.5rem, 1vw, 1rem);
  right: clamp(0.5rem, 1vw, 1rem);
}

.bec05cff {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
  z-index: 1;
}

.e5583 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  position: relative;
  z-index: 1;
}

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

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

.md3 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.n90fa {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oad {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p9395b {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.c612 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ife {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.l7b5d3 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

.ca5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n7f8a0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d0914aa {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.i19b {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-decoration: none;
  transition: all var(--transition-base);
}

.i19b:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateX(4px);
}

.iad9b6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: left;
}

.i19b i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  flex-shrink: 0;
}

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

.g439 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.ica80 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l9a47c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  opacity: 0.95;
}

.f2cc71 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  font-family: var(--font-primary);
}

.f2cc71:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .g92a {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }

  .odb {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }

  .p9395b {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }
}

@media (min-width: 1024px) {
  .g92a {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  }

  .odb {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }

  .p9395b {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  }
}

.g821bd8 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.j26f1c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.b465eef {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-xl) 0;
}

.lf5c8c {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.l81a6 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.e395465 {
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: block;
  margin: var(--spacing-xl) auto 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.j327d237 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
}

.f27da9 {
  max-width: 800px;
  margin: 0 auto;
}

.f206 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.jb7fa {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.jb7fa:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.ldc210 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-md);
  transition: var(--transition-fast);
  text-align: left;
}

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

.i86733 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  line-height: 1.5;
  flex: 1;
}

.pb363 {
  font-family: var(--font-primary);
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: var(--transition-fast);
  margin-top: 2px;
}

.jb7fa.f33cc .pb363 {
  transform: rotate(45deg);
}

.pa2f6f {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base) ease;
}

.jb7fa.f33cc .pa2f6f {
  max-height: 500px;
}

.pa2f6f p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: 1.7;
  margin: 0;
  padding: 0 var(--spacing-lg) var(--spacing-lg);
}

.n3a78a1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.c315f {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.o61 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.c60e {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.h768b {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.h768b:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .j26f1c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .b465eef {
    padding: var(--spacing-2xl) 0;
  }

  .j327d237 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .n3a78a1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .pa2f6f p {
    padding: 0 var(--spacing-xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .j26f1c {
    padding: var(--spacing-3xl) 0;
  }

  .b465eef {
    padding: var(--spacing-3xl) 0;
  }

  .j327d237 {
    padding: var(--spacing-3xl) 0;
  }

  .n3a78a1 {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .pa2f6f p {
    padding: 0 var(--spacing-2xl) var(--spacing-2xl);
  }
}

.bf3a {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.fcc8af {
  position: relative;
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  min-height: 280px;
}

.kcc0696 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-md);
}

.g5962 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 6vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.2;
  margin: 0;
}

.ic0b9 {
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
}

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

.o9d7 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.d20 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.d24d1a2 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.gf08b3 {
  font-size: 2.5rem;
  color: var(--color-primary);
  display: inline-flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
}

.h54e1d8e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

.fa86 {
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

.i2e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 500;
  font-size: 0.95rem;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  width: fit-content;
}

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

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

.k60 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.f75ff2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: center;
}

.cb52e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw + 0.25rem, 2.125rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0;
  line-height: 1.2;
}

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

.k525855 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  width: fit-content;
  margin: var(--spacing-md) auto 0;
}

.k525855:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  box-shadow: var(--shadow-md);
}

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

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

.b0f3c5 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.hc2 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.bf14c9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
}

.ke1 {
  font-size: 2rem;
  color: var(--color-secondary);
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  background-color: var(--color-secondary-lighter);
  border-radius: var(--radius-md);
}

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

.j30ae {
  font-size: clamp(0.8rem, 1.5vw + 0.2rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  max-width: 300px;
}

@media (min-width: 640px) {
  .fcc8af {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 320px;
  }

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

  .k60 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .fd22 {
    height: 300px;
  }

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

@media (min-width: 1024px) {
  .fcc8af {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    min-height: 400px;
  }

  .kcc0696 {
    text-align: left;
  }

  .ifdc {
    height: 350px;
  }

  .o9d7 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .d20 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .k60 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .f75ff2 {
    text-align: left;
  }

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

  .fd22 {
    height: 350px;
  }

  .b0f3c5 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .hc2 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-3xl);
  }

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

@media (min-width: 1280px) {
  .d20 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.n8b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.n8b main {
  width: 100%;
}

.n8b .o28 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n8b .b78dfc12 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.n8b h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
  font-weight: 700;
}

.n8b 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);
  font-weight: 600;
  line-height: 1.4;
}

.n8b p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.n8b .bc8ebf {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.n8b ul {
  list-style: none;
  padding-left: 0;
  margin: var(--spacing-md) 0;
}

.n8b li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.n8b li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.n8b .o96a4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.n8b .o96a4 h2 {
  margin-top: 0;
}

.n8b .o96a4 p {
  margin-bottom: var(--spacing-sm);
}

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

.n8b .ee4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
}

@media (min-width: 768px) {
  .n8b .o28 {
    padding: 0 var(--spacing-lg);
  }

  .n8b .b78dfc12 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n8b .o28 {
    padding: 0 var(--spacing-2xl);
  }

  .n8b .b78dfc12 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.ia777 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.a06d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.o28 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.j61230f6 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.f84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  margin: 0 auto;
  color: var(--color-success);
}

.f84 svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0 0 0;
  letter-spacing: -0.5px;
}

.j7d181cb {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-sm) 0 0 0;
  letter-spacing: 0.3px;
}

.c42982 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-sm) 0;
}

.c42982:first-of-type {
  margin-top: var(--spacing-md);
}

.d9c {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  margin-top: var(--spacing-md);
  letter-spacing: 0.5px;
}

.i882aa {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.i882aa:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 480px) {
  .a06d {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  
  .j61230f6 {
    gap: var(--spacing-xl);
  }
  
  h1 {
    margin-top: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .a06d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .j61230f6 {
    gap: var(--spacing-2xl);
  }
  
  .c42982 {
    line-height: 1.9;
  }
}

@media (min-width: 1024px) {
  .a06d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .j61230f6 {
    gap: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .i882aa:hover {
    transform: none;
  }
  
  .i882aa:active {
    transform: none;
  }
}

.f6c24f {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.n2b {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .n2b {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n2b {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

@media (min-width: 768px) {
  .o28 {
    padding: 0 var(--spacing-lg);
  }
}

.b78dfc12 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.l700 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

@media (min-width: 768px) {
  .l700 {
    margin-bottom: var(--spacing-3xl);
  }
}

.b4b0036 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-lg);
}

.a6b {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  margin: 0;
}

@media (min-width: 768px) {
  .a6b {
    letter-spacing: -0.03em;
  }
}

.a98 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-md);
  opacity: 0.8;
}

.f991f7 {
  width: clamp(3rem, 8vw, 5rem);
  height: clamp(3rem, 8vw, 5rem);
  color: var(--color-primary);
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-12px) rotate(5deg);
  }
}

.kd9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-lg) 0 var(--spacing-md);
  letter-spacing: -0.01em;
}

@media (min-width: 768px) {
  .kd9 {
    margin: var(--spacing-xl) 0 var(--spacing-lg);
  }
}

.l4ff7c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

@media (min-width: 768px) {
  .l4ff7c {
    margin: 0 0 var(--spacing-lg) 0;
  }
}

.e6d80 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .e6d80 {
    margin: 0 0 var(--spacing-3xl) 0;
  }
}

.d9c {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  text-align: center;
  display: inline-block;
}

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

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

.i882aa:active {
  transform: translateY(0);
}

.md1e {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.15rem);
}

@media (min-width: 768px) {
  .d9c {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

.m29457 {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .m29457 {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-2xl);
  }
}

.i497 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.c1a1eb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
}

@media (min-width: 768px) {
  .c1a1eb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }
}

.c1a1eb li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.45rem, 1rem);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
  transition: var(--transition-base);
}

.c1a1eb li:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateX(4px);
}

@media (max-width: 767px) {
  .n2b {
    min-height: auto;
  }

  .a6b {
    font-size: clamp(3rem, 10vw, 5rem);
  }
}

@media (max-width: 480px) {
  .o28 {
    padding: 0 var(--spacing-sm);
  }

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

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

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

  .md1e {
    width: 100%;
  }
}

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

.i328 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.lbe1c18 {
  text-align: center;
}

.pe8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.n184 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .i328 {
    padding: 4.5rem 0;
  }
}

@media (min-width: 1024px) {
  .i328 {
    padding: 6rem 0;
  }
}

.df89f4a {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.i4ca5d {
  width: 100%;
}

.m216bc {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
}

.a6853 {
  flex: 1 1 100%;
  min-width: 0;
}

.cb08 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .m216bc {
    gap: var(--spacing-3xl);
  }

  .a6853 {
    flex: 1 1 45%;
  }

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

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

.i466 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.b283576d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

.m09146 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.a9e7c1d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.pc6 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.a32a4,
.bcb493e9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  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);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.a32a4:focus,
.bcb493e9:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.a32a4::placeholder,
.bcb493e9::placeholder {
  color: var(--color-text-muted);
}

.bcb493e9 {
  min-height: 140px;
  resize: vertical;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
}

.p0a77f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  letter-spacing: 0.3px;
}

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

.p0a77f:active {
  transform: translateY(0);
}

.p0a77f:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.m0da0e39 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.d6f37 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.d6f37:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.a784b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.fdf39ef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

.le991254 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

.eb4 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.l99558bb {
  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.5rem;
}

.fe6 {
  flex: 1;
  min-width: 0;
}

.h0b6 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.n1ba {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

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

.i18d9:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.b4e1ffaa {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-lg);
}

.a21 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.lea6e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

.c5263869 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
}

.c594 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.c83d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
}

.o73f4d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 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: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
}

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

@media (min-width: 768px) {
  .df89f4a {
    padding: 4.5rem 0;
  }
}

@media (min-width: 1024px) {
  .df89f4a {
    padding: 6rem 0;
  }
}

.lf7 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.b8bf1f {
  width: 100%;
  text-align: center;
}

.h5dc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.m995e1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.cc1b3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 640px) {
  .cc1b3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .cc1b3 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
  }
}

.e763 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base), background-color var(--transition-base);
}

.e763:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
  background-color: var(--color-bg-primary);
}

.hf7f2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.75rem;
  margin-left: auto;
  margin-right: auto;
}

.h5755 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.2vw + 0.5rem, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.01em;
}

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

@media (min-width: 768px) {
  .lf7 {
    padding: 4.5rem 0;
  }
}

@media (min-width: 1024px) {
  .lf7 {
    padding: 6rem 0;
  }
}

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

  .a6853,
  .cb08 {
    width: 100%;
  }
}

.o28 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

@media (min-width: 640px) {
  .o28 {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o28 {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl);
  }
}

.g7f1f{display:block;min-height:0;overflow:clip}.g7f1f *{min-width:0}.pdc{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(20,35,40,.1);backdrop-filter:blur(18px)}.b110{min-height:720px;padding:0;position:relative;background:#101b18}.c0a9c{min-height:720px;max-width:none;padding:0;position:relative}.j6d66{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.08)}.c0a9c:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,20,18,.88) 0,rgba(9,20,18,.62) 47%,rgba(9,20,18,.08) 78%)}.od16{position:relative;z-index:1;min-height:720px;max-width:1440px;margin:auto;padding:clamp(4rem,9vw,8rem) clamp(1.5rem,5vw,5rem);display:flex;align-items:center}.k59448b7{max-width:780px;text-align:left}.n53b9f{font-size:clamp(3.5rem,7vw,7.4rem);line-height:.88;letter-spacing:-.055em;text-wrap:balance;color:#fff}.b9f{max-width:650px;color:#d9e6df;font-size:1.16rem}.h04e{justify-content:flex-start}.ga7277{color:#fff!important}.afd6a8,.i41b1,.n39c7,.n9cf255,.nc86{border-top:1px solid rgba(25,48,40,.1)}
@media(max-width:760px){.b110,.c0a9c,.od16{min-height:650px}.c0a9c:after{background:linear-gradient(180deg,rgba(9,20,18,.45),rgba(9,20,18,.9))}.k59448b7{text-align:center}.h04e{justify-content:center}.n53b9f{font-size:clamp(3rem,14vw,5.2rem)}}
html,body{max-width:100%;overflow-x:clip}