@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;500;600;700&family=Source+Serif+4:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #f0fdfa;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #ccfbf1;
  --color-bg-card: #ffffff;

  --color-text-primary: #134e4a;
  --color-text-secondary: #475569;
  --color-text-muted: #677280;

  --color-primary: #0891b2;
  --color-primary-hover: #0e7490;
  --color-primary-light: #a5f3fc;
  --color-secondary: #06b6d4;
  --color-secondary-light: #cffafe;

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

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

  --font-primary: 'Source Serif 4', serif;
  --font-heading: 'Merriweather', 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(19, 78, 74, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(19, 78, 74, 0.1), 0 2px 4px -1px rgba(19, 78, 74, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(19, 78, 74, 0.1), 0 4px 6px -2px rgba(19, 78, 74, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(19, 78, 74, 0.1), 0 10px 10px -5px rgba(19, 78, 74, 0.04);

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

  font-size: 17px;

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.5px;
}

h2 {
  font-size: 2rem;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.3px;
}

h3 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.2px;
}

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

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

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

p {
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  letter-spacing: 0.4px;
}

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

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

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

button,
.g9c6d22 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
  display: inline-block;
  letter-spacing: 0.3px;
}

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

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

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

.f7110:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

.ecd6acc:hover {
  background: #0891b2;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.ecd6acc:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0.3px;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow 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);
}

textarea {
  resize: vertical;
  min-height: 120px;
}

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

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

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

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

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

.be3 {
  display: flex;
}

.ecdc7 {
  flex-direction: column;
}

.e56 {
  justify-content: center;
  align-items: center;
}

.dbbc4 {
  justify-content: space-between;
  align-items: center;
}

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

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

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

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

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

.o27 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.adbba02 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
}

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

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

.f45bd27 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-xl);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

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

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

.a69 {
  text-align: center;
}

.h364e {
  text-align: left;
}

.e9d78ec8 {
  text-align: right;
}

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

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

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

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

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

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

.ge1 {
  font-weight: 400;
}

.f0f5c {
  font-weight: 500;
}

.keef {
  font-weight: 600;
}

.i442d {
  font-weight: 700;
}

.e7f10 {
  font-size: 0.875rem;
  letter-spacing: 0.3px;
}

.n16 {
  font-size: 1.125rem;
  letter-spacing: 0.4px;
}

.hb68 {
  font-size: 1.25rem;
  letter-spacing: 0.4px;
}

.f232e {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ef94 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.m4630fa2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.j0e9e {
  margin: 0;
}

.p30 {
  margin: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cd54 {
  border-radius: 9999px;
}

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

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

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

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

.f40 {
  border: 1px solid var(--color-border);
}

.me6a9180 {
  border-top: 1px solid var(--color-border);
}

.jf73 {
  border-bottom: 1px solid var(--color-border);
}

.b27 {
  border-color: var(--color-primary);
}

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

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

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

.ff8 {
  background: var(--color-bg-card);
}

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

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

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

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

li {
  margin-bottom: var(--spacing-sm);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

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

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

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

pre {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-md);
  font-size: 0.875rem;
  line-height: 1.6;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

th,
td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

th {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: 0.3px;
}

tr:hover {
  background: var(--color-bg-primary);
}

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

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

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

  button,
  .g9c6d22 {
    width: 100%;
  }
}

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

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }
}

