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

:root {
  --color-bg-primary: #fffbeb;
  --color-bg-secondary: #fef9c3;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #726b66;
  --color-text-muted: #6d6966;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fde9d5;
  --color-secondary: #f59e0b;
  --color-secondary-light: #fef3e2;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f3f0;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', serif;

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

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

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

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

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

  
  --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 {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.025em;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

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

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

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

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

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

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-fast);
  font-weight: 600;
}

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

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
}

input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

.b1b45 {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-xl);
}

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

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

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

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

.o4d83f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-xs);
}

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

.la4470c6:hover {
  background: #d97706;
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.la4470c6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-xs);
}

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

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

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

.e2eca85 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

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

.c4dc67 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

.j308a82 {
  display: grid;
  gap: var(--spacing-2xl);
}

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

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

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

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

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

@media (max-width: 768px) {
  .j53, .l3070cf, .caaa5aed {
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
  }
}

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

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

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

.o06994 {
  flex-direction: column;
}

.ma532 {
  flex-wrap: wrap;
}

.h019da1f {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

.k70 {
  font-size: 0.75rem;
}

.eaed {
  font-size: 0.875rem;
}

.k717 {
  font-size: 1rem;
}

.g6b964 {
  font-size: 1.125rem;
}

.oc0e619a {
  font-size: 1.25rem;
}

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

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

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

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

.a2e860 {
  font-weight: 700;
}

.nabf0 {
  font-weight: 600;
}

.c58 {
  font-weight: 400;
}

.d62 {
  text-align: center;
}

.ob83 {
  text-align: right;
}

.p91 {
  text-align: left;
}

.ic8396 { margin-top: var(--spacing-xs); }
.g359d45a { margin-top: var(--spacing-sm); }
.d02 { margin-top: var(--spacing-md); }
.nc668e { margin-top: var(--spacing-lg); }
.pafb { margin-top: var(--spacing-xl); }
.bda { margin-top: var(--spacing-2xl); }
.m0648c3 { margin-top: var(--spacing-3xl); }

.ed82dc8 { margin-bottom: var(--spacing-xs); }
.ce9 { margin-bottom: var(--spacing-sm); }
.fed8f2 { margin-bottom: var(--spacing-md); }
.mcb5 { margin-bottom: var(--spacing-lg); }
.o9af66 { margin-bottom: var(--spacing-xl); }
.e80dc8 { margin-bottom: var(--spacing-2xl); }
.ne0f0 { margin-bottom: var(--spacing-3xl); }

.f50d { margin-top: var(--spacing-xs); margin-bottom: var(--spacing-xs); }
.pe5ec0b { margin-top: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.pdd8dd4 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); }
.m7f27 { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.nab { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); }
.j8696ca { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); }

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

.db3c { padding-top: var(--spacing-xs); }
.f3a3f { padding-top: var(--spacing-sm); }
.k7d7bf5 { padding-top: var(--spacing-md); }
.iecc { padding-top: var(--spacing-lg); }
.bed { padding-top: var(--spacing-xl); }
.l24ae5 { padding-top: var(--spacing-2xl); }
.g348c { padding-top: var(--spacing-3xl); }

.bb9 { padding-bottom: var(--spacing-xs); }
.k6eb38 { padding-bottom: var(--spacing-sm); }
.l1c61 { padding-bottom: var(--spacing-md); }
.c0b { padding-bottom: var(--spacing-lg); }
.g18 { padding-bottom: var(--spacing-xl); }
.l73 { padding-bottom: var(--spacing-2xl); }
.n8d { padding-bottom: var(--spacing-3xl); }

