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

:root {
  --color-bg-primary: #fafafa;
  --color-bg-secondary: #f4f4f5;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #18181b;
  --color-text-secondary: #3f3f46;
  --color-text-muted: #68686e;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #ccf2ee;
  --color-secondary: #2dd4bf;
  --color-secondary-light: #e0f9f7;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #e4e4e7;
  --color-border-light: #f0f0f1;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms 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;
}

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

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

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

p {
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
  font-weight: 400;
}

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

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  border: none;
  cursor: pointer;
}

button {
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--color-primary);
  color: white;
  border-radius: var(--radius-md);
  font-weight: 500;
  transition: background var(--transition-base), transform var(--transition-fast);
}

button:hover {
  background: var(--color-primary-hover);
  transform: translateY(-1px);
}

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

button:active {
  transform: translateY(0);
}

input, textarea, select {
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-base);
}

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

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

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

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

.k84 {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

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

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

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

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

.h01ef38 {
  background: var(--color-primary);
  color: white;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 500;
  display: inline-block;
  transition: background var(--transition-base), transform var(--transition-fast);
}

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

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

.o268bc82 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 500;
  display: inline-block;
  transition: background var(--transition-base), transform var(--transition-fast);
}

.o268bc82:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
}

.p3b21ef {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  padding: calc(var(--spacing-sm) - 2px) calc(var(--spacing-lg) - 2px);
  border-radius: var(--radius-md);
  font-weight: 500;
  display: inline-block;
  transition: background var(--transition-base), color var(--transition-base);
}

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

.obc9c1d2 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary-light);
  color: var(--color-primary-hover);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 500;
}

.l35 {
  background: #dcfce7;
  color: #166534;
}

.if960ab9 {
  background: #fef3c7;
  color: #92400e;
}

.d82 {
  background: #fee2e2;
  color: #991b1b;
}

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.625rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  .k84 {
    padding: 0 16px;
  }

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .k84 {
    padding: 0 12px;
  }

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

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

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

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg-primary: #fafafa;
    --color-bg-secondary: #f4f4f5;
    --color-bg-tertiary: #ffffff;
    --color-bg-card: #ffffff;

    --color-text-primary: #18181b;
    --color-text-secondary: #3f3f46;
    --color-text-muted: #68686e;
  }
}
.c34f95b {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.m62240:hover {
  opacity: 0.8;
}

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

.a79 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.jda09 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  flex: 1;
  justify-content: center;
}

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

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

.ba61b1 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: background var(--transition-fast);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

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

.e877.k22d291 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.nec6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.ce0bc {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-text-primary);
}

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

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

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

.c010e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-fast), color var(--transition-fast);
  display: block;
}

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

.f879f {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 2rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: background var(--transition-fast);
  text-align: center;
  flex-shrink: 0;
  margin: auto clamp(1rem, 4vw, 2rem) 1.5rem;
  border-radius: var(--radius-md);
  display: block;
}

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

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

  .h9c1 {
    display: none;
  }

  .e877 {
    display: none;
  }
}

