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

:root {
  --color-bg-primary: #022c22;
  --color-bg-secondary: #f0fdf4;
  --color-bg-tertiary: #064e3b;
  --color-bg-card: #ffffff;

  --color-text-primary: #139471;
  --color-text-secondary: #9c9c9c;
  --color-text-muted: #888888;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-secondary: #10b981;
  --color-secondary-light: #ecfdf5;

  --color-success: #059669;
  --color-warning: #d97706;
  --color-danger: #dc2626;

  --color-border: #d1d5db;
  --color-border-light: #e5e7eb;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

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

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

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

  font-size: 17px;

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

html {
  font-size: 17px;
}

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

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

.p691fb {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

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

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

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

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

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

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

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all 0.3s ease;
}

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

.oc0a90d:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

.e73:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

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

.g9b {
  background: var(--color-bg-primary);
  color: #ffffff;
  padding: var(--spacing-3xl) 0;
}

.g9b h1,
.g9b h2,
.g9b h3,
.g9b h4,
.g9b h5,
.g9b h6 {
  color: #ffffff;
}

.g9b p,
.g9b a {
  color: #e5e7eb;
}

.g9b a {
  color: var(--color-secondary);
}

.g9b a:hover {
  color: var(--color-secondary-light);
}

.ccc {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.ccc h1,
.ccc h2,
.ccc h3,
.ccc h4,
.ccc h5,
.ccc h6 {
  color: var(--color-text-primary);
}

.f81e {
  background: var(--color-bg-tertiary);
  color: #ffffff;
  padding: var(--spacing-3xl) 0;
}

.f81e h1,
.f81e h2,
.f81e h3,
.f81e h4,
.f81e h5,
.f81e h6 {
  color: #ffffff;
}

.f81e p {
  color: #e5e7eb;
}

.j14e1 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

.i5d2 {
  background: var(--color-bg-tertiary);
  color: #ffffff;
}

.i5d2 h3,
.i5d2 h4,
.i5d2 h5,
.i5d2 h6 {
  color: #ffffff;
}

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

.f981f {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.h737a3cf {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hfc340 {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

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

.j21fe5 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.h284e06 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

.cbae2bd5 {
  text-align: center;
}

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

.i953e {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

.f8b5 {
  background: #dcfce7;
  color: var(--color-success);
}

.me605c {
  background: #fef3c7;
  color: var(--color-warning);
}

.mbd {
  background: #fee2e2;
  color: var(--color-danger);
}

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  transition: all 0.3s ease;
}

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

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

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

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

.p322bff {
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-md);
}

.m6d93c9d {
  background: #dcfce7;
  color: #166534;
  border: 1px solid #bbf7d0;
}

.hd572 {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.h96 {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid #fecaca;
}

.d3217 {
  background: #dbeafe;
  color: #1e40af;
  border: 1px solid #bfdbfe;
}

@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .f981f,
  .h737a3cf,
  .hfc340 {
    grid-template-columns: 1fr;
  }

  .e06ae2e1 {
    flex-direction: column;
  }

  .h284e06 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md);
  }
}

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .g9b,
  .ccc,
  .f81e {
    padding: var(--spacing-2xl) 0;
  }

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

  button {
    padding: var(--spacing-sm) var(--spacing-md);
    width: 100%;
  }
}
.d3b59 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    z-index: 100;
    overflow: hidden;
  }

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

  .a2d {
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0;
    gap: 0.75rem;
    transition: opacity 0.3s ease;
  }

  .a2d:hover {
    opacity: 0.85;
  }

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

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

  .f11e4 {
    display: none;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 2rem);
    flex: 1;
    margin-left: clamp(1rem, 4vw, 3rem);
  }

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

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

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

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

  .c53d4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    border: none;
    cursor: pointer;
    gap: 0.4rem;
    padding: 0;
    flex-shrink: 0;
  }

  .j1c4e {
    width: 1.5rem;
    height: 2px;
    background: var(--color-text-primary);
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  .p16 {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 85vw;
    height: 100vh;
    background: var(--color-bg-primary);
    border-left: 1px solid var(--color-border-light);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
  }

  .p16.md59ce5 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

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

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

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

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

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

  .ecd59e {
    padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 4vw, 1.5rem);
    font-family: var(--font-primary);
    font-size: clamp(1rem, 2vw, 1.125rem);
    color: var(--color-text-primary);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--color-border-light);
    transition: all 0.3s ease;
  }

  .ecd59e:hover {
    background: var(--color-bg-secondary);
    color: var(--color-accent);
    padding-left: clamp(1.25rem, 4vw, 2rem);
  }

  .i67 {
    margin: clamp(1rem, 3vw, 1.5rem);
    padding: clamp(0.875rem, 2vw, 1rem) clamp(1.25rem, 4vw, 1.75rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    font-family: var(--font-primary);
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    border-radius: var(--radius-md);
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
  }

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

  @media (min-width: 768px) {
    .d9cf {
      height: 5rem;
      gap: clamp(1.5rem, 3vw, 2.5rem);
    }

    .f11e4 {
      display: flex;
    }

    .p90083 {
      display: block;
    }

    .c53d4 {
      display: none;
    }

    .p16 {
      display: none !important;
    }

    .f486 {
      font-size: 1.375rem;
    }
  }

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

    .cb7 {
      font-size: 1rem;
    }

    .f11e4 {
      gap: 2.5rem;
      margin-left: 4rem;
    }
  }

    .k9e8b23d {
  width: 100%;
}

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

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

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

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