.befb62 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.k8b { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.b7c3 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.ib786 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.i1bc { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.gb5d { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.hd3c87f7 { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

.g23df { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.a536c2 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.oed { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.e1ad { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.ba71a7 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }
.ebc2f { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p17 {
  opacity: 0.5;
}

.gaafc947 {
  opacity: 0.75;
}

.be63eb2 {
  opacity: 1;
}

.ec0c6 {
  display: none !important;
}

.n534 {
  display: block !important;
}

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

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

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

.d0a6b {
  position: relative;
  padding: var(--spacing-4xl) 0;
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  text-align: center;
}

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

.d0a6b p {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-2xl);
}

.o70bf {
  display: inline-block;
  width: 60px;
  height: 4px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
  margin: var(--spacing-md) auto;
}

@media (max-width: 768px) {
  .d0a6b {
    padding: var(--spacing-3xl) 0;
  }

  .d0a6b h1 {
    font-size: 2rem;
  }

  .d0a6b p {
    font-size: 1rem;
  }
}
.f7f4af54 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

.jbd6ba {
  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: 4rem;
}

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

.lda86:hover {
  opacity: 0.85;
}

.maab702 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

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

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

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

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

.i8e1 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.625rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

.bba7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
  flex-shrink: 0;
}

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

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

.adbb.bcd1ee3a {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.f7c6 {
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
}

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

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

.l319081 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  font-weight: 500;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-md);
  transition: background var(--transition-base), color var(--transition-base);
  display: block;
}

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

.o7e645e {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  padding: 0.875rem 1.5rem;
  border-radius: var(--radius-md);
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
  display: block;
  border: none;
}

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

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

  .bba7 {
    display: none;
  }

  .adbb {
    display: none;
  }

  .jbd6ba {
    height: 5rem;
  }

  .mf7 {
    font-size: 0.95rem;
  }

  .i8e1 {
    padding: 0.75rem 1.75rem;
    font-size: 0.95rem;
  }
}

@media (min-width: 1024px) {
  .jbd6ba {
    height: 5.5rem;
    gap: 2rem;
  }

  .i3018191 {
    font-size: 1.5rem;
  }

  .ja3f82 {
    gap: 2.5rem;
    margin: 0 3rem;
  }

  .mf7 {
    font-size: 1rem;
  }

  .i8e1 {
    padding: 0.75rem 2rem;
    font-size: 1rem;
  }
}

    .c935c561 {
  width: 100%;
}

.c935c561 * {
  box-sizing: border-box;
}

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

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

.ac1 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  min-height: 500px;
}

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

.h225b0 {
  flex: 1 1 45%;
  min-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.h96ca {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.lb996 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

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

.l5575fb {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

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

.ofe4 {
  position: relative;
  height: clamp(300px, 50vw, 600px);
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.o888cb6c {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

.m4ccb8c {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(28, 25, 23, 0.95), rgba(28, 25, 23, 0.6), transparent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.b51e4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
}

.g9c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.k250cd8 {
  flex: 1 1 300px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.p2cd1c {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

.k44e5d {
  text-align: center;
}

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

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

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

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

.o27a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw + 1rem, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 100px;
  text-align: right;
  line-height: var(--line-height-tight);
}

.p0f412f3 {
  flex: 1;
  padding-left: clamp(1rem, 2vw, 1.5rem);
  border-left: 3px solid var(--color-accent);
}

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

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

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

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

.na572 {
  text-align: center;
}

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

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

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

.d13615 {
  flex: 2 1 100%;
  max-width: 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
}

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

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

.h1ad3 {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

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

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

.pa7d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
}

.l7ddaf {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.decd2 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-on-accent);
  opacity: 0.9;
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  line-height: var(--line-height-normal);
}

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

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

.gb1 {
  text-align: center;
}

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

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

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

.p1e9dc {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.jcfc4da7,
.bb77dc {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  margin: 0;
}

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

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

.k9477ff,
.a7dd10 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.o7a9 {
  text-align: center;
}

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

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

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

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

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

.cfe138 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

.d48b27 {
  flex: 1 1 45%;
  min-height: 350px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

.jba {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

.o15da862.ec0c6 {
  display: none;
}

.m175 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  flex: 1 1 200px;
  min-width: 200px;
  line-height: var(--line-height-relaxed);
}

.n3b2f1 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.bc5bf735,
.jc60 {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.jc60 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.jc60:hover {
  border-color: #f1f5f9;
  background: rgba(241, 245, 249, 0.1);
}

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

  .lb3bdaf4 {
    flex: 1 1 100%;
  }

  .h225b0 {
    flex: 1 1 100%;
    min-height: 300px;
  }

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

  .fdd {
    flex-direction: column;
  }

  .d335077b {
    flex: 1 1 100%;
  }

  .d48b27 {
    flex: 1 1 100%;
  }

  .o15da862 {
    flex-direction: column;
    align-items: stretch;
  }

  .m175 {
    flex: 1 1 100%;
    min-width: 100%;
    text-align: center;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .ac1 {
    flex-direction: column;
  }

  .lb3bdaf4,
  .h225b0 {
    flex: 1 1 100%;
  }

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

  .h1051035 {
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  }

  .fdd {
    flex-direction: column;
  }

  .d335077b,
  .d48b27 {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .p1e9dc {
    grid-template-columns: 150px 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: start;
  }

  .h1051035 {
    grid-column: 1;
  }

  .a3c {
    grid-column: 2;
  }

  .bda148 {
    grid-column: 3;
  }
}

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

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

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

.n568bc {
  max-width: 400px;
}

.n568bc h3,
.ad0 h3,
.g0eaf h3,
.b112 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 700;
}

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

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

.pa503247 li,
.lbb li {
  display: block;
}

.ad0 a,
.b112 a {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  padding: 0.25rem 0;
  border-bottom: 1px solid transparent;
}

.ad0 a:hover,
.b112 a:hover {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

.g0eaf {
  display: block;
}

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

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

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

.a7ef {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0 0 0.75rem 0;
  font-weight: 500;
}

.oc158 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .ha877d0 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
    align-items: flex-start;
  }

  .n568bc {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .ad0 {
    flex: 1 1 220px;
    min-width: 220px;
  }

  .g0eaf {
    flex: 1 1 240px;
    min-width: 240px;
  }

  .b112 {
    flex: 1 1 260px;
    min-width: 260px;
  }

  .m587 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
  }
}

@media (max-width: 767px) {
  .ha877d0 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 5vw, 2.5rem);
  }

  .pa503247,
  .lbb {
    gap: clamp(0.875rem, 2vw, 1.25rem);
  }

  .pa503247 li,
  .lbb li {
    flex: 1 1 auto;
  }
}

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

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

.cc1 {
  position: relative;
  overflow: hidden;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b7355 0%, #a0826d 100%);
}

.cc1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="river" x="0" y="0" width="200" height="200" patternUnits="userSpaceOnUse"><path d="M0 100 Q 50 80 100 100 T 200 100" stroke="rgba(255,255,255,0.05)" stroke-width="2" fill="none"/></pattern></defs><rect width="1200" height="600" fill="url(%23river)"/></svg>');
  opacity: 0.3;
  z-index: 1;
}

.a50 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 2;
}

.k986d2 {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 800px;
  padding: clamp(2rem, 5vw, 4rem);
}

.k70453 {
  color: #ffffff;
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cd8e0487 {
  color: #f0ebe5;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-primary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ob6c8 {
  text-align: center;
}

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

.g044 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  font-family: var(--font-primary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j6ad6b4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  flex: 1 1 clamp(300px, 100%, 900px);
  min-width: 0;
}

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

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

.m37392 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 50%;
  min-width: 0;
}

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

.k03e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h5255dd,
.led1deb7,
.f32 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-family: var(--font-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.h5255dd i,
.led1deb7 i,
.f32 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.mce6105 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base) ease;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c113c6 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: var(--line-height-loose);
  margin: 0;
  position: relative;
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o340afc {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  opacity: 0.3;
  position: relative;
  line-height: 0.5;
  margin: 0 0.25rem;
}

.jbbc {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  margin: 0;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .m37392 {
    flex: 1 1 auto;
  }

  .j6ad6b4 img {
    min-height: 200px;
    max-height: 250px;
  }

  .oc6 {
    flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .j6ad6b4 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 0;
  }

  .j6ad6b4 img {
    min-height: 250px;
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .j6ad6b4 {
    flex: 1 1 100%;
  }

  .j6ad6b4 img {
    min-width: 350px;
    max-width: 400px;
    min-height: 280px;
    max-height: 400px;
  }

  .m37392 {
    flex: 1 1 auto;
    justify-content: space-between;
  }
}

* {
  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, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j90516 {
  width: 100%;
}

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

.c8df17 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

.d730 {
  flex: 1;
}

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

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

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

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

.gab2ee i {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
}

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

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

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

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

.l0a4 {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.l30faa5f {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.f1a0aa {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 1.5vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

.a19 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.c05 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

  .o8e8a09,
  .ma3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m73f6 {
  flex: 1;
}

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

.b04 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}

.j8787 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
}

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

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

.g2d6dd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.efc {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  padding-top: clamp(2rem, 3vw, 2.5rem);
  border-top: 2px solid var(--color-border);
}

.bea {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.dc76d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.b2f1 {
  flex: 0 0 140px;
  height: 140px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

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

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

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

  .b2f1 {
    flex: 1;
    width: 100%;
    height: 200px;
  }
}

.m2b0 {
  flex: 0 0 35%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

.e823 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

  .j578b {
    flex: 1 1 100%;
  }

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

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

  .i7a {
    max-height: 300px;
  }

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.f4085 a:hover {
  text-decoration: underline;
}

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

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

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

.fe6aa {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

.b46 {
  flex-shrink: 0;
}

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

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

.n25 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.f400 a:hover {
  text-decoration: underline;
}

.bcafd {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  margin: 0;
}

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

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

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

.c03d {
  flex: 1 1 65%;
  max-width: 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
}

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

.hef1b40a {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  margin: 0;
}

.p27ff4 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  margin: 0;
}

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

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

.d07c5 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.g03b42 {
  flex-direction: row-reverse;
}

.g7684be {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.08), rgba(245, 158, 11, 0.08));
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

.b6016 {
  flex: 1 1 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  position: sticky;
  top: 2rem;
}

.kec56bca {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.kd3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.a35ffa {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
}

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

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

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

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

.a71f72 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.e81e {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.kcb a:hover {
  text-decoration: underline;
}

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

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

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

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

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

.f3930 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.e820f {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
}

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

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

  .le11b {
    flex: 1 1 100%;
  }

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

  .lb0 {
    flex-direction: column;
  }

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

  .b6016 {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }

  .lbf8,
  .g03b42 {
    flex-direction: column;
  }

  .d07c5,
  .o45 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .b46 {
    margin: 0 auto;
  }

  .f4085 {
    font-size: 0.8125rem;
  }

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

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

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

  .f1c76f {
    padding-top: 0;
  }
}

@media (max-width: 480px) {
  .b1b45 {
    padding: 0 clamp(0.75rem, 2vw, 1rem);
  }

  .p50c0a {
    padding: 2rem 0;
  }

  .gdf {
    padding: 2rem 0;
  }

  .ff0 {
    padding: 2rem 0;
  }

  .h92a86ab {
    padding: 2rem 0;
  }

  .hee47 {
    padding: 2rem 0;
  }

  .f54c2 {
    padding: 2rem 0;
  }

  .fe6aa {
    font-size: 1.75rem;
  }

  .gb024 {
    font-size: 1rem;
  }

  .hef1b40a {
    font-size: 1.5rem;
  }

  .p27ff4 {
    font-size: 1.25rem;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

.ca0a87 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kb8 i {
  color: var(--color-accent);
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gc115f {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 800px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p6b58807 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.gfdfc {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .gfdfc {
    margin: 0 auto;
  }
}

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

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

.oeec0354 {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 4vw, 4rem);
}

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

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

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

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

.l2712d4c {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.i5ab {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  font-weight: 600;
}

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

.d92 {
  margin: 0;
}

.d92 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.4;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
}

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

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

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

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

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

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

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

.a91659 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.a91659 img {
  width: 100%;
  height: auto;
  min-height: 250px;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

.d50d67f2 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  background: #fef3c7;
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(1rem, 2vw, 2rem) 0;
}

.cdd {
  flex-shrink: 0;
  color: var(--color-secondary);
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n895 {
  flex: 1;
}

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

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

  .oeec0354 {
    flex: 1 1 100%;
  }

  .h32 {
    flex: 1 1 100%;
  }

  .d50d67f2 {
    flex-direction: column;
  }

  .cdd {
    font-size: 1.25rem;
  }
}

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

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

.lbdf {
  text-align: center;
}

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

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

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

.b4a237 {
  flex: 0 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i6c4b686 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

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

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

  .oeec0354 {
    flex: 1 1 100%;
  }

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

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

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

  .gfdfc {
    margin: 0 auto;
  }

  .k985 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .n90 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .ca39 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .d50d67f2 {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .l42f {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }

  .kb8 {
    gap: 0.375rem;
  }

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

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

html, body, h1, h2, h3, h4, h5, h6, p, span, div, section, article, main, nav, a, button, input, textarea {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.de9e8e3 {
  display: inline-block;
}

.n9463 {
  display: inline-block;
  color: var(--color-border);
}

.c9d41 {
  width: 100%;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

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

.h16c14ee {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .h16c14ee {
    margin: 0 auto;
  }
}

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

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

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

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

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

.dddf3 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

  .g9e13,
  .dddf3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

.b75 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

  .b02,
  .b75 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

.m82a5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: #fff8e1;
  border: 1px solid #fcd34d;
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

  .h337 {
    margin-top: 0.25rem;
  }
}

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

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

.n203c {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

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

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

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

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

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

  .n203c,
  .o187 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

.b7a8 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

  .n919,
  .b7a8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

.h1de7 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

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

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

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

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

.m0b3e {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.08);
}

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

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

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

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

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

  .m0b3e,
  .nafc41 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

.c9be8 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(28, 25, 23, 0.06);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.d2f63 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  text-align: left;
}

@media (max-width: 768px) {
  .n5eb {
    text-align: center;
  }

  .d2f63 {
    text-align: center;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.m3f {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.l6277b77 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #cbd5e1;
  max-width: 600px;
  line-height: 1.6;
}

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

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

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

.cd960 {
  text-align: center;
}

.pb1 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: #f59e0b;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.c50 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: #ffffff;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.icc7338c {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: #cbd5e1;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.e73 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: #e2e8f0;
  line-height: 1.8;
  text-align: left;
}

.i7efe {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  margin: 2rem auto 0;
  box-shadow: var(--shadow-md);
  display: block;
}

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

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

.da9 {
  text-align: center;
}

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

.h042 {
  flex: 1 1 clamp(280px, 100%, 350px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid #f59e0b;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 220px;
}

.h042:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-left-color: #d97706;
}

.c49 {
  font-size: 2rem;
  color: #f59e0b;
}

.gf8 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #ffffff;
  font-weight: 600;
  line-height: 1.3;
}

.g2d5 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #cbd5e1;
  line-height: 1.6;
  flex-grow: 1;
}

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

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

.lfdfb0 {
  text-align: center;
}

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

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

.lccb {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: #e2e8f0;
  line-height: 1.8;
}

.c2291419 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  min-height: 300px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
  display: block;
}

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

  .g7c {
    flex: 1 1 100%;
  }

  .c2291419 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

.p5497 {
  text-align: center;
}

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

.p13 {
  flex: 1 1 clamp(200px, 100%, 280px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: var(--transition-base);
}

.p13:hover {
  background: #232d3f;
  transform: scale(1.05);
}

.k590 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: #f59e0b;
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.fcdeb {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

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

.bae {
  border-left: 4px solid #f59e0b;
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  padding-right: 0;
}

.c1f4 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: #ffffff;
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-style: italic;
  font-family: var(--font-heading);
}

.a5157 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #94a3b8;
  display: block;
  font-style: normal;
}

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

.ie442aa {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
}

.hd078 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.o5ed03 {
  font-size: 1.25rem;
  color: #94a3b8;
  margin-top: 0.25rem;
  flex-shrink: 0;
}

.m7052 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: #cbd5e1;
  font-weight: 600;
  line-height: 1.3;
}

.pf6 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: #94a3b8;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .n53f0 {
    text-align: center;
  }

  .b8d086 {
    flex-direction: column;
  }

  .h042 {
    flex: 1 1 100%;
  }

  .b6d3bf {
    flex-direction: column;
  }

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

@media (min-width: 769px) and (max-width: 1023px) {
  .b8d086 {
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
  }

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

@media (min-width: 1024px) {
  .b8d086 {
    gap: clamp(1.75rem, 2vw, 2.25rem);
  }

  .h042 {
    flex: 1 1 calc(33.333% - 1.35rem);
  }
}

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

html, body {
  font-family: var(--font-primary, 'Lato', sans-serif);
  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;
}

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

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

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

.jb54839 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  justify-content: space-between;
}

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

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

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

.g05c28a {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
}

.geb871d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

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

  .g77af09 {
    flex: 1 1 100%;
  }

  .g05c28a {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

.j6deea {
  text-align: center;
}

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

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

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

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

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

.o07 {
  text-align: center;
}

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

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

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

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

.l36 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.ia4 {
  text-align: center;
}

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

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

.c305 {
  flex: 1 1 clamp(280px, 100%, 400px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

.i3e36fc {
  text-align: center;
}

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

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

.b128 {
  flex: 1 1 clamp(220px, 100%, 260px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.da7 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

.l3319e0 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

.l42 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

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

.lebd7cdc {
  text-align: center;
}

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

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

.df2b970 {
  flex: 1 1 clamp(260px, 100%, 320px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
}

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

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

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

  .g77af09,
  .g05c28a {
    flex: 1 1 100%;
  }

  .k87 {
    flex: 1 1 100%;
  }

  .c305 {
    flex: 1 1 100%;
  }

  .b128 {
    flex: 1 1 100%;
  }

  .df2b970 {
    flex: 1 1 100%;
  }

  .f4a {
    flex-direction: column;
  }

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

@media (min-width: 1024px) {
  .k87 {
    flex: 1 1 22%;
  }

  .c305 {
    flex: 1 1 48%;
  }

  .b128 {
    flex: 1 1 23%;
  }

  .df2b970 {
    flex: 1 1 31%;
  }
}

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

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

.h6e676 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.jecda95e {
  max-width: 1100px;
  margin: 0 auto;
}

.db10 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.mdfa6 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: grid;
  grid-template-columns: 1fr;
}

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

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

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

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

.daef6e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.m796149f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.f3ff63 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.m96348 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.kb6aa5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.o2b6b37 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
}

.hca {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.hca:active {
  transform: translateY(0);
}

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

  .o292a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .m96348 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .db10 {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: var(--spacing-3xl);
  }

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

  .haf1 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .fc2 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .o292a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .m96348 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .db10 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .mdfa6:hover {
    transform: translateY(-6px);
  }

  .haf1 {
    height: 300px;
  }

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

@media (min-width: 1440px) {
  .h6e676,
  .jecda95e,
  .n83 {
    max-width: 1200px;
  }
}

.a7804dc {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
}

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

.e3f {
  order: 2;
}

.bd8 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.bd8 p {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 550px;
}

.bd8 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-md);
  order: 1;
}

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

  .e3f {
    order: 1;
  }

  .bd8 img {
    order: 2;
  }

  .bd8 h1 {
    font-size: clamp(2.25rem, 5vw + 0.5rem, 3.25rem);
  }
}

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

  .bd8 h1 {
    font-size: 3.5rem;
  }

  .bd8 p {
    font-size: 1.125rem;
  }
}

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

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

@media (min-width: 1024px) {
  .d336 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.g9c8f4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

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

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

.ofecd668 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.ofecd668 svg {
  width: 32px;
  height: 32px;
  color: var(--color-primary);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.fb1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.fb1 p {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

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

  .fb1 h2 {
    font-size: 1.5rem;
  }
}

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

.gd51ea {
  order: 2;
}

.i096ae h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.i096ae p {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 500px;
}

.n56 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

.n56:active {
  transform: scale(0.98);
}

.i096ae img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-md);
  order: 1;
}

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

  .gd51ea {
    order: 1;
  }

  .i096ae img {
    order: 2;
  }

  .i096ae h2 {
    font-size: clamp(2rem, 4vw + 0.5rem, 2.75rem);
  }
}

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

  .i096ae h2 {
    font-size: 3rem;
  }

  .i096ae p {
    font-size: 1.125rem;
  }
}

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

.i45 {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-xl) 0;
}

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

.gc19e783 p {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
}

.m4907f {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m4907f li {
  margin: 0;
}

.m4907f a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  transition: color var(--transition-base);
  display: inline-block;
  padding: var(--spacing-xs) 0;
}

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

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

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

  .gc19e783 h3 {
    font-size: 2rem;
  }
}

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

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

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

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

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

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

.b469994 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.b469994 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.b469994 .b4d {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.b469994 ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-lg);
}

.b469994 ul li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.b469994 ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.b469994 .p52c {
  margin-bottom: var(--spacing-2xl);
}

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

.b469994 .da5c1 h2 {
  margin-top: 0;
}

.b469994 .da5c1 p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .b469994 .a39ca {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b469994 .a39ca {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.obf38 {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

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

.c532a55 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.od8 {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scale-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.c532a55 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: -0.5px;
  animation: fade-in-up 0.6s ease-out 0.1s both;
}

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

.lfd244 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  font-weight: 500;
  animation: fade-in-up 0.6s ease-out 0.2s both;
}

.od38ae4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  animation: fade-in-up 0.6s ease-out 0.3s both;
}

.i0c6a7f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  animation: fade-in-up 0.6s ease-out 0.4s both;
}

.f3353 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  margin-top: var(--spacing-lg);
  animation: fade-in-up 0.6s ease-out 0.5s both;
}

.f3353:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

@media (min-width: 1024px) {
  .obf38 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

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

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

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

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

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

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

.ne03bd6 {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

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

.c4caaa {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  text-align: center;
}

.h5fae60 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.f1a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.o8300 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.05em;
  margin: 0;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.pbf8 {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  animation: bounce 3s ease-in-out infinite;
}

.j266d69 {
  width: 100%;
  height: 100%;
  stroke-linejoin: round;
  stroke-linecap: round;
}

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

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

.ief {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.i6958 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  font-weight: 500;
}

.l16e97f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  padding: var(--spacing-md) 0;
  border-top: 2px solid var(--color-border-light);
  border-bottom: 2px solid var(--color-border-light);
}

.n11 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  text-align: left;
}

.bb1f1b2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  text-align: center;
}

.pf957c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.pf957c li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: var(--line-height-normal);
}

.pf957c li::before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
}

.ad4cb96 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: var(--line-height-normal);
  letter-spacing: 0.3px;
}

.o4d83f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 640px) {
  .j0a983 {
    padding: var(--spacing-lg);
  }

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

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

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

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

  .pbf8 {
    width: 140px;
    height: 140px;
  }

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

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

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

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

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

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

  .pbf8 {
    width: 160px;
    height: 160px;
  }

  .n11 {
    text-align: center;
  }

  .pf957c {
    align-items: center;
  }

  .pf957c li {
    text-align: center;
    padding-left: 0;
  }

  .pf957c li::before {
    content: "✓";
    position: static;
    margin-right: var(--spacing-sm);
    color: var(--color-success);
  }
}

@media (min-width: 1024px) {
  .j0a983 {
    min-height: 100vh;
  }

  .ne03bd6 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }

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

  .pbf8 {
    width: 180px;
    height: 180px;
  }
}

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