::selection {
  background: var(--color-primary-light);
  color: var(--color-text-primary);
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--radius-md);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-hover);
}
.h993becd {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.o71ee:hover {
  opacity: 0.85;
}

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

.h024b5 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n0269a {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin-left: clamp(2rem, 5vw, 3rem);
}

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

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

.e35 {
  display: none;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  flex-shrink: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.oa5249a {
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 8px;
  margin-right: -8px;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.oa5249a:hover {
  opacity: 0.7;
}

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

.j72e1a {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.j72e1a.p2401f {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.mbbeaa {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 2px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

.mb193 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

.ddba8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 1rem 1.5rem;
  transition: all var(--transition-base);
  border-left: 4px solid transparent;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ddba8:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
  border-left-color: var(--color-accent);
}

.ob01b7 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem 1.5rem;
  margin: 1rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-shrink: 0;
}

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

@media (min-width: 768px) {
  .n0269a {
    display: flex;
  }

  .e35 {
    display: block;
  }

  .oa5249a {
    display: none;
  }

  .j72e1a {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .j72e1a {
    padding-top: 70px;
  }

  .n0269a {
    display: none;
  }

  .e35 {
    display: none;
  }
}

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

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

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

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

.p027 {
  flex: 1 1 45%;
  min-height: 300px;
  position: relative;
}

.cf244d6 {
  width: 100%;
  height: 100%;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-md);
}

.k0025ae8 {
  flex: 1 1 55%;
  background: var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  transform: translateX(-40px);
  position: relative;
  z-index: 10;
}

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

.hc970de1 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ce7e {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c5dfc97 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  flex-wrap: wrap;
}

.g9c6d22 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

  .p027 {
    flex: 1 1 100%;
  }

  .k0025ae8 {
    flex: 1 1 100%;
    transform: translateX(0);
  }
}

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

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

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

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

.mcc7f {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 500px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.i3ef30 {
  border-left: 5px solid var(--color-danger-light);
}

.e686d0 {
  border-left: 5px solid var(--color-success-light);
}

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

.k3f7 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b1b08 {
  display: flex;
  flex-direction: column;
}

.f83 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.ic9780 {
  flex: 1 1 clamp(200px, 22vw, 280px);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  justify-content: center;
  box-shadow: var(--shadow-sm);
}

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

.i63 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.da110 {
  flex: 1 1 clamp(150px, 20vw, 250px);
  min-width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.l101 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  font-weight: 900;
  color: var(--color-accent);
}

.lbd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.iba5 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-bottom: clamp(1rem, 1.5vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

.fd3980 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p402c0fe {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.p64fa11 {
  flex: 1 1 clamp(180px, 20vw, 280px);
  min-width: 180px;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.5rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: all 0.3s ease;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
}

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

.gc779 {
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a93 {
  display: flex;
  flex-direction: column;
}

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

.e6bf6de {
  flex: 1 1 clamp(200px, 22vw, 280px);
  min-width: 200px;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem;
}

.e6bf6de i {
  font-size: 1.5rem;
  color: var(--color-success-light);
  flex-shrink: 0;
}

.j69298c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.k4cc {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

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

.g491f {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p3b {
  flex: 1 1 clamp(280px, 28vw, 380px);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

.c62e7 {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

.l0c {
  font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p63d5 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cd6915 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.l921d78 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i7b38 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p65fc9 {
  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, 1.5rem);
  overflow: hidden;
}

.p65fc9.g701b {
  display: none;
}

.kec {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dac9 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.i3266fb5,
.pa37 {
  padding: 0.5rem clamp(1rem, 1.5vw, 1.25rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
}

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

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

.pa37 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

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

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

  .dac9 {
    width: 100%;
    justify-content: center;
  }
}

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

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

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

.f2be {
  max-width: 100%;
}

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

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

.h50 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
  justify-content: flex-start;
}

.j6de4,
.i86,
.g82b1577 {
  flex: 1 1 200px;
  min-width: 150px;
}

.j6de4 h4,
.i86 h4,
.g82b1577 h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
}

.k7dc9,
.l1dc8f1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.k7dc9 li,
.l1dc8f1 li {
  margin: 0;
  padding: 0;
}

.j6de4 a,
.g82b1577 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  display: inline-block;
}

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

.i86 {
  display: flex;
  flex-direction: column;
}

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

.p8d9ce + .p8d9ce {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.p9ac88 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid var(--color-border-light);
}

.a18 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
  padding: 0;
}

.m8f {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  line-height: 1.6;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 767px) {
  .h50 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .j6de4,
  .i86,
  .g82b1577 {
    flex: 1 1 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .h50 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .j6de4,
  .i86,
  .g82b1577 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .h50 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .j6de4,
  .i86,
  .g82b1577 {
    flex: 1 1 auto;
    min-width: 180px;
  }
}
    

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

.kab4414 {
  position: relative;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e4fd29 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary) 100%);
  opacity: 0.9;
  z-index: 0;
}

.kab4414 .ab98502 {
  position: relative;
  z-index: 1;
  width: 100%;
}

.e0b664 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
  text-align: center;
  padding: clamp(2rem, 6vw, 4rem) clamp(1rem, 4vw, 2rem);
}

.k366 {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k5845 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-on-accent);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i7c1e327 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  width: 100%;
}

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

.kff6ca67 {
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 400px;
  overflow: hidden;
}

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

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

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

.d75 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bc49f56 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: 0.5rem;
}

.be15 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.cbdd {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  width: fit-content;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

.j847e6 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  min-height: 100%;
}

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

.j847e6 .l936b {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.kac {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vw, 3rem);
}

@media (min-width: 768px) {
  .kac {
    grid-template-columns: repeat(3, 1fr);
  }

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

  .i7c1e327 {
    flex-direction: row;
  }

  .kff6ca67 {
    flex: 1 1 50%;
    min-height: 300px;
    max-height: 450px;
  }

  .n25ba {
    flex: 1 1 50%;
  }
}

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

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

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

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

.m7c60730 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j72a {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.n02804 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  border: 2px solid var(--color-border-light);
}

.n02804[open] {
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}

.db5402 {
  display: flex;
  align-items: flex-start;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  cursor: pointer;
  user-select: none;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

.i420197 {
  padding: 0 clamp(1.25rem, 2.5vw, 2rem) clamp(1.25rem, 2.5vw, 2rem) clamp(3.5rem, 6vw, 4.5rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
  animation: slideDown 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i420197 p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

@media (max-width: 767px) {
  .kab4414 {
    min-height: 400px;
  }

  .i7c1e327 {
    flex-direction: column;
  }

  .kff6ca67 {
    min-height: 250px;
    max-height: 300px;
  }

  .db5402 {
    padding: 1rem 1.25rem;
  }

  .i420197 {
    padding: 0 1.25rem 1rem 2.75rem;
  }
}

@media (min-width: 1024px) {
  .kab4414 {
    min-height: 550px;
  }

  .i7c1e327 {
    gap: 0;
  }

  .n25ba {
    padding: 2.5rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.a37e09 {
  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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n28eb8c7 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j0518c1d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border);
}

.ea5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

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

  .nf75ca,
  .f5483e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.h1b92f1 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  border-bottom: 1px solid var(--color-border-light);
  overflow: hidden;
}

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

.o4565a {
  flex-shrink: 0;
}

.o4565a img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.l963e {
  flex: 1 1 auto;
}

.ff74874 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
  margin-bottom: 0.25rem;
}

.d6f3cb {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: 0.25rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

.l3615 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.bb7 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(13, 110, 128, 0.08);
}

.m3e6f88a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b7eae li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .kd616e7e,
  .nc42 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.h7e7 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n64ca6e {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 4px 12px rgba(13, 110, 128, 0.1);
}

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

  .c166,
  .j64e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.i0a2 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 4px 12px rgba(13, 110, 128, 0.1);
}

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

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

.lf786 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .eeae2 {
    order: 0;
  }

  .eeae2,
  .fa664 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ke6d4ac4 {
  flex: 1 1 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 2px 8px rgba(13, 110, 128, 0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ke6d4ac4:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(13, 110, 128, 0.12);
}

.p0288 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

.d3df {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cfa04 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.k4af {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n2e0f868 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
  box-shadow: 0 4px 12px rgba(13, 110, 128, 0.1);
}

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

  .m0e8,
  .ncb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ja7d {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-top: 2px solid var(--color-border);
  border-bottom: 2px solid var(--color-border);
  overflow: hidden;
}

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

.of5a2169 {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.cbb0c7 {
  flex: 1 1 auto;
}

.ac0e5590 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h585 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.abdd {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.d83 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c94d {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.l5c4 {
  flex: 1 1 calc(33.333% - 1.5rem);
  max-width: calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(13, 110, 128, 0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.l5c4:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(13, 110, 128, 0.12);
}

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

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

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

.bf6f4b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h79cc13 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.o95 {
  width: 100%;
  background: var(--color-bg-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b9d891f8,
  .nea242 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nd3d {
    gap: 1rem;
  }
}

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

.b05 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
}

.deca344 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.h8cf73d3 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

.ad5bc024 {
  flex: 1 1 100%;
}

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

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

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

.ae3c {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.ae3c i {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

.l6f12 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

.md60 {
  font-weight: 600;
  color: var(--color-text-primary);
  min-width: 120px;
}

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

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

  .fca,
  .a95a88 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.ne237c9e {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
}

.ne237c9e i {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-secondary);
  flex-shrink: 0;
}

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

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

  .m1b4d9,
  .odb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.pcb {
  padding: clamp(1.5rem, 2vw, 2rem);
}

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

.fce4f8 i {
  color: var(--color-secondary);
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

.e77f1 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 150px;
  padding: clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

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

.o823 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.h40fb27 {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

  .c5b1473b,
  .h3605e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

  .c91f17,
  .n3f780 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

  .lc7,
  .kd22adec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.p122 {
  text-align: center;
}

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

.kc2a8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.n208 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 500;
}

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

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

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

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

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

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

.a5e4f {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

.c6ed6f9 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

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

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

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

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

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

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

.f8ddc91f {
    display: block;
    width: 100%;
  }

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

  .lfe {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
  }

  .lfe a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    transition: color var(--transition-base);
  }

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

  .lfe span {
    color: var(--color-text-muted);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  }

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

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

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

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

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

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

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

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

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

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

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

  .ib65edf6 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-lg);
    object-fit: cover;
    flex-shrink: 0;
  }

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

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

  .pbc4f9 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
  }

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

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

  .h6beee {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-accent);
    margin: 0;
  }

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

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

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

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

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

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

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

  .idd {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 350px;
  }

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

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

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

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

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

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

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

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

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

  .i6ddbb04 {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 350px;
  }

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

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

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

  .f73f {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 350px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .badc {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 350px;
  }

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

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

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

  .j63c7 {
    flex: 1 1 50%;
    max-width: 50%;
    min-height: 350px;
  }

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

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

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

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

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

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

  .ic66d strong {
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

  .jb7e6c59 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-left: 4px solid var(--color-warning);
    border-radius: var(--radius-md);
  }

  .l099f15 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

  .ofbccf21 {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

  .d1a694 {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: var(--radius-md);
  }

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

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

  .nab {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  @media (max-width: 768px) {
    .fb8ac27,
    .bae,
    .g3d,
    .eb7,
    .gd1,
    .k3dc328 {
      flex-direction: column;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .ma5f,
    .i797,
    .fb0c,
    .idd,
    .bbb,
    .i6ddbb04,
    .f73f,
    .nf24,
    .fa46,
    .badc,
    .j63c7,
    .ffdd3e {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .i797,
    .idd,
    .i6ddbb04,
    .f73f,
    .badc,
    .j63c7 {
      min-height: 250px;
    }

    .ofbccf21 {
      flex: 1 1 100%;
      min-width: auto;
    }

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

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

  @media (min-width: 769px) and (max-width: 1023px) {
    .ofbccf21 {
      flex: 1 1 calc(50% - 0.75rem);
      min-width: auto;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pbb {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

  .c7f28056,
  .nb8dd {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.j40d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem) 0;
  border-bottom: 1px solid var(--color-border);
  overflow: hidden;
}

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

.c290 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.ab73fd {
  flex: 1;
}

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

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

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

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

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

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

  .c290 {
    margin: 0 auto;
  }
}

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

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

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

.f8d {
  width: 100%;
}

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

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

.j95 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

.p2e188 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

.l11219f {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

.i56 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

  .o868cc,
  .e2c122 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.l8b722c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.e1c04d {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.e1c04d:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

.fc8 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

.m4b {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

  .bd3,
  .f822 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.a6c0c {
  display: flex;
  flex-direction: column;
}

.l6b57755 {
  background: #f0f9ff;
  border-left: 4px solid var(--color-secondary);
  border-radius: 8px;
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.dc32 {
  flex: 1;
}

.c23 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.l8ebb {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.d72070 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 2vw + 0.5rem, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.d72070:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(8, 145, 178, 0.2);
}

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

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

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

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

.p98c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.p98c:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.iae6e8 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.a7c {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

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

@media (min-width: 768px) {
  .i6571c {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
  }
}

.e91 {
  flex: 1 1 calc(50% - 1rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

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

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

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

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

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

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

@media (min-width: 768px) {
  .b25 {
    flex-direction: row;
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: flex-start;
  }
}

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

@media (min-width: 768px) {
  .fbc9b {
    flex: 1 1 45%;
  }
}

.g135 {
  flex: 1 1 100%;
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .g135 {
    flex: 1 1 45%;
    max-height: 400px;
  }
}

.p33a8 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
}

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

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

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

.o02f4a77 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.a51c4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.5vw, 2rem);
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .a51c4 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
  }
}

.p09 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

@media (min-width: 768px) {
  .p09 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .p09 {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

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

.g49 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-primary);
}

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

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

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

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

.ia920 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

.a94 {
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
}

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

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

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

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

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

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

.k79 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

@media (min-width: 768px) {
  .o8ea {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .o0a35e86 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .gda21f {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .ha71 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .m55 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .e9b8 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }
}

@media (min-width: 1024px) {
  .i6571c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 4vw, 3rem);
    max-width: 1000px;
    margin: 0 auto;
  }

  .a51c4 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .p09 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

.ped6a0d1 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

.l1520 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dfef0bbe {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.ga1 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ac214 {
  flex: 1 1 45%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

  .h7d {
    flex: 1 1 100%;
  }

  .ac214 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

.k0f144 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.bcb0d {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.f370d {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.a53 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e72e6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.lc937 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

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

.i99 {
  flex: 1 1 280px;
  min-width: 250px;
  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: 1rem;
  transition: all 0.3s ease;
}

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

.p9bbce2c {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
}

.e2758a {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a1b {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.kfa2 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

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

.o9b484 {
  flex: 1 1 320px;
  min-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-accent);
  background: var(--color-bg-primary);
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.o9b484:hover {
  transform: translateX(4px);
}

.h5f7 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a5abf7 {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.65;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n552a1e9 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.hee272fe {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

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

.o76 {
  flex: 1 1 150px;
  min-width: 140px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.b185daf {
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
}

.la4a {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nda {
  max-width: 850px;
  margin: 0 auto;
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e88e5 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.c70 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

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

.aa7 {
  flex: 1 1 260px;
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

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

.ea846 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.edad {
  font-size: clamp(1rem, 1.75vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k35707 {
  font-size: clamp(0.8625rem, 1.25vw, 0.975rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hcfc0 {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e5bd48 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  opacity: 0.95;
}

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

.ja6e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1vw, 1.125rem) clamp(1.25rem, 2vw, 1.75rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid transparent;
  font-family: var(--font-primary);
}

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

.k241c1:hover {
  background: var(--color-bg-secondary);
  transform: translateY(-2px);
}

.j7c7d {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-text-on-accent);
}

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

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

  .ja6e {
    width: 100%;
  }
}

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

@media (min-width: 768px) {
  .n9e {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .k739 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .mdec2 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b64 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .kbc {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .pf1f22d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b2200c6 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .n9e {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .k739 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .mdec2 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .b64 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .kbc {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .pf1f22d {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .b2200c6 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

.n88ae552 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.cc6d9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

.j58dd473 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

@media (min-width: 768px) {
  .cc6d9 {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-2xl) var(--spacing-xl);
    gap: var(--spacing-2xl);
  }

  .i9280e {
    font-size: clamp(2rem, 4vw, 2.75rem);
  }

  .p5a3 {
    max-height: 400px;
  }
}

@media (min-width: 1024px) {
  .cc6d9 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.oad835cf {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.m259e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  max-width: 900px;
  margin: 0 auto;
}

.h2d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.h2d:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.ga0e8 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: transparent;
  border: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
}

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

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

.gbc8104 {
  flex: 1;
  text-align: left;
}

.a0ffa {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: transform var(--transition-base);
}

.a0ffa::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: var(--color-text-on-accent);
  transition: transform var(--transition-base);
}

.a0ffa::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 12px;
  background-color: var(--color-text-on-accent);
  transition: transform var(--transition-base);
}

.ga0e8[aria-expanded="true"] .a0ffa {
  transform: rotate(45deg);
}

.ga0e8[aria-expanded="true"] .a0ffa::after {
  transform: scaleY(0);
}

.j1242 {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
  max-height: 500px;
  overflow: hidden;
}

.j1242[hidden] {
  display: none;
}

.j1242 p {
  margin: 0;
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

@media (min-width: 768px) {
  .oad835cf {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

  .ga0e8 {
    padding: var(--spacing-lg);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  }

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

.j3768 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.f405 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  max-width: 900px;
  margin: 0 auto;
}

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

@media (min-width: 768px) {
  .j3768 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .f405 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

  .g98d4 {
    max-height: 250px;
  }
}

@media (min-width: 1024px) {
  .j3768 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.f0f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-lg) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

.ga92ccbf {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.cd6705e7 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  margin: 0;
  opacity: 0.95;
}

.a1b397b {
  display: inline-block;
  padding: var(--spacing-sm) 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: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  text-align: center;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  max-width: fit-content;
  box-shadow: var(--shadow-md);
}

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

.a1b397b:focus {
  outline: 2px solid var(--color-accent-light);
  outline-offset: 2px;
}

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

@media (min-width: 768px) {
  .f0f {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-2xl) var(--spacing-xl);
    gap: var(--spacing-2xl);
  }

  .h1a {
    font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  }

  .f42fe8 {
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .f0f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.g1a {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.j63bd {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  text-align: center;
  overflow: hidden;
}

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

.j63bd h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.j63bd p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.5;
}

.f05 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.nbf63 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

.n761:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

.bded4 {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.bded4 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.n761 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.n761 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.bdfe {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: all var(--transition-fast);
  width: fit-content;
}

.bdfe:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.bdfe::after {
  content: "→";
  margin-left: var(--spacing-xs);
}

.nde8 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

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

.p9967 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.p9967 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.nf419 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.nf419:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .j63bd {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .f05 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .nbf63 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .nde8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .p9967 {
    text-align: left;
  }

  .nde8 img {
    max-height: 400px;
  }
}

@media (min-width: 1024px) {
  .j63bd {
    padding: 5rem var(--spacing-xl);
  }

  .f05 {
    padding: 5rem var(--spacing-xl);
  }

  .nbf63 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
  }

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

  .nde8 {
    padding: 5rem var(--spacing-xl);
    grid-template-columns: 1fr 1.1fr;
    gap: 4rem;
  }

  .nde8 img {
    max-height: 450px;
  }
}

@media (min-width: 1440px) {
  .nbf63 {
    gap: var(--spacing-2xl);
  }

  .nde8 {
    gap: 5rem;
  }
}

.k1ab734 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.k1ab734 .ab98502 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k1ab734 .ib2fe74 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.k1ab734 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.k1ab734 .e2a0 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  display: block;
}

.k1ab734 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

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

.k1ab734 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

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

.k1ab734 .kb463 {
  margin-bottom: var(--spacing-xl);
}

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

.k1ab734 .m1a h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.k1ab734 .m1a p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.k1ab734 .m1a strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .k1ab734 .ab98502 {
    padding: 0 var(--spacing-lg);
  }

  .k1ab734 .ib2fe74 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .k1ab734 .ab98502 {
    padding: 0 var(--spacing-xl);
  }

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

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

html, body {
  width: 100%;
  height: 100%;
}

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

.ge65d6d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.ib2fe74 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.dc08120 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg) var(--spacing-md);
}

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

.nb87 {
  width: 80px;
  height: 80px;
  color: var(--color-success);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
  animation: iconPulse 0.8s ease-out;
}

@keyframes iconPulse {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.l11892 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.h2433 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  letter-spacing: 0.3px;
}

.mc9b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  font-weight: 400;
}

.ca67da9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  font-weight: 400;
}

.a1096 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
}

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

.a1096:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.a1096:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .ge65d6d {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .dc08120 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .b810228 {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .ge65d6d {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .dc08120 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .nb87 {
    width: 120px;
    height: 120px;
  }

  .b810228 {
    margin-bottom: var(--spacing-3xl);
  }

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

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

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

  .ca67da9 {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .ge65d6d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .a1096 {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nb87 {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }

  .a1096 {
    transition: background-color var(--transition-base);
  }

  .a1096:hover {
    transform: none;
  }
}

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

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

.ofa1ec3c {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.ib2fe74 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.g747ea {
  margin-bottom: var(--spacing-3xl);
}

.j6437c5 {
  position: relative;
  display: inline-block;
}

.n04d7fb {
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-md);
  animation: float 3s ease-in-out infinite;
}

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

.occd3 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-md);
  opacity: 0.7;
}

.dd2824 {
  width: clamp(80px, 20vw, 140px);
  height: auto;
  color: var(--color-secondary);
  animation: wave 2s ease-in-out infinite;
}

@keyframes wave {
  0%, 100% {
    transform: translateX(0) scaleY(1);
  }
  50% {
    transform: translateX(5px) scaleY(1.1);
  }
}

.mdf {
  margin-bottom: var(--spacing-3xl);
}

.pe69 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.ja0 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  font-family: var(--font-primary);
}

.e769d {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary-light);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-xl);
  text-align: left;
}

.f3792 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  font-family: var(--font-heading);
}

.jae388 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.jae388 li {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

.jae388 li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.db6 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

.g9c6d22 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  font-family: var(--font-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  line-height: 1.5;
}

.f7110 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.f7110:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (max-width: 640px) {
  .ofa1ec3c {
    padding: var(--spacing-md);
  }

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

  .g747ea {
    margin-bottom: var(--spacing-2xl);
  }

  .mdf {
    margin-bottom: var(--spacing-2xl);
  }

  .jae388 li {
    padding-left: var(--spacing-lg);
  }

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

@media (min-width: 641px) and (max-width: 1024px) {
  .ofa1ec3c {
    padding: var(--spacing-xl);
  }

  .g747ea {
    margin-bottom: var(--spacing-3xl);
  }

  .mdf {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1025px) {
  .ofa1ec3c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .g747ea {
    margin-bottom: var(--spacing-3xl);
  }

  .mdf {
    margin-bottom: var(--spacing-3xl);
  }

  .g9c6d22:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .n04d7fb {
    animation: none;
  }

  .dd2824 {
    animation: none;
  }

  .g9c6d22 {
    transition: background-color var(--transition-base);
  }

  .f7110:hover {
    transform: none;
  }

  .f7110:active {
    transform: none;
  }
}

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

.i7ab {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.a22963 {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.d65 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.d8707d12 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .i7ab {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .i7ab {
    padding: 6rem 0;
  }
}

.ibd {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.n6b6 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.e37 {
  flex: 1 1 100%;
  min-width: 0;
}

.m5e0fc {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .n6b6 {
    gap: 4rem;
  }

  .e37 {
    flex: 1 1 45%;
  }

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

@media (min-width: 1024px) {
  .ibd {
    padding: 5rem 0;
  }

  .n6b6 {
    gap: 5rem;
  }

  .e37 {
    flex: 1 1 50%;
  }

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

.k4d9a91 {
  margin-bottom: 2rem;
}

.g1bfe {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.la820082 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.l8a4706 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.ka15c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.f9496,
.a9177 {
  font-family: var(--font-primary);
  width: 100%;
  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);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.5;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.f9496:focus,
.a9177:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
}

.f9496::placeholder,
.a9177::placeholder {
  color: var(--color-text-muted);
}

.a9177 {
  min-height: 140px;
  resize: vertical;
}

.c5fa283 {
  font-family: var(--font-primary);
  font-size: 0.8rem;
  color: var(--color-danger);
  display: none;
  margin-top: 0.25rem;
}

.c5fa283.l2c34 {
  display: block;
}

.k86a3b.n913a977 .f9496,
.k86a3b.n913a977 .a9177 {
  border-color: var(--color-danger);
  background-color: var(--color-danger-light);
}

.h78841f4 {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 1rem;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.i14 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.l009 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  cursor: pointer;
  line-height: 1.5;
}

.m76ba {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.m76ba:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.h35b {
  width: 100%;
  padding: 1.1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  margin-top: 0.5rem;
}

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

.h35b:active {
  transform: translateY(0);
}

.h35b:disabled {
  background-color: var(--color-text-muted);
  cursor: not-allowed;
  transform: none;
}

.oc7d3e {
  margin-bottom: 2.5rem;
}

.f4361d5f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.fd91 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.pd579a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.jd8 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.n1ae9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.kbca6a {
  flex: 1;
  min-width: 0;
}

.kecd664 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.25rem 0;
}

.i52f20 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.eab:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.bbd {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 1.75rem;
}

.ded6825d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.gb9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
  line-height: 1.7;
}

.g33cb11 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

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

.nec1 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.df53d4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 3rem 0;
  font-weight: 700;
}

.m37 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 900px;
  margin: 0 auto;
}

.nf264a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: 1.75rem;
}

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

.m279f8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.aebc {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.aebc:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

@media (min-width: 768px) {
  .nec1 {
    padding: 5rem 0;
  }

  .m37 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .nec1 {
    padding: 6rem 0;
  }

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