.c4269 {
  text-align: center;
}

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

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

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

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

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

.i6c14 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

.a8041e2 {
  flex: 1 1 clamp(120px, 20vw, 180px);
  min-width: 120px;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

.c15,
.p5bffd {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

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

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

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

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

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

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

.i85ee1 {
  text-align: center;
}

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

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

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

.bd28 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

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

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

.h46 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

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

.p1c7 {
  text-align: center;
}

.me50 {
  color: var(--color-bg-card);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 clamp(0.5rem, 1.5vw, 1rem) 0;
}

.i4d {
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.h8944 {
  flex: 1 1 clamp(250px, 25vw, 300px);
  background: rgba(255, 255, 255, 0.1);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  backdrop-filter: blur(10px);
}

.d9f361c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.i22b15 {
  color: var(--color-bg-card);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

.j0be2f6 {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0 0 1rem 0;
  line-height: 1.5;
}

.of594e6 {
  color: var(--color-bg-card);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

.c3480ab6 {
  color: rgba(255, 255, 255, 0.5);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 300;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .c3480ab6 {
    display: none;
  }
}

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

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

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

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

.e26f {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.m1e911 {
  text-align: center;
}

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

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

.b6cc8c {
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow-x: auto;
}

.ae5463 {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.le647 {
  flex: 1 1 250px;
  min-width: 150px;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.f444 {
  flex: 1 1 300px;
  min-width: 200px;
  font-weight: 600;
  text-align: left;
}

.ad1,
.d7704 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  margin: 0;
  font-weight: 500;
}

.b2ba24 {
  color: var(--color-success);
  font-size: 1.25rem;
}

.cca5 {
  color: var(--color-danger);
  font-size: 1.25rem;
}

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

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

.ba4 {
  text-align: center;
}

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

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

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

.od0b {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

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

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

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

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

.f3b {
  text-align: center;
}

.ncc81 {
  color: var(--color-bg-card);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 clamp(0.5rem, 1.5vw, 1rem) 0;
}

.fae {
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.f49c {
  flex: 1 1 clamp(250px, 30vw, 350px);
  text-align: center;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 2.5vw, 2.5rem);
  border-radius: var(--radius-lg);
  backdrop-filter: blur(10px);
}

.m679d {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
}

.ec145 {
  color: var(--color-bg-card);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

.e55191 {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

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

.g83 {
  flex: 1 1 clamp(150px, 22vw, 200px);
  min-width: 150px;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  cursor: pointer;
}

.g83:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

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

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

.h45 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: flex-start;
}

.ac017ee {
  flex: 1 1 clamp(100%, 50%, 500px);
  min-width: 250px;
}

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

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

.f91 {
  flex: 1 1 clamp(100%, 50%, 500px);
  min-width: 250px;
}

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

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

.ad65 {
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.bfa28343 {
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.e744 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  margin: 0;
  flex: 1;
}

.hd9b52 {
  color: var(--color-accent);
  font-size: 1.25rem;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.ad65.md59ce5 .hd9b52 {
  transform: rotate(180deg);
}

.da90334 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.ad65.md59ce5 .da90334 {
  max-height: 500px;
}

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

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

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

.gfb4d4 {
  max-width: 700px;
}

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

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

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

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

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

.h9bca8.o3c7 {
  display: none;
}

.d8db {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
  line-height: 1.5;
}

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

.ice4,
.g7f0 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

  .i6c14 {
    flex-direction: row;
  }

  .h45 {
    flex-direction: column;
  }

  .ac017ee,
  .f91 {
    flex: 1 1 100%;
  }

  .b6cc8c {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
  }

  .le647 {
    flex: 1 1 120px;
    min-width: 100px;
    padding: clamp(0.75rem, 1vw, 1rem);
  }

  .f444 {
    flex: 1 1 150px;
    min-width: 120px;
  }

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

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

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

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

  .c15,
  .p5bffd {
    width: 100%;
  }

  .l51295f {
    flex-direction: column;
  }

  .c3480ab6 {
    transform: rotate(90deg);
    margin: 0;
  }

  .pcde0f {
    flex-direction: column;
  }

  .b6cc8c {
    font-size: 0.75rem;
  }

  .le647 {
    flex: 1 1 80px;
    min-width: 80px;
    padding: 0.5rem;
  }

  .f444 {
    flex: 1 1 100px;
    min-width: 80px;
  }
}

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

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

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

.h993f {
  display: block;
  max-width: 600px;
}

.h993f h3,
.ee6a2727 h3,
.j5aeac h3,
.me5b h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.01em;
}

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

.ee6a2727 {
  display: block;
}

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

.n384 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  white-space: nowrap;
}

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

.j5aeac {
  display: block;
}

.j5aeac p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.me5b {
  display: block;
}

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

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

.oc6 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .dd7b {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

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

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

  .ee6a2727,
  .j5aeac,
  .me5b {
    display: flex;
    flex-direction: column;
  }
}

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

  .h993f {
    grid-column: 1 / -1;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }
}
    

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

.m2250a {
  position: relative;
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-tertiary) 100%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="leaves" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M50 20 Q60 30 55 45 Q45 40 50 20" fill="rgba(16,185,129,0.1)" /></pattern></defs><rect width="1200" height="600" fill="var(--color-bg-primary)"/><rect width="1200" height="600" fill="url(%23leaves)"/></svg>');
  background-size: cover;
  background-position: center;
  padding: clamp(4rem, 12vw, 8rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.la2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(2, 44, 34, 0.7);
  z-index: 1;
}

.m2250a .p691fb {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

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

.l671f18a {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
  max-width: 900px;
}

.fd66a3a {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: #e0e7ff;
  line-height: 1.6;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.nf10 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

.ace {
  flex: 1 1 clamp(280px, 100%, 400px);
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 13px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

.ace:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.08);
}

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

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

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

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

.d7f124b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: 0.75rem;
  border-top: 1px solid rgba(6, 78, 59, 0.1);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

.cfdd9fcd {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cfdd9fcd i {
  color: var(--color-accent);
  font-size: 0.875em;
}

.l5aa3b {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  width: fit-content;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .m2250a {
    min-height: 550px;
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

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

  .i4fe {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .m2250a {
    min-height: 600px;
    padding: 6rem 0;
  }

  .ace {
    flex: 1 1 calc(33.333% - 1.7rem);
  }

  .i4fe {
    gap: 2rem;
  }

  .o940 {
    padding: 1.75rem;
  }
}

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

  .i4fe {
    flex-direction: column;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.l89c {
  background: var(--color-bg-primary);
  overflow: hidden;
  padding-top: clamp(1rem, 3vw, 1.5rem);
  padding-bottom: 0;
}

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

.l75 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

.d0c {
  position: relative;
  width: 100%;
  height: clamp(250px, 40vh, 450px);
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.pd8 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(2, 44, 34, 0.85), transparent);
  padding: clamp(1.5rem, 4vw, 2.5rem) 0 clamp(1.5rem, 3vw, 2rem) 0;
  display: flex;
  align-items: flex-end;
}

.na58 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.2;
  margin: 0;
}

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

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

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

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

.c8b4 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

.o14a {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

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

.ka05 {
  color: var(--color-accent);
  font-weight: 600;
  transition: color 0.3s ease;
}

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

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

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

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

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

.n944302 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  font-weight: 500;
}

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

.jf2 {
  flex: 1 1 40%;
}

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

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

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

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

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

@media (max-width: 768px) {
  .l2da76 {
    flex-direction: column;
  }
  
  .gb29,
  .jf2 {
    flex: 1 1 100%;
  }
}

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

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

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

.b0c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.2;
  margin: 0;
}

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

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

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

.h24 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
}

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

.lb3c strong {
  color: var(--color-secondary);
  font-weight: 600;
}

@media (max-width: 768px) {
  .d455f60 {
    flex-direction: column;
  }
  
  .p63,
  .c4781eb1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .n84263 {
    flex-direction: column;
  }
  
  .lbeb1,
  .h5b {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

.f7ce1 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  text-align: center;
}

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

.l654d {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.i2207 {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

.d98b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.2;
  margin: 0;
}

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

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

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

@media (max-width: 768px) {
  .c79e993 {
    flex-direction: column;
  }
  
  .iaeb2,
  .b41885 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ic5498 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.j90b7 {
  font-size: 2rem;
  color: var(--color-accent);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

.f8976e59 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-secondary);
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

.e5f {
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

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

.afeb7c0 {
  color: var(--color-accent);
  font-weight: 600;
  transition: color 0.3s ease;
}

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

@media (max-width: 1024px) {
  .l2da76 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (max-width: 640px) {
  .l75 {
    font-size: 0.75rem;
  }
  
  .d0c {
    border-radius: var(--radius-md);
  }
  
  .article-meta-details-best-walking-routes-flower-badges {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}

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

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

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

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

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

.f607 {
  width: 100%;
}

.kd68f {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-primary) 100%);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

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

.nbddc2 a:hover {
  color: #86efac;
  text-decoration: underline;
}

.nbddc2 span {
  color: rgba(255, 255, 255, 0.4);
}

.nbddc2 span:last-child {
  color: rgba(255, 255, 255, 0.6);
}

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

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

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

.mfa {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.mc075a {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.5;
}

.meb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: rgba(255, 255, 255, 0.7);
}

.o40c748 {
  color: rgba(255, 255, 255, 0.7);
}

.fb3 {
  color: rgba(255, 255, 255, 0.4);
}

.gedecf {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

  .ne5e,
  .pd26 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.a9a2d46 {
  width: clamp(80px, 12vw, 120px);
  height: clamp(80px, 12vw, 120px);
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 3px solid var(--color-accent);
}

.ldf {
  flex: 1;
}

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

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

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

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

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

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

  .a9a2d46 {
    margin: 0 auto;
  }
}

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

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

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

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

.bc12 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.pa7d478 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
}

.a6897a {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

.gabe21a img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

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

  .ded,
  .gabe21a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.p595137c {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

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

.cbe55d2 {
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: clamp(1.5rem, 2vw, 2rem);
}

.hd2cf {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

.pc0 img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.d21c0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.g703364 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

.ofc91b8 {
  background: rgba(255, 255, 255, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  backdrop-filter: blur(10px);
}

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

.bf3f {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  color: var(--color-secondary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  line-height: 1.3;
}

.c28a {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

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

  .pc0,
  .d226 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b8393a {
  background: #fef3c7;
  border-left: 5px solid #f59e0b;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  max-width: 800px;
}

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

.f796b {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #78350f;
  line-height: 1.6;
}

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

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

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

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

.m8fb604 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.be52c {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

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

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

.g2764e {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: #ffffff;
}

.k218 {
  flex: 1;
}

.nb8e03 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  color: var(--color-secondary);
  margin-bottom: clamp(0.375rem, 0.75vw, 0.5rem);
  line-height: 1.3;
}

.j00dce {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.6;
}

.b37 img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

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

  .c22f74,
  .b37 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.j93829 img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

  .j93829,
  .f549e943 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.b4c6ed {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

.ped {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.5;
}

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

.i57f {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.i57f:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.k25f2c6 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  overflow: hidden;
}

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

.i57f:hover .k25f2c6 img {
  transform: scale(1.05);
}

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

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

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

.hc20 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: auto;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

.d878a19f {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3);
}

.d878a19f:hover {
  background: var(--color-accent-hover);
  box-shadow: 0 6px 20px rgba(5, 150, 105, 0.4);
  transform: translateY(-2px);
}

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  color: var(--color-text-secondary);
  background: var(--color-bg-primary);
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

.bd920dca {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-bg-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  opacity: 0.95;
}

.b5838 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
}

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

.g541c1 {
  color: var(--color-secondary);
  opacity: 0.6;
}

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

.bb398d img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.lc1 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
}

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

.lc1 a:hover {
  color: var(--color-bg-secondary);
  text-decoration: underline;
}

.lc1 span {
  color: var(--color-secondary);
  opacity: 0.7;
}

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

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

.o426 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.l80f1187 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

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

.d14f20c img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

.m7d6 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  border-top: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

.m7d6:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.hbbf {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  color: #ffffff;
  font-size: 24px;
  flex-shrink: 0;
}

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

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

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

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

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

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

.a32 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.a32:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

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

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

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

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

.m081 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

.a7d4 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

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

.pc0492c img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
  display: block;
  object-fit: cover;
}

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

.b0de {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: #fff9e6;
  border-left: 4px solid #f59e0b;
  border-radius: clamp(0.5rem, 1.5vw, 1rem);
}

.l6d7d48 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f59e0b;
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

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

.k5f67 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #d97706;
  margin: 0;
  line-height: 1.3;
}

.n4e0 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: #78350f;
  line-height: 1.6;
}

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

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

.c256 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  line-height: 1.3;
}

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

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

.lfb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: #ffffff;
  border-radius: clamp(0.375rem, 1vw, 0.75rem);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.lfb:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(5, 150, 105, 0.3);
  text-decoration: none;
}

@media (max-width: 768px) {
  .p0b00a,
  .a7c,
  .pd2,
  .b69af,
  .lcd94f {
    flex-direction: column;
  }

  .ae78ef,
  .bb398d,
  .d8e9,
  .l80f1187,
  .ma72f9,
  .d14f20c,
  .gf649578,
  .a7d4,
  .kb64,
  .pc0492c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j2423a {
    flex-direction: column;
  }

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

  .ff467 {
    flex-direction: column;
  }

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

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

  .lc1 {
    font-size: clamp(0.75rem, 0.8vw + 0.4rem, 0.875rem);
  }
}

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

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

  .b0de {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.hdec2 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.nbe12 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

  .a935d,
  .mc97 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b485 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

.ka3f51a0 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gd3ad,
  .iaaf7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.p83 strong {
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

  .fa1e1,
  .ff99a45 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .j1274,
  .ea5b59a {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .c00,
  .n5e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .pff826,
  .m5e5 {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

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

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

.g3200 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

.a7e:hover .ee2 {
  transform: scale(1.05);
}

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

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

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

.a9167 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

.ec5e3 {
  background: var(--color-bg-secondary);
  font-family: var(--font-primary);
}

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

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

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

.c9b0a5 {
  text-align: center;
  max-width: 720px;
}

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

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

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

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

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

.m04d44 {
  text-align: center;
}

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

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

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

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

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

.fc35 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

.ba3e13f {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 400px;
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

.heb {
  text-align: center;
}

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

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

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

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

.d60 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  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: 1rem;
  transition: all 0.3s ease;
}

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

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

.oae {
  font-size: 2.5rem;
  color: var(--color-primary);
}

.j84b1 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

.k3ac {
  text-align: center;
}

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

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

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

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

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

.k69f {
  text-align: center;
}

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

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

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

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

.k4e43 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 400px;
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.kbf51 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

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

.l1363 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 60px;
  text-align: center;
  font-family: var(--font-heading);
}

.k54ccf1c h4 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .ndd5494,
  .i112f {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

  .b0ddcd {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .l1363 {
    min-width: 50px;
  }
}

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

.nd788d {
  flex: 1 1 50%;
  width: 100%;
}

.p4e57 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 8px;
}

.g75ee {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

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

.g44 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
}

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

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

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

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

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

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

.d3dffe9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
}

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

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

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

.naa {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-secondary);
  flex-shrink: 0;
  min-width: 80px;
}

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

.m07ea {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
}

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

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

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

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

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

.l87012 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
}

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

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

.n8f5 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.m0b5f5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

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

.k5034 {
  text-align: center;
}

.c8ed {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
}

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

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

.f2a50b3 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: rgba(16, 185, 129, 0.1);
  border-radius: 8px;
  border-left: 4px solid var(--color-secondary);
}

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

@media (min-width: 1024px) {
  .f2a50b3 {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

.a737231e {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-secondary);
}

.m0e32d43 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
}

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

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

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

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

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

.ffc15 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
}

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

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

.e2e {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: rgba(5, 150, 105, 0.08);
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

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

.e2e:hover {
  background: rgba(5, 150, 105, 0.12);
  border-color: var(--color-secondary);
  transform: translateY(-4px);
}

.k5ba5 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
  line-height: 1.4;
}

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

.pbaab3 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-secondary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  width: fit-content;
}

.pbaab3:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.pbaab3 i {
  font-size: 0.85em;
}

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

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

.o4a23 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  max-width: 700px;
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(16, 185, 129, 0.12);
  border-radius: 12px;
  border: 1px solid rgba(16, 185, 129, 0.25);
}

.ge4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-secondary);
  font-weight: 700;
}

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

.cf479d,
.hf21e8d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  width: fit-content;
}

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

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

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

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

@media (max-width: 767px) {
  .o4a23 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .cf479d,
  .hf21e8d {
    width: 100%;
    text-align: center;
  }
}

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

.g36fe84 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.g71d {
  max-width: 900px;
  margin: 0 auto;
}

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

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

@media (min-width: 768px) {
  .g36fe84 {
    padding: 4rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g36fe84 {
    padding: 5rem var(--spacing-2xl);
  }
}

.cbe905 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.h691e7 {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

  .cbe905 {
    padding: 4rem var(--spacing-lg);
  }
}

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

  .cbe905 {
    padding: 5rem var(--spacing-2xl);
  }
}

.ha6d {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

.aeb {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

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

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

.a4cc324 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .pb7b196 {
    height: 220px;
  }

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

@media (min-width: 1024px) {
  .pb7b196 {
    height: 240px;
  }
}

.g4fc7224 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

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

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

.m7fb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color 0.3s ease, transform 0.2s ease;
  border: none;
  cursor: pointer;
}

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

.m7fb:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .g4fc7224 {
    padding: 4rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g4fc7224 {
    padding: 5rem var(--spacing-2xl);
  }
}

@media (max-width: 767px) {
  .ha6d:active {
    transform: translateY(-2px);
  }
}

.pd3ca {
  width: 100%;
}

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

.l56 {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

.p9d211 {
  max-width: 1200px;
  margin: 0 auto;
}

.kb84 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

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

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

.g82 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.g82:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.a08b {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
}

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

.ma33a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.ddcbcf34 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ddcbcf34 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.5;
}

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

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

.o87fd8 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

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

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

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

.keb0a2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.g9f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color 0.3s ease, transform 0.2s ease;
  border: none;
  cursor: pointer;
  width: fit-content;
}

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

.g9f:active {
  transform: translateY(0);
}

.p6089984 {
  display: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.p6089984 img {
  width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  .p6089984 {
    display: block;
  }
}

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

  .i7a4d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e1282b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

.dccfe main {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}

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

.dccfe .p5a1a5 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
}

.dccfe h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  padding: 0;
  line-height: 1.2;
}

.dccfe .c10e62 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  display: block;
  padding: 0;
}

.dccfe h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: var(--spacing-2xl) 0 var(--spacing-md) 0;
  padding: 0;
  line-height: 1.3;
}

.dccfe p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
  padding: 0;
}