.ladd9f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.kc6 {
  text-align: center;
  padding: 1rem 0;
}

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

.l2b54cc5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.o24b5 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.o1f127 {
  width: 100%;
}

.o0c0 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

.ob5 {
  flex: 1 1 100%;
  width: 100%;
}

.fdc1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.g2f {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.bf2cc5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.od7625,
.i25e92d {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: border-color var(--transition-base), background-color var(--transition-base);
  box-sizing: border-box;
}

.od7625:focus,
.i25e92d:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.od7625::placeholder,
.i25e92d::placeholder {
  color: var(--color-text-muted);
}

.i25e92d {
  min-height: 150px;
  resize: vertical;
  max-height: 400px;
}

.bbc3b5bc {
  width: 100%;
  padding: 1rem;
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-sm);
}

.le3b45 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.f1d732 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.f1d732:hover,
.f1d732:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.l2f2 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-sizing: border-box;
}

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

.l2f2:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.l2f2:active {
  transform: translateY(0);
}

.me1d23 {
  flex: 1 1 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.kc6b3a {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.b07 {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.75rem;
}

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

.hef798 {
  font-size: clamp(1.3rem, 2vw, 1.6rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
}

.j2f17 {
  flex: 1;
}

.ae021 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  line-height: var(--line-height-tight);
}

.h7c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.bc53a:hover,
.bc53a:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.h0c {
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-bg-card));
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e6d87 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-tight);
}