@media (max-width: 767px) {
  .a78f0a03 {
    height: 60px;
  }

  .a79 {
    display: none;
  }

  .b586d {
    width: 36px;
    height: 36px;
  }
}

    .jb9a {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

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

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

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

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

.m0af {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  z-index: 10;
}

.af020a {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  position: relative;
  margin-right: -40px;
}

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

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

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

.o07d8 {
  flex: 1 1 55%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.h4c40f {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

.h390da37 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  font-weight: 500;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

.hc2810 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 850px;
  margin: 0 auto;
}

.j910d {
  text-align: center;
}

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

.naf {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.jbb1 {
  text-align: center;
}

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

.g330cf {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

.mb4509 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.k04be {
  flex: 1 1 55%;
}

.k8f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

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

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

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

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

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

.k56a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 3vw, 1.5rem) clamp(0.5rem, 1vw, 1rem);
  line-height: 1.3;
}

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

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

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

.m7422 {
  text-align: center;
}

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

.f4e2a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.mb224a {
  display: flex;
  justify-content: center;
}

.od65 {
  display: flex;
}

.ed4b {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  min-width: 280px;
  text-align: center;
}

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

.mfd {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
}

.i3f049 {
  display: block;
}

.p2c158a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  max-width: 1000px;
}

.ac95525b {
  flex: 1 1 200px;
  max-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

.p009 {
  flex: 1 1 50%;
}

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

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

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

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

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

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

.p7a3ff {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

.cab389ad {
  text-align: center;
}

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

.i1174c79 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

.ha7d {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

.gb1 {
  display: flex;
  justify-content: center;
}

.bc0a {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  max-width: 700px;
  text-align: center;
  box-shadow: var(--shadow-lg);
}

.k2ca {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

.ja192a6f {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  opacity: 0.95;
}

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

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

.fd122 .h5e798:hover {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

.fd122 .fb10 {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-text-on-accent);
}

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

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

.pc0d736.e2397 {
  display: none;
}

.p6af9f {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.5;
}

.gac6 {
  display: flex;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.maf,
.jbb426b {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.maf {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
}

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

.jbb426b {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}

.jbb426b:hover {
  background: rgba(250, 250, 250, 0.1);
}

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

  .m0af {
    flex: 1 1 100%;
  }

  .af020a {
    margin-right: 0;
  }

  .o07d8 {
    flex: 1 1 100%;
    order: -1;
  }

  .ea8 {
    flex-direction: column;
  }

  .mb4509 {
    flex: 1 1 100%;
  }

  .k04be {
    flex: 1 1 100%;
  }

  .i6d580 {
    flex-direction: column;
  }

  .p009 {
    flex: 1 1 100%;
  }

  .g5cd4c0 {
    flex: 1 1 100%;
  }

  .fd122 {
    flex-direction: column;
    width: 100%;
  }

  .fd122 .h390da37 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .pc0d736 {
    flex-direction: column;
    padding: clamp(0.75rem, 2vw, 1rem);
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .p6af9f {
    text-align: center;
    min-width: 100%;
  }

  .gac6 {
    width: 100%;
    justify-content: stretch;
  }

  .maf,
  .jbb426b {
    flex: 1 1 auto;
  }

  .p7d7e {
    width: 100%;
  }

  .p7d7e .h390da37 {
    width: 100%;
  }
}

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

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

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

.accb2,
.o9a,
.l6c12027,
.pe12987 {
  display: block;
}

.accb2 {
  max-width: 600px;
}

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

.k55e460 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  letter-spacing: -0.02em;
}

.n69a0a73,
.h8d61 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.n69a0a73 li,
.h8d61 li {
  display: inline-block;
}

.n69a0a73 a,
.h8d61 a,
.l6c12027 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n69a0a73 a:hover,
.h8d61 a:hover {
  color: var(--color-accent);
}

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

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

.da8c {
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
  display: block;
}

.nb29 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i7551 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .accb2 {
    flex: 1 1 280px;
  }

  .o9a,
  .pe12987 {
    flex: 0 1 auto;
  }

  .l6c12027 {
    flex: 1 1 280px;
  }

  .da8c {
    flex: 1 1 100%;
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

  .n69a0a73,
  .h8d61 {
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }

  .n69a0a73 li,
  .h8d61 li {
    display: block;
  }
}

@media (min-width: 1024px) {
  .accb2 {
    flex: 1 1 300px;
  }

  .l6c12027 {
    flex: 1 1 300px;
  }
}
    

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

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

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

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

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

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

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

.l21cfa9 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

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

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

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

.h89 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.l67a0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  flex: 1 1 280px;
  min-width: 280px;
}

.l67a0:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.i0971 {
  flex: 1 1 100%;
  max-width: 600px;
  margin: 0 auto;
}

.i0971 .gb89cb {
  height: 320px;
}

.a03 {
  flex: 1 1 calc(50% - 0.75rem);
  max-width: 380px;
}

.a03 .gb89cb {
  height: 220px;
}

.i503 {
  flex: 1 1 calc(50% - 0.75rem);
  max-width: 380px;
}

.i503 .gb89cb {
  height: 280px;
}

.gb89cb {
  width: 100%;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

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

.na6fe4 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border-light);
  align-items: center;
}

.of5daf {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8125rem;
  color: var(--color-text-muted);
}

.of5daf i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.l6eedd76 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: #ffffff;
  padding: 0.65rem 1.5rem;
  border-radius: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  width: fit-content;
  cursor: pointer;
}

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

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

  .i0971 .gb89cb {
    height: 240px;
  }

  .a03,
  .i503 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a03 .gb89cb,
  .i503 .gb89cb {
    height: 200px;
  }

  .if99a7d7 {
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .na6fe4 {
    gap: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .i0971 {
    flex: 1 1 100%;
  }

  .a03,
  .i503 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: 350px;
  }
}

@media (min-width: 1024px) {
  .i0971 {
    flex: 1 1 calc(100% - 1.5rem);
  }

  .a03,
  .i503 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

::-webkit-scrollbar {
  width: 10px;
}

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

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-light);
}

.j31a4 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

.d8bc {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.m7a {
  font-family: var(--font-heading);
  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;
}

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

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

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

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

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

.g35e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}

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

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

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

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

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

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

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

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

.d97e5 {
  flex: 1 1 auto;
  min-width: 0;
}

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

.a3c8148 {
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h773864e {
  flex: 1 1 calc(50% - 0.75rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.h773864e i {
  font-size: 1.75rem;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  display: block;
}

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

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

.m13f26bc {
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.bec5a {
  max-width: 700px;
  margin: 0 auto;
}

.l93b34b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-warning);
}

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

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

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

.c91f {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

  .j3a21,
  .fb1e33 {
    flex: 1 1 100%;
    position: static;
  }

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

  .o3818 {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    margin: 0;
  }

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

  .md2477 {
    flex: 1 1 100%;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    padding-bottom: clamp(1rem, 2vw, 1rem);
  }

  .c91f {
    flex: 1 1 calc(50% - 0.5rem);
    margin-bottom: 0;
  }
}

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

  .j50c9,
  .c0fd1851 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h6574 {
    flex-direction: column;
  }

  .p354,
  .ge0c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j3a21 {
    flex: 1 1 100%;
  }

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

  .o3818 {
    width: 120px;
    height: 120px;
  }

  .fb1e33 {
    flex-direction: column;
  }

  .c91f {
    flex: 1 1 100%;
  }

  .m4f9a25 {
    flex-direction: column;
  }

  .h773864e {
    flex: 1 1 100%;
  }

  .ff29 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  }
}

@media (max-width: 480px) {
  .d8bc {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
    padding: 0.4rem 0.75rem;
  }

  .o17ba7 {
    gap: 0.75rem;
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  }

  .ff29 {
    font-size: clamp(0.7rem, 1vw + 0.4rem, 0.75rem);
  }
}

.p8e {
  width: 100%;
}

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

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

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

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

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

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

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

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

.c3c5aa4 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  padding: 0.4rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.p0e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.e930 i {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
}

.aa1dcc3 {
  width: 100%;
  max-width: 800px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

.kd92c60d {
  display: grid;
  grid-template-columns: 160px 1fr 280px;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1400px;
  margin: 0 auto;
}

.lea9f3b4 {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.ne7b {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.fe30 {
  width: 100%;
  max-width: 100px;
  height: auto;
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  display: block;
}

.e2db2 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
  font-weight: 600;
}

.hc5ce31 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
  font-family: var(--font-heading);
}

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

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

.f7c {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  margin-bottom: 0.75rem;
  font-weight: 500;
}

.g537b11 {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  line-height: 1.5;
}

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

.c6691 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

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

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

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

.jc82d9 em {
  color: var(--color-accent);
  font-style: italic;
  font-weight: 600;
}

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

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

.med {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.aeaf5 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
}

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

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

.bba53 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.bf6 {
  max-width: 700px;
  margin: 0 auto;
}

.j61 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.k92fc84 {
  max-width: 700px;
}

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

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

.if0cfe8b {
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.f3817 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

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

.o303c {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

.d4bf {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

.fcdc3f0 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: clamp(0.75rem, 1vw, 1rem) clamp(0.75rem, 1vw, 1rem) 0.5rem;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (max-width: 1024px) {
  .kd92c60d {
    grid-template-columns: 1fr 220px;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .lea9f3b4 {
    display: none;
  }
}

@media (max-width: 768px) {
  .kd92c60d {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .if0cfe8b {
    position: static;
  }

  .n25 {
    flex-direction: column;
  }

  .fbc6d7 {
    flex-direction: column;
  }

  .jc82d9,
  .p33d3a05 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .aeaf5 {
    flex: 1 1 100%;
  }

  .f9ca5 {
    font-size: 0.8125rem;
  }

  .e930 {
    font-size: 0.8125rem;
  }
}

@media (max-width: 480px) {
  .cc8808 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .f9ca5 {
    gap: 0.25rem;
  }

  .d0e {
    gap: 0.75rem;
    font-size: 0.75rem;
  }

  .c6691,
  .med,
  .bba53,
  .e42df3 {
    padding: clamp(1.25rem, 3vw, 2rem);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.kf391 {
  display: inline-block;
  background-color: var(--color-secondary);
  color: var(--color-text-primary);
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  font-weight: 600;
  align-self: center;
}

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

.i63a14 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  max-width: 800px;
  margin: 0 auto;
}

.e8872a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
}

.n08ef2d {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.d1efe5 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.n5217045 {
  flex: 0 0 auto;
  width: 180px;
  position: sticky;
  top: 2rem;
}

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

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

.h634c {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.i532928 {
  flex: 1 1 auto;
  min-width: 0;
}

.g6d051,
.pfa6138,
.p4ef,
.f74,
.ofeb9,
.l5ec {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.g6d051,
.pfa6138,
.p4ef,
.f74,
.ofeb9,
.l5ec {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.l3fe,
.db55,
.jdbc89,
.i8e,
.j7f5d,
.hf87 {
  flex: 1 1 50%;
  max-width: 50%;
}

.j7f,
.o778,
.g5fd3,
.dfb61,
.he2,
.ea167a99 {
  flex: 1 1 50%;
  max-width: 50%;
}

.j7f img,
.o778 img,
.g5fd3 img,
.dfb61 img,
.he2 img,
.ea167a99 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
}

.j966350,
.h974,
.ped94a5d,
.jd5c628,
.l1cf1,
.oe8 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.k43,
.kbd9f8,
.j3b8d5,
.n1c,
.e302b9,
.ge9d {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1rem;
}

.k43:last-child,
.kbd9f8:last-child,
.j3b8d5:last-child,
.n1c:last-child,
.e302b9:last-child,
.ge9d:last-child {
  margin-bottom: 0;
}

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

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

.b623 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
}

.i12cb {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

.e449c {
  flex: 0 0 auto;
  width: 200px;
  position: sticky;
  top: 2rem;
}

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

.be8 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  margin-bottom: 1.5rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.ac6f {
  width: 100%;
  height: 120px;
  overflow: hidden;
}

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

.dfece21 {
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  color: var(--color-text-primary);
  padding: 0.75rem;
  font-weight: 600;
}

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

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

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

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

  .n5217045,
  .e449c {
    width: 100%;
    position: static;
  }

  .n5217045 {
    order: -1;
  }

  .c4aef224 {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
  }

  .k232111f {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
  }

  .e449c {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  .be8 {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  .lb013 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .f77 {
    font-size: 0.75rem;
  }

  .c919ea {
    gap: 1.5rem;
  }

  .g6d051,
  .pfa6138,
  .p4ef,
  .f74,
  .ofeb9,
  .l5ec {
    flex-direction: column;
    gap: 1.5rem;
  }

  .l3fe,
  .db55,
  .jdbc89,
  .i8e,
  .j7f5d,
  .hf87,
  .j7f,
  .o778,
  .g5fd3,
  .dfb61,
  .he2,
  .ea167a99 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n5217045 {
    order: 0;
  }

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

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

  .ac6f {
    height: 100px;
  }

  .i94be {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .j966350,
  .h974,
  .ped94a5d,
  .jd5c628,
  .l1cf1,
  .oe8 {
    font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  }

  .k43,
  .kbd9f8,
  .j3b8d5,
  .n1c,
  .e302b9,
  .ge9d {
    font-size: clamp(0.9rem, 1.2vw, 1rem);
  }
}

@media (max-width: 480px) {
  .o8b5 {
    gap: 1rem;
  }

  .f77 {
    gap: 0.25rem;
  }

  .e8872a {
    gap: 1rem;
    font-size: 0.8125rem;
  }

  .n08ef2d {
    gap: 0.25rem;
  }

  .d62b {
    padding: 1rem;
  }

  .p47 {
    padding: 1rem;
  }

  .n5217045 {
    width: 100%;
  }

  .e449c {
    width: 100%;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.g0e {
  width: 100%;
}

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

.m26e {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: var(--spacing-lg);
  color: var(--color-text-secondary);
}

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

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

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

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

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

.b877a0a {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  align-self: center;
}

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

.j3b46e {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

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

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

.n37c7f0 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

.n8b67 {
  margin-top: var(--spacing-xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.h95c {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

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

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

.e9b5186 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 220px;
}

.ea56cab {
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  position: sticky;
  top: var(--spacing-lg);
}

.b840fc {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  display: block;
}

.h217 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

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

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

.m8409 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.n75e0cf1 {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 6vw, 4rem);
}

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

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

.f225 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

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

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

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

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

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

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

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

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

.p8e279c0 {
  background: var(--color-bg-tertiary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.i8d {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.gab3 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

.jfa9b {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-xl);
}

.l5e02 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.pf0d0 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-sm);
  margin: 0;
}

.pf0d0 i {
  color: var(--color-accent);
  font-size: 1.3em;
}

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

.be3d6e5 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 280px;
}

.l53 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  position: sticky;
  top: var(--spacing-lg);
}

.p385938 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-accent);
}

.j9e8 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.d97b7 {
  width: 100%;
  height: 160px;
  overflow: hidden;
}

.m169 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.j9e8:hover .m169 {
  transform: scale(1.05);
}

.h0341 {
  padding: var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.mfbc {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

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

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

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

@media (max-width: 1200px) {
  .neb4a04 {
    flex-direction: column;
    gap: var(--spacing-lg);
  }

  .e9b5186,
  .be3d6e5 {
    width: 100%;
    max-width: 100%;
  }

  .ea56cab {
    position: relative;
    top: 0;
  }

  .l53 {
    position: relative;
    top: 0;
  }
}

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

  .m26e {
    flex-wrap: wrap;
    gap: var(--spacing-xs);
    font-size: 0.8125rem;
  }

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

  .gc1 {
    flex-direction: column;
    gap: var(--spacing-lg);
  }

  .f225,
  .ja5df {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kd25fe7 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .aa23c {
    flex-direction: column;
  }

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

  .neb4a04 {
    flex-direction: column;
    gap: var(--spacing-lg);
  }

  .e9b5186 {
    order: -1;
  }

  .l53 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
  }

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

  .j9e8 {
    grid-column: span 1;
  }

  .j9e8:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .f67e {
    gap: var(--spacing-md);
  }

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

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

  .n37c7f0 {
    font-size: 0.8125rem;
  }

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

  .ld7 {
    min-width: auto;
  }

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

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

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

  .j9e8:last-child {
    grid-column: span 1;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.h390da37, button[type="submit"] {
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
}

.h01ef38, button[type="submit"] {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.h01ef38:hover, button[type="submit"]:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.o268bc82 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

.c8a2d111 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

.k84 {
  display: block !important;
}

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

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

.f866 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.cc15548 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
}

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

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

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

.c69a85a0 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto var(--spacing-2xl);
}

.d1a83 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  display: block;
}

.l967 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

.c33edc {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: var(--spacing-2xl);
}

.bf72 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

.bf72:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-tertiary);
}

.b7be92 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  font-family: var(--font-heading);
}

.g1cd7a {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

.a007d40f {
  font-size: clamp(0.8125rem, 1.5vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.hd975198 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto var(--spacing-2xl);
}

.m7376b {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  display: block;
}

.ifb98 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

.iff266 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: var(--spacing-2xl);
}

.fe307 {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border);
}

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

.h486b {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
  display: block;
}

.f67 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

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

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

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

.d64b951b {
  text-align: center;
  max-width: 700px;
  margin: 0 auto var(--spacing-2xl);
}

.pfc {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  display: block;
}

.fb212df {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

.dcff {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
}

.o64 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.i83 {
  min-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: var(--radius-full);
  background: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

.c3a29e7a {
  flex: 1;
}

.o276b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  font-weight: 600;
}

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

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

.g37 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  max-width: 800px;
}

.pa77d04 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

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

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

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

@media (max-width: 768px) {
  .c8a2d111 {
    padding: 3rem 0;
  }

  .fa3b {
    padding: 3rem 0;
  }

  .h0d5541 {
    padding: 3rem 0;
  }

  .i99 {
    padding: 3rem 0;
  }

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

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

  .o64 {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .i83 {
    min-width: 45px;
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 480px) {
  .f866 {
    margin-bottom: var(--spacing-sm);
  }

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

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

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

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

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

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

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

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

.pa48 {
  width: 100%;
  max-width: 600px;
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.i41afb {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  aspect-ratio: 4 / 3;
}

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

.a91 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h21 {
  text-align: center;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

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

.l12b5 {
  text-align: center;
}

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

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

.a5f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.n81e2a {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.gb24f081 {
  font-size: clamp(1.1rem, 2.5vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.nfa6ea {
  text-align: center;
}

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

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

.f5ab2a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.d659e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  max-width: 320px;
  transition: all var(--transition-base);
}

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

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

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

.eaa8df {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h3c0c {
  text-align: center;
}

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

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

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

.jd0b {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 260px;
  max-width: 300px;
  text-align: center;
  transition: all var(--transition-base);
}

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

.ad1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin: 0 auto;
  flex-shrink: 0;
}

.db570671 {
  display: block;
}

.gef8 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.m7d {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d3ba132,
.iad5e173 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.iad5e173 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

.a48eb5 {
  font-size: clamp(1.3rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .pa48 {
    flex: 1 1 45%;
    max-width: none;
  }

  .j7cbb2 {
    flex: 1 1 45%;
    text-align: left;
  }

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

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

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

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

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

.n666da43 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  text-align: center;
}

.ibe5 {
  max-width: 720px;
  margin: 0 auto;
}

.f7af {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.2;
}

.b858 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .n666da43 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n666da43 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.b4d3 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  max-width: 900px;
  margin: 0 auto;
}

.p4e3cd {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.i254c6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base);
}

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

.ad08fa {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: background-color var(--transition-base);
}

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

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

.caeaddd1 {
  flex: 1;
}

.nb8030 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.ad08fa[aria-expanded="true"] .nb8030 {
  transform: rotate(45deg);
}

.n9d9d {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.n9d9d p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

@media (min-width: 768px) {
  .b4d3 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .b4d3 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.c05c2 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  text-align: center;
}

.dcfc689 {
  max-width: 600px;
  margin: 0 auto;
}

.f1d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.gc1d3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.g0ec01 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .c05c2 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c05c2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.i0acb {
  display: none;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.i0acb img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: var(--spacing-md);
  border-radius: var(--radius-md);
  object-fit: cover;
}

@media (min-width: 768px) {
  .i0acb {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-lg);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .i0acb img {
    margin-bottom: 0;
    height: 250px;
  }
}

@media (min-width: 1024px) {
  .i0acb {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    max-width: 1200px;
    margin: 0 auto;
  }

  .i0acb img {
    height: 300px;
  }
}

.b794 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

.gced5 {
  order: 2;
}

.he8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.jb1 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 500px;
}

.kfb {
  order: 1;
  width: 100%;
  height: 280px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .a7c {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }

  .gced5 {
    order: 1;
  }

  .kfb {
    order: 2;
    height: 380px;
  }

  .he8 {
    font-size: clamp(2rem, 4vw, 2.75rem);
  }
}

@media (min-width: 1024px) {
  .a7c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }

  .kfb {
    height: 420px;
  }
}

.a218c {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.d879 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .d879 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }

  .a218c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

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

  .a218c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.g07 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.kfe2b4 {
  font-size: 2.5rem;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.je03444 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

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

.ad9 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.ddfa69b {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: 0.8125rem;
  font-weight: 500;
}

.od70 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: all var(--transition-fast);
  width: fit-content;
  border: 2px solid var(--color-primary);
}

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

.gc44778a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

.o9a1 {
  order: 2;
}

.k2f0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.kbf1e4be {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 500px;
}

.be4fe {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-fast);
  border: 2px solid var(--color-accent);
}

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

.p55 {
  order: 1;
  width: 100%;
  height: 280px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .gc44778a {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }

  .o9a1 {
    order: 1;
  }

  .p55 {
    order: 2;
    height: 360px;
  }
}

@media (min-width: 1024px) {
  .gc44778a {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-3xl);
  }

  .p55 {
    height: 400px;
  }
}

.p719cec5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.h13651 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .h13651 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .p719cec5 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p719cec5 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.d8d18 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.n0e19c {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

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

@media (min-width: 768px) {
  .kfe2b4 {
    font-size: 2.75rem;
  }
}

@media (min-width: 1024px) {
  .kfe2b4 {
    font-size: 3rem;
  }
}

.hde9a99 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.hde9a99 .k84 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.hde9a99 .k05c9e9a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.hde9a99 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.hde9a99 .n5a6ec {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.hde9a99 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.hde9a99 .o5ddb {
  margin-bottom: var(--spacing-2xl);
}

.hde9a99 .ob0b29 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.hde9a99 .ob0b29 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.hde9a99 .ob0b29 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (max-width: 768px) {
  .hde9a99 .k05c9e9a {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

@media (min-width: 769px) and (max-width: 1024px) {
  .hde9a99 .k05c9e9a {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1025px) {
  .hde9a99 .k05c9e9a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

.p38537b {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.k05c9e9a {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mb7811b2 {
  text-align: center;
  animation: fadeInUp 0.6s ease-out;
}

.hc391f {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  color: var(--color-primary);
  animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.hc391f svg {
  width: 48px;
  height: 48px;
  stroke: currentColor;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.5px;
}

.b3d9 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.afd0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.ne084e5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
}

.m65ba15e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base) ease;
  box-shadow: var(--shadow-md);
  cursor: pointer;
  border: 2px solid var(--color-primary);
}

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

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

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

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

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

@media (min-width: 640px) {
  .p38537b {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .hc391f {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--spacing-2xl);
  }

  .hc391f svg {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 768px) {
  .p38537b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .hc391f {
    width: 120px;
    height: 120px;
    margin: 0 auto var(--spacing-3xl);
  }

  .hc391f svg {
    width: 72px;
    height: 72px;
  }

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

  .m65ba15e {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .p38537b {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
  }

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

@media (prefers-reduced-motion: reduce) {
  .mb7811b2 {
    animation: none;
  }

  .hc391f {
    animation: none;
  }

  .m65ba15e {
    transition: none;
  }

  .m65ba15e:hover {
    transform: none;
  }

  .m65ba15e:active {
    transform: none;
  }
}

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

.obe8e54 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.n6071 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

.k05c9e9a {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.n97e6f {
  position: relative;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.g6716055 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

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

.d23322e {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
}

.h89cb593 {
  font-size: clamp(2.5rem, 8vw, 5rem);
  display: inline-block;
  animation: float 3s ease-in-out infinite;
}

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

.p8a5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.o4943 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.jfe65 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
}

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

.h390da37 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

.h01ef38 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.h01ef38:active {
  transform: translateY(0);
}

.e81b602 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: -1;
}

.o6b3534d {
  position: absolute;
  background-color: var(--color-border-light);
  opacity: 0.1;
  border-radius: var(--radius-sm);
  animation: drift 15s linear infinite;
}

.f7243 {
  width: 80px;
  height: 60px;
  top: 10%;
  left: 5%;
  animation: drift 20s linear infinite;
  transform: rotate(-15deg);
}

.kf8 {
  width: 100px;
  height: 70px;
  bottom: 15%;
  right: 10%;
  animation: drift 25s linear infinite reverse;
  transform: rotate(25deg);
}

.p88a40b {
  width: 60px;
  height: 50px;
  top: 50%;
  right: 5%;
  animation: drift 18s linear infinite;
  transform: rotate(-30deg);
}

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

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

@keyframes drift {
  0% {
    transform: translateX(0) rotate(0deg);
  }
  100% {
    transform: translateX(50px) rotate(360deg);
  }
}

@media (min-width: 640px) {
  .n6071 {
    padding: var(--spacing-xl);
  }

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

  .h89cb593 {
    animation: float 3.5s ease-in-out infinite;
  }
}

@media (min-width: 768px) {
  .n6071 {
    padding: var(--spacing-2xl);
  }

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

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

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

  .jfe65 {
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .n6071 {
    padding: var(--spacing-3xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .d23322e {
    transition: transform var(--transition-slow);
  }

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

  .o6b3534d {
    opacity: 0.15;
  }
}

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

.lb4850 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.cd9f2 {
  text-align: center;
}

.lb4850 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.ic7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.p347 {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .lb4850 {
    padding: 5rem 2rem;
  }

  .p347 {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .lb4850 {
    padding: 6rem 2rem;
  }

  .p347 {
    padding: 6rem 2rem;
  }
}

.c54 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.leec {
  flex: 1 1 100%;
  min-width: 0;
}

.h161f3 {
  flex: 1 1 100%;
  min-width: 0;
}

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

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

.n840ba5 {
  margin-bottom: 2rem;
}

.n840ba5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.n840ba5 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ka4b {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

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

.d9130 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.h802,
.p2ef9 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.h802::placeholder,
.p2ef9::placeholder {
  color: var(--color-text-muted);
}

.h802:focus,
.p2ef9:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.p2ef9 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.a6533ff {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

.a6533ff:active {
  transform: translateY(0);
}

.bffa5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
  margin-top: var(--spacing-sm);
}

.l1283f54 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.hf55 {
  margin-bottom: 2.5rem;
}

.hf55 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.hf55 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.h7d79 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.n6cb {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.ke1353e {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.ba9d48 {
  flex: 1;
}

.ba9d48 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}

.ba9d48 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: 0.5rem;
}

.ba9d48 a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.of284 {
  display: block;
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: 0.25rem;
}

.b33ab30b {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem;
  overflow: hidden;
}

.b33ab30b h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.b33ab30b p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.i1e8c6 {
  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-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.3px;
}

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

@media (max-width: 767px) {
  .c54 {
    gap: 2.5rem;
  }

  .leec,
  .h161f3 {
    flex: 1 1 100%;
  }

  .cd9f2 {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 967px) {
  .c54 {
    gap: 2.5rem;
  }

  .leec {
    flex: 1 1 100%;
  }

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

.k84 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 2rem;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .k84 {
    padding: 0 1rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.h9c1,.i926{width:34px;}
.h9c1[aria-expanded="true"]{display:none;}
.e877.k22d291{z-index:999;}
.e877{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.e877{max-width:100%;}}
.jda09{justify-content:flex-end;}