.dccfe ul,
.dccfe ol {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.dccfe li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.dccfe section {
  margin-bottom: var(--spacing-2xl);
}

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

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

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

.dccfe .g64bda80 strong {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .dccfe .p691fb {
    padding: var(--spacing-lg);
  }

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

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

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

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

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

.nacc6e04 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.p5a1a5 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.j88c64 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.hbe9c {
  font-size: clamp(3rem, 12vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: iconPulse 0.8s ease-out;
}

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

.b327 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin-top: var(--spacing-md);
}

.ced0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-top: var(--spacing-md);
}

.ced0:first-of-type {
  margin-top: var(--spacing-lg);
}

.d954e2 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
}

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

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

.oc0a90d:active {
  transform: translateY(0);
}

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

@keyframes iconPulse {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .nacc6e04 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

@media (min-width: 768px) {
  .nacc6e04 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

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

.g0e9 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mda51b {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.mda51b::before {
  content: '';
  position: absolute;
  top: -20%;
  right: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}

.mda51b::after {
  content: '';
  position: absolute;
  bottom: -15%;
  left: -5%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.08;
  z-index: 0;
  pointer-events: none;
}

.p691fb {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  position: relative;
  z-index: 1;
}

.p5a1a5 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p2d {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.c23d {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-xl);
}

.hc9f48 {
  position: relative;
  width: clamp(200px, 60vw, 300px);
  height: clamp(200px, 60vw, 300px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.o2282aae {
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: float 3s ease-in-out infinite;
  position: relative;
  z-index: 2;
}

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

.be90 {
  position: absolute;
  opacity: 0.6;
  animation: sway 4s ease-in-out infinite;
}

.ie14 {
  width: 60px;
  height: 60px;
  top: -20px;
  right: 20px;
  background-color: var(--color-primary);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  animation-delay: 0s;
}

.eb9be44 {
  width: 50px;
  height: 50px;
  bottom: 30px;
  left: 10px;
  background-color: var(--color-secondary);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  transform: rotate(120deg);
  animation-delay: 0.5s;
}

.o259 {
  width: 55px;
  height: 55px;
  top: 50%;
  right: -30px;
  background-color: var(--color-primary-light);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  transform: rotate(240deg);
  animation-delay: 1s;
}

@keyframes sway {
  0%, 100% {
    transform: rotate(0deg) translateX(0);
  }
  50% {
    transform: rotate(10deg) translateX(10px);
  }
}

.a05 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out;
}

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

.a05 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0;
}

.o34 {
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  margin: 0;
  line-height: 1.5;
}

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

.j24 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: var(--spacing-xl) 0 0 0;
}

.d954e2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
  min-height: 48px;
}

.oc0a90d {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.oc0a90d:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.f17 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.f235f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.f235f:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  transform: translateY(-4px);
}

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

.f235f p {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

@media (min-width: 640px) {
  .mda51b {
    padding: var(--spacing-2xl);
  }

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

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

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

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

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

  .f235f:hover {
    transform: translateY(-6px);
  }
}

@media (max-width: 639px) {
  .p2d {
    gap: var(--spacing-xl);
  }

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

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

  .f235f {
    min-height: auto;
  }
}

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

.ma2064 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.d1cb2e {
  width: 100%;
}

.ma2064 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p128f0fd {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
}

.k1e277 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  max-width: 600px;
}

@media (min-width: 768px) {
  .ma2064 {
    padding: var(--spacing-2xl) 0;
  }

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

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

.dd35a3 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.de5db2d3 {
  width: 100%;
}

.c4699086 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
}

.g08b0e6b {
  flex: 1 1 100%;
  min-width: 0;
}

.a58745 {
  flex: 1 1 100%;
  min-width: 0;
}

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

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

.j4dd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.h0f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.j5eb0efe {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.ffa9,
.e1c2b8 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

.ffa9::placeholder,
.e1c2b8::placeholder {
  color: var(--color-text-muted);
}

.ffa9:focus,
.e1c2b8:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.e1c2b8 {
  min-height: 140px;
  resize: vertical;
}

.g060bdf8 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.d72cf87 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

.pca {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

.e2de1 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

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

.e2de1:active {
  transform: translateY(0);
}

.ibee2f63 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.i56af032 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
}

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

.nca6b1 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.k38b7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.k38b7 i {
  font-size: 1.25rem;
  color: var(--color-primary);
}

.cd70aa {
  flex: 1;
}

.e38fc021 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

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

.d73463 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-secondary);
}

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

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

.j1d8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--color-border-light);
}

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

.pb25b2e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.a156 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
}

.m31e93 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

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

.m31e93 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.m31e93 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.a03 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

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

.a03:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .dd35a3 {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.c53d4,.n09{width:34px;}
.c53d4[aria-expanded="true"]{display:none;}
.p16.md59ce5{z-index:999;}
.p16{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.p16{max-width:100%;}}
.f11e4{justify-content:flex-end;}
@media (max-width:768px){.m33b7f0{min-height:500px;}}