.dff8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
  line-height: var(--line-height-relaxed);
}

.ia4c44 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  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: background-color var(--transition-base), transform var(--transition-fast);
}

.ia4c44:hover,
.ia4c44:focus {
  background-color: var(--color-primary-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

.b1b45 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1.5rem;
  width: 100%;
}

@media (min-width: 640px) {
  .ladd9f {
    padding: 4rem 2rem;
  }

  .o24b5 {
    padding: 4rem 2rem;
  }

  .ob5 {
    flex: 1 1 400px;
  }

  .me1d23 {
    flex: 1 1 350px;
  }
}

@media (min-width: 768px) {
  .ladd9f {
    padding: 5rem 2rem;
  }

  .o24b5 {
    padding: 5rem 2rem;
  }

  .o0c0 {
    gap: 4rem;
  }

  .ob5 {
    flex: 1 1 450px;
  }

  .me1d23 {
    flex: 1 1 350px;
  }

  .b1b45 {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .ladd9f {
    padding: 6rem 3rem;
  }

  .o24b5 {
    padding: 6rem 3rem;
  }

  .o0c0 {
    gap: 5rem;
  }

  .ob5 {
    flex: 1 1 500px;
  }

  .me1d23 {
    flex: 1 1 400px;
  }

  .b1b45 {
    padding: 0 3rem;
  }
}

@media (min-width: 1440px) {
  .ladd9f {
    padding: 6rem 0;
  }

  .o24b5 {
    padding: 6rem 0;
  }

  .b1b45 {
    padding: 0;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.bba7,.f7c6{width:34px;}
.bba7[aria-expanded="true"]{display:none;}
.adbb.bcd1ee3a{z-index:999;}
.adbb{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.adbb{max-width:100%;}}
.ja3f82{justify-content:flex-end;}
@media (max-width:768px){.cfe138{min-height:500px;}}