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

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

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f0fdf4;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-primary-lighter: #ecfdf5;

  --color-secondary: #10b981;
  --color-secondary-light: #a7f3d0;
  --color-secondary-lighter: #f0fdf4;

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

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

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Raleway', 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-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);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;

  
  --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,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

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

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

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

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

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

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

p {
  margin: 0;
  line-height: 1.6;
  font-size: 1rem;
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.k13d5 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

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

.k13d5 p {
  color: var(--color-text-light-secondary);
}

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

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

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

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

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

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

.k0e1d5 {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fa49 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.jdf19f {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.f085d {
  text-align: center;
}

.a6a {
  text-align: left;
}

.j3c5f6 {
  text-align: right;
}

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

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

.md0c1 {
  font-weight: 700;
}

.g62 {
  font-weight: 600;
}

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

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

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

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

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

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

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

.n5038 {
  opacity: 0.5;
}

.dc5 {
  opacity: 0.75;
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .cd4e,
  .g5f9,
  .e6e325 {
    grid-template-columns: 1fr;
  }

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

  .de421a1,
  .l3ee0c2,
  .k13d5 {
    padding: var(--spacing-2xl) 0;
  }
}
.n5a98f {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  width: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

.l3f0b1d:hover {
  opacity: 0.8;
}

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

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

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

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

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

.gb40 {
  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.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.mfcb {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}

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

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

.gf42eca.h717f0 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g123 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  height: 70px;
}

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

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

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

.a99678 {
  padding: 1.25rem 1.5rem;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.a99678:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.g04 {
  padding: 1rem 1.5rem;
  margin: 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  display: block;
}

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

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

  .gb40 {
    display: block;
  }

  .mfcb {
    display: none;
  }

  .gf42eca {
    display: none;
  }
}

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

    .ma7fba2 {
  width: 100%;
}

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

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

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

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

.e95968 {
  text-align: center;
}

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

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

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

.ha47317 {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--radius-lg);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 auto;
  transition: all var(--transition-base) ease;
  min-width: 140px;
}

.lb528e {
  transform: rotate(-2deg);
}

.j014d04 {
  transform: rotate(1deg);
}

.d4cf270 {
  transform: rotate(-1deg);
}

.l265c6 {
  transform: rotate(2deg);
}

.ha47317:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.4);
}

.ha47317 i {
  color: var(--color-secondary);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.d4c25225 {
  color: var(--color-text-light);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-align: center;
  font-weight: 500;
}

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

.ob8dc,
.m58f4 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

.m58f4 {
  background: transparent;
  color: var(--color-text-light);
  border: 2px solid var(--color-text-light);
}

.m58f4:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}

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

  .ha47317 {
    flex: 1 1 100%;
    min-width: unset;
  }

  .lb528e,
  .j014d04,
  .d4cf270,
  .l265c6 {
    transform: rotate(0deg);
  }
}

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

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

.m735 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.p5e0 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

  .na9b,
  .p4c {
    flex: 1 1 100%;
  }
}

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

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

.c78b {
  text-align: center;
}

.ac4fa {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.2;
}

.gb7 {
  color: var(--color-text-light-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;
}

.n5b5cae {
  display: block;
  text-decoration: none;
  color: inherit;
}

.o9fd5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: stretch;
  text-decoration: none;
  color: inherit;
  transition: all var(--transition-base) ease;
}

.o9fd5:hover {
  opacity: 0.9;
}

.o6828f2 {
  flex: 1 1 50%;
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.o7ea {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

.md6a {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  transition: all var(--transition-base) ease;
}

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

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

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

.md6a:hover .h42dc img {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .o7ea {
    flex: 1 1 100%;
  }

  .fa63f {
    flex-direction: column;
  }

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

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

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

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

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

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

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

.p59c {
  text-align: center;
}

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

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

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

.bab0d2 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base) ease;
}

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

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

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

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

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

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

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

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

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

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

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

.addc03.d2f {
  display: none;
}

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

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

.afd86,
.a5d2c78 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  font-family: var(--font-primary);
}

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

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

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

.a5d2c78:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 640px) {
  .addc03 {
    flex-direction: column;
    align-items: stretch;
  }

  .dfdd3 {
    min-width: unset;
    flex: 1 1 100%;
  }

  .l0a {
    flex: 1 1 100%;
    justify-content: stretch;
  }

  .afd86,
  .a5d2c78 {
    flex: 1;
  }
}

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

  .ob8dc,
  .m58f4 {
    width: 100%;
  }

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

  .l351a {
    flex-direction: column;
  }

  .l351a .ob8dc,
  .l351a .m58f4 {
    width: 100%;
  }
}

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

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

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

.b50 {
  display: block;
}

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

.b50 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  max-width: 420px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cfff5 {
  display: block;
}

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

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

.lb3 li {
  display: block;
}

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

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

.oa6b3b {
  display: block;
}

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

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

.gd52 {
  display: block;
}

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

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

.l6a li {
  display: block;
}

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

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

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

.b40 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l1962d {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .cfff5 {
    flex: 1 1 200px;
    min-width: 200px;
  }

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

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

  .i93b73f0 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2rem);
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

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

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

@media (max-width: 767px) {
  .lb3,
  .l6a {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}
    

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

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

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

.g63f680e {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o2d1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a3d53d0 {
  text-align: center;
}

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

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

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

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

.jf8b161e {
  flex: 1 1 320px;
  max-width: 420px;
}

.md41 {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: var(--radius-sm);
}

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

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

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

.cc51e {
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.cc51e i {
  color: var(--color-accent);
  font-size: 0.85em;
}

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

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

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

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

.p8f3b80c {
  text-align: center;
}

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

.h87 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 2vw, 1.25rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a6d5cd {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.f2ce8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  cursor: pointer;
  user-select: none;
  transition: all var(--transition-base) ease;
}

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

.a6d5cd details[open] .f2ce8 {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

.c37a7f {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

  .f2ce8 {
    padding: 1rem;
  }

  .c37a7f {
    padding: 0 1rem 1rem 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ga5 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: none;
  }

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

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

  .jf8b161e {
    flex: 1 1 320px;
    max-width: 420px;
  }
}

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

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

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

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

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

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

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

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

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

  .i5e1c5 {
    flex: 1 1 45%;
  }

  .lf9860 {
    flex: 1 1 45%;
  }

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

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

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

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

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

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

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

    .i5e1c5 {
      flex: 1 1 100%;
    }

    .lf9860 {
      flex: 1 1 100%;
    }

    .kce7002 {
      gap: 1rem;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .bd86b {
    background: rgba(255, 255, 255, 0.1);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .d841 {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
    font-weight: 700;
    font-family: var(--font-heading);
  }

  .e72 {
    flex: 1;
  }

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

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

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

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

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

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

    .d841 {
      width: 45px;
      height: 45px;
      font-size: 1.125rem;
    }
  }

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

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

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

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

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

  .mcf5d {
    flex: 0 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 250px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2rem);
    box-shadow: var(--shadow-sm);
  }

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

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

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

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

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

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

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

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

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

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

  .j921 {
    background: rgba(255, 255, 255, 0.1);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: var(--radius-md);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .j57 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 900px;
    margin: 0 auto;
  }

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

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

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

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

  .a71 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
    margin: 0 auto;
  }

  .p1e3e {
    background: rgba(255, 255, 255, 0.1);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 2vw, 2rem);
    align-items: flex-start;
  }

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

  .a81 {
    flex: 1;
  }

  .j090 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
    color: var(--color-accent);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
  }

  .a591 {
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    color: var(--color-text-light);
    font-weight: 700;
    margin-bottom: 0.25rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .k93f084d {
      flex: 1 1 100%;
      min-width: unset;
    }

    .p1e3e {
      gap: 1rem;
    }

    .c11b {
      width: 80px;
      height: 80px;
    }
  }

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

    .e0eb841 {
      gap: 1.5rem;
    }

    .g8f78 {
      gap: 1.5rem;
    }

    .i5bb9 {
      gap: 1.5rem;
    }

    .j2b {
      gap: 1.5rem;
    }

    .p4d {
      font-size: 0.75rem;
      gap: 0.25rem;
    }
  }

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

.j671 {
  width: 100%;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
}

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

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

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

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

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

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

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

.i8d19f1 {
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

.ia0a {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

  .mee,
  .h228b14 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.a0db8dc {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  text-align: center;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.a0db8dc i {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.a0db8dc h3 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Raleway', sans-serif;
}

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

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

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

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

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

.mcf8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Raleway', sans-serif;
}

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

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

.med {
  display: flex;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: 0.75rem;
  border-left: 4px solid var(--color-accent);
}

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

.e7ef2937 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-family: 'Raleway', sans-serif;
}

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

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

.mb01 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
  border: 1px solid var(--color-border-light);
}

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

  .j0bca,
  .if71 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.g13f1 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
}

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

.d85 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  font-family: 'Raleway', sans-serif;
}

.pa78 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.8;
}

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

.e10b3 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.7;
  padding-left: 1.5rem;
  position: relative;
}

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

.b13561 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.1);
  border-left: 3px solid var(--color-secondary);
  border-radius: 0.5rem;
}

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

  .a59f3,
  .b2a9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.d27 {
  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;
  text-align: center;
}

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

.e2a53130 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

.e2a53130:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(5, 150, 105, 0.12);
  border-color: var(--color-accent);
}

.iffc {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-accent);
}

.i89b994 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Raleway', sans-serif;
}

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

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

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

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

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

.b9bb {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Raleway', sans-serif;
}

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

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

.a953 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: 'Raleway', sans-serif;
}

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

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

.pf455 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 1rem;
  display: block;
  border: 1px solid var(--color-border-light);
}

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

  .p6facc,
  .h020b78 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ee78ac9d {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  background: #f9f3f0;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  border-left: 4px solid var(--color-accent);
}

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

.d698fc21 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-family: 'Raleway', sans-serif;
}

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

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

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

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

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

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

.o27dff6 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  transition: all 0.3s ease;
}

.l43f61 {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.o27dff6:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(5, 150, 105, 0.15);
  border-color: var(--color-accent);
}

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

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

.o27dff6:hover .j915f8 img {
  transform: scale(1.05);
}

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

.nb44b2 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  font-family: 'Raleway', sans-serif;
}

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

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

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

.f7d {
  max-width: 350px;
  margin: 0 auto;
}

.p4b06 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  align-items: center;
}

.e9dd {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
  display: block;
}

.a1eef1 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: 'Raleway', sans-serif;
}

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

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

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

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

@media (min-width: 1024px) {
  .f7d {
    position: sticky;
    top: 2rem;
  }
}

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

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

  .mf0d {
    justify-content: center;
  }

  .med {
    gap: 0.75rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g40a03 {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

  .hd7,
  .d4d3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k5327ac,
  .o2de925 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .ec1a,
  .nec68 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.o778 {
  flex: 1 1 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.p5d4 {
  flex: 1 1 70%;
  max-width: 70%;
}

.h31 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

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

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

.k283c47 {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

.ab0bb9e {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

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

  .h31 {
    flex: 1 1 100%;
    max-width: 100%;
    position: relative;
    top: auto;
  }
}

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

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

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

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

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

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

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

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

.ge28c:hover .e0d6 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

@supports (font-variation-settings: normal) {
  html {
    font-feature-settings: "kern" 1;
  }
}

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

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

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

.padd32 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.m51fb {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: center;
  min-height: 400px;
}

.da0251 {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

.c54872 i {
  color: var(--color-accent);
  font-size: 1em;
}

.d75a6 {
  flex: 1 1 50%;
  height: 100%;
  min-height: 400px;
  overflow: hidden;
}

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

@media (max-width: 768px) {
  .m51fb {
    flex-direction: column;
    min-height: auto;
  }

  .da0251 {
    flex: 1 1 100%;
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

  .bd20bd43 {
    gap: 1rem;
  }
}

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

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

.i44e3c9a {
  flex: 1 1 55%;
}

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

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

.d48e {
  flex: 1 1 45%;
}

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

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

.od1331 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

.o6593::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.1em;
}

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

  .i44e3c9a {
    flex: 1 1 100%;
  }

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

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

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

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

.a93d {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw, 2.1rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.d309 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw, 2.1rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

  .if3a,
  .o6016d,
  .p4b6b61,
  .h4cb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.ec95e54 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  align-items: flex-start;
}

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

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

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

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

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

.gd3c19 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  color: var(--color-text-light);
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

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

.h94740 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

.od9 {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

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

.o05e {
  flex: 1 1 65%;
}

.a4fde {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw, 2.1rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
}

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

.m0dac446 {
  flex: 1 1 35%;
  position: sticky;
  top: 2rem;
}

.oe6e {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  box-shadow: var(--shadow-md);
}

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

.f4e {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

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

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

.ea4241 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-align: center;
  font-style: italic;
}

.edc {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .o05e {
    flex: 1 1 100%;
  }

  .m0dac446 {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }
}

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

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

.f5389 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw, 2.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

.le03b {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.6;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k954075 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

.d26576f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

.oacc9f {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw, 2.1rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  font-family: 'Open Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-secondary);
}

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

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

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

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

.h0f8c {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

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

.o3271 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 1rem, 4rem);
  line-height: 1.1;
}

.n3b34 {
  color: var(--color-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
}

.df343 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  max-width: 700px;
  line-height: 1.7;
}

.j20b {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

@media (min-width: 768px) {
  .o29fcbe3 {
    flex-direction: row;
    align-items: center;
  }

  .e5fe5 {
    flex: 1 1 45%;
  }

  .j20b {
    flex: 1 1 50%;
    max-height: 500px;
  }
}

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

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

.kb0a {
  color: var(--color-secondary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
}

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

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

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

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

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

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

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

.i89a82 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
}

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

.f2f {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-secondary);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 380px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.f2f:hover {
  transform: translateY(-4px);
  box-shadow: 0 15px 35px rgba(5, 150, 105, 0.15);
}

.hb0 {
  color: var(--color-secondary);
  font-size: clamp(2rem, 4vw, 2.5rem);
  width: fit-content;
}

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

.jae9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1rem);
  line-height: 1.6;
}

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

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

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

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

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

.ee2b0754 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
}

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

.b8245699 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.m3cbf {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  max-height: 450px;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

  .b8245699 {
    flex: 1 1 100%;
  }

  .m3cbf {
    flex: 1 1 100%;
    max-height: 350px;
  }
}

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

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

.mb9fcb {
  text-align: center;
}

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

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

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

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

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

.nd3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
}

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

.a262f6b {
  background: var(--color-accent);
  color: var(--color-text-primary);
  text-decoration: none;
  padding: clamp(0.9rem, 2vw, 1.2rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  display: inline-block;
  transition: all 0.3s ease;
  width: fit-content;
  margin: 0 auto;
}

.a262f6b:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(5, 150, 105, 0.2);
}

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

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

.o6d {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.e26e5b9 {
  color: var(--color-secondary);
  font-size: 1.5rem;
  margin-top: 2px;
  flex-shrink: 0;
}

.cb0 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 600;
}

.a2ffde {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.4rem, 0.95rem);
  line-height: 1.7;
}

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

  .f2f {
    flex: 1 1 100%;
  }

  .o3271 {
    text-align: center;
  }

  .f7096c {
    text-align: center;
  }

  .h6dea7 {
    text-align: center;
  }
}

* {
  box-sizing: border-box;
}

.c748 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  overflow-x: hidden;
}

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

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

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

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

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

.l867 {
  flex: 1 1 45%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

.ac83 {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

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

.ga156 {
  color: var(--color-accent-light);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
}

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

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

.nd44 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.25rem) clamp(1.25rem, 2.5vw, 1.75rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 140px;
}

.lac0b98 {
  color: var(--color-accent-light);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.oc7733f {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

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

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

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

.hcbddde6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base, 0.3s ease);
}

.hcbddde6:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(5, 150, 105, 0.15);
}

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

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

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

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

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

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

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

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

.gc207a8 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base, 0.3s ease);
}

.gc207a8:hover {
  border-color: var(--color-accent-light);
  transform: translateY(-4px);
  background: var(--color-bg-card);
}

.i19d7a {
  color: var(--color-accent-light);
  font-size: clamp(2rem, 4vw, 2.75rem);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 8px;
}

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

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

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

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

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

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

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

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

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

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

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

.f50 {
  color: var(--color-accent-light);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
}

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

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

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

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

.id30a15 {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  font-style: normal;
}

.ce6 {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 100px;
  height: 100px;
  background: rgba(16, 185, 129, 0.05);
  border-radius: 50%;
  pointer-events: none;
}

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

  .e4c {
    flex: 1 1 100%;
  }

  .mb4 {
    flex: 1 1 100%;
  }

  .ce6 {
    display: none;
  }
}

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

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

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

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

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

.p67e6a {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
}

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

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

.f91 {
  background: var(--color-bg-primary);
  border: 2px solid var(--color-accent-light);
  border-radius: 12px;
  padding: clamp(2.5rem, 5vw, 4rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.nf2851 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  transition: all var(--transition-base, 0.3s ease);
  border: 2px solid var(--color-accent-light);
  width: fit-content;
  max-width: 100%;
}

.nf2851:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(5, 150, 105, 0.3);
}

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

  .nf2851 {
    max-width: 300px;
  }
}

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

  .nd44 {
    width: 100%;
  }
}

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

.aa1e00 {
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  overflow: hidden;
}

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

.aa1e00 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.2;
}

.aa1e00 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

.o5e7c6 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

.ia0fe2[aria-expanded="true"] {
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
}

.m0195 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  transition: transform var(--transition-fast);
  flex-shrink: 0;
}

.ia0fe2[aria-expanded="true"] .m0195 {
  transform: rotate(45deg);
  color: var(--color-primary-dark);
}

.aeed {
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: 1.6;
}

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

.aeed[hidden] {
  display: none;
}

.l76f4e9 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  overflow: hidden;
}

.jff {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: center;
}

.l76f4e9 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.2;
}

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

.dfa0 {
  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, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  max-width: 250px;
  margin: 0 auto;
}

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

.dfa0:active {
  transform: translateY(0);
}

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

@media (min-width: 768px) {
  .aa1e00 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-lg);
  }

  .aa1e00 h1 {
    font-size: clamp(2rem, 4vw + 0.5rem, 2.75rem);
  }

  .g25 {
    max-height: 350px;
  }

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

  .l76f4e9 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
    flex-direction: row;
    align-items: center;
  }

  .jff {
    flex: 1;
    text-align: left;
  }

  .dfa0 {
    margin: 0;
    width: fit-content;
  }

  .mdc {
    flex: 1;
    max-height: 300px;
  }

  .ia0fe2 {
    padding: var(--spacing-lg);
    font-size: clamp(1rem, 1.5vw, 1.15rem);
  }

  .aeed {
    padding: var(--spacing-lg);
    font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  }
}

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

  .aa1e00 h1 {
    font-size: 2.75rem;
  }

  .g25 {
    max-height: 400px;
  }

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

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

  .l76f4e9 h2 {
    font-size: 2.25rem;
  }

  .o5e7c6 {
    max-width: 1000px;
  }

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

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

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

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

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

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

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

  .e6acb2d img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: var(--radius-md);
    display: block;
  }

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

    .e6acb2d img {
      max-height: 400px;
      order: 2;
    }

    .k59 {
      order: 1;
    }

    .e6acb2d h1 {
      font-size: clamp(2.5rem, 5vw + 0.5rem, 3.5rem);
    }
  }

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

    .e6acb2d img {
      max-height: 450px;
    }
  }

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

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

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

  @media (min-width: 1024px) {
    .l77e82 {
      grid-template-columns: repeat(3, 1fr);
      padding: 0 var(--spacing-2xl);
    }
  }

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

  .k53223f8:hover {
    box-shadow: var(--shadow-md);
    border-color: var(--color-border);
  }

  .b8668 {
    width: 60px;
    height: 60px;
    background-color: var(--color-primary-light);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: var(--color-primary);
  }

  .k53223f8 h3 {
    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;
    line-height: 1.3;
  }

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

  .k53223f8 img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    display: block;
  }

  .g74b3033 {
    background-color: var(--color-bg-secondary);
    padding: var(--spacing-lg) var(--spacing-md);
    overflow: hidden;
  }

  .oac70 {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
  }

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

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

  .n91661e {
    display: inline-block;
    background-color: var(--color-primary);
    color: var(--color-text-on-accent);
    padding: var(--spacing-sm) var(--spacing-xl);
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
    text-decoration: none;
    transition: background-color var(--transition-base), transform var(--transition-fast);
    border: none;
    cursor: pointer;
    align-self: center;
  }

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

  .n91661e:active {
    transform: translateY(0);
  }

  @media (min-width: 768px) {
    .nea9cfb3 {
      padding: var(--spacing-2xl) var(--spacing-xl);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.mb5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.mb5 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

.mb5 .if3 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-sm);
  margin: var(--spacing-lg) 0;
}

.mb5 .if3 li {
  color: var(--color-text-primary);
}

.mb5 .ne59e0 {
  list-style-type: none;
  padding-left: 0;
}

.mb5 .ne59e0 li {
  padding-left: var(--spacing-lg);
  position: relative;
  margin-bottom: var(--spacing-md);
}

.mb5 .ne59e0 li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

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

  .mb5 h2 {
    margin-top: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .mb5 .p1c3ee {
    padding: 0 var(--spacing-xl);
  }

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

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

html,
body {
  width: 100%;
  height: 100%;
}

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

.n6f {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.kdb0c033 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.b5643 {
  margin-bottom: var(--spacing-xl);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.iff {
  width: clamp(80px, 20vw, 120px);
  height: clamp(80px, 20vw, 120px);
  display: block;
}

.n33e {
  stroke: var(--color-success);
  stroke-width: 2;
  stroke-linecap: round;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.bf3c3f {
  stroke: var(--color-success);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.4s forwards;
}

@keyframes stroke {
  0% {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
  }
  100% {
    stroke-dasharray: 60;
    stroke-dashoffset: 0;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.idc405 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 500;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.d84d78 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.d84d78:last-of-type {
  margin-bottom: var(--spacing-2xl);
}

.c895 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  white-space: nowrap;
  min-height: 44px;
  min-width: 120px;
}

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

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

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

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

@media (min-width: 640px) {
  .n6f {
    padding: var(--spacing-2xl);
  }

  .kdb0c033 {
    margin: var(--spacing-xl) 0;
  }

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

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

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

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

  .d84d78:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }
}

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

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

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

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

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

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

  .p1c3ee {
    padding: 0;
  }

  .kdb0c033 {
    margin: var(--spacing-2xl) 0;
  }

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

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

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

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

  .d84d78:last-of-type {
    margin-bottom: var(--spacing-3xl);
  }

  .c895 {
    padding: 1rem var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kdb0c033 {
    animation: none;
  }

  .n33e,
  .bf3c3f {
    animation: none;
  }

  .g9278d97:hover {
    transform: none;
  }

  .g9278d97:active {
    transform: none;
  }
}

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

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

.m272 .p1c3ee,
.n6f .p1c3ee {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.g4f4 {
  max-width: 800px;
  width: 100%;
  display: flex; flex-direction: column;
}

.h190 {
  position: relative;
  text-align: center;
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
}

.b1266 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 20vw, 12rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
  text-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  animation: float-code 3s ease-in-out infinite;
}

@keyframes float-code {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

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

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

.of30a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c895 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: var(--spacing-xl);
}

.g9278d97 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.p1b3c0ac {
  position: absolute;
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-secondary);
  opacity: 0.4;
  z-index: 0;
  pointer-events: none;
}

.b7293abb {
  top: -20px;
  left: -30px;
  animation: flutter-left 4s ease-in-out infinite;
}

.cf1b1 {
  bottom: 40px;
  right: -30px;
  animation: flutter-right 5s ease-in-out infinite;
  transform: scaleX(-1);
}

@keyframes flutter-left {
  0%, 100% {
    transform: translateY(0px) rotate(-15deg);
  }
  50% {
    transform: translateY(30px) rotate(15deg);
  }
}

@keyframes flutter-right {
  0%, 100% {
    transform: translateY(0px) scaleX(-1) rotate(15deg);
  }
  50% {
    transform: translateY(-30px) scaleX(-1) rotate(-15deg);
  }
}

.p1b3c0ac svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

.b02da9 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  opacity: 0.3;
  pointer-events: none;
  overflow: hidden;
}

.od01b {
  position: absolute;
  bottom: 0;
  width: 2px;
  background-color: var(--color-secondary);
  transform-origin: bottom center;
}

.p03e30 {
  left: 10%;
  height: 40px;
  animation: sway 3s ease-in-out infinite;
}

.p8be {
  left: 50%;
  height: 35px;
  animation: sway 3.5s ease-in-out infinite 0.2s;
}

.e12f7cfe {
  left: 85%;
  height: 45px;
  animation: sway 3s ease-in-out infinite 0.4s;
}

@keyframes sway {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(3deg);
  }
}

.l636 {
  position: absolute;
  bottom: 35px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-accent);
  opacity: 0.6;
}

.n00020 {
  left: 15%;
  animation: bloom 4s ease-in-out infinite;
}

.jf8 {
  left: 50%;
  animation: bloom 4.5s ease-in-out infinite 0.3s;
}

.f88b {
  left: 80%;
  animation: bloom 4s ease-in-out infinite 0.6s;
}

@keyframes bloom {
  0%, 100% {
    transform: scale(0.8);
    opacity: 0.4;
  }
  50% {
    transform: scale(1.2);
    opacity: 0.8;
  }
}

@media (min-width: 640px) {
  .h190 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .b7293abb {
    top: -40px;
    left: -50px;
  }

  .cf1b1 {
    bottom: 60px;
    right: -50px;
  }
}

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

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

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

  .b7293abb {
    top: -60px;
    left: -80px;
  }

  .cf1b1 {
    bottom: 80px;
    right: -80px;
  }
}

@media (min-width: 1024px) {
  .p1c3ee {
    padding: 0 var(--spacing-xl);
  }

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

  .p1b3c0ac {
    width: 140px;
    height: 140px;
  }

  .b7293abb {
    top: -80px;
    left: -100px;
  }

  .cf1b1 {
    bottom: 100px;
    right: -100px;
  }

  .b02da9 {
    height: 120px;
  }

  .p03e30 {
    height: 60px;
  }

  .p8be {
    height: 55px;
  }

  .e12f7cfe {
    height: 65px;
  }

  .l636 {
    bottom: 50px;
    width: 8px;
    height: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .b1266,
  .b7293abb,
  .cf1b1,
  .od01b,
  .l636 {
    animation: none;
  }

  .g9278d97:hover {
    transform: none;
  }
}

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

.ca945b {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.h832413 {
  text-align: center;
}

.c041 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.c4a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.i6994b {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.ja8 {
  width: 100%;
}

.j2bd {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

.h8f {
  flex: 1 1 100%;
  min-width: 0;
}

.jcc82ac8 {
  flex: 1 1 100%;
  min-width: 0;
}

.ncea {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.n4ab5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
}

.cd840 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.p7b7bc {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.c71a0a,
.o5b5b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.c71a0a:focus,
.o5b5b:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.c71a0a::placeholder,
.o5b5b::placeholder {
  color: var(--color-text-muted);
}

.o5b5b {
  min-height: 140px;
  resize: vertical;
}

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

.i47 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1rem);
  font-weight: 600;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.i47:active {
  transform: translateY(0);
}

.m56e5b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
}

.h1f631f {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

.h1f631f:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

.n218 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-md);
  transition: all var(--transition-base);
}

.n218:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-secondary);
}

.a362 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.g5bf {
  flex: 1;
  min-width: 0;
}

.jd63 {
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
}

.c233 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  display: block;
}

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

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

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

.l9ef33 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

.g637edfe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

.g637edfe:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .ca945b {
    padding: 4rem var(--spacing-md);
  }

  .i6994b {
    padding: 4rem var(--spacing-md);
  }

  .j2bd {
    gap: 4rem;
  }

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

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

@media (min-width: 1024px) {
  .ca945b {
    padding: 6rem var(--spacing-md);
  }

  .i6994b {
    padding: 6rem var(--spacing-md);
  }

  .j2bd {
    gap: 5rem;
  }

  .h8f {
    flex: 0 1 45%;
  }

  .jcc82ac8 {
    flex: 0 1 45%;
  }

  .c4a {
    font-size: 1.1rem;
  }
}

html{scroll-padding-top:80px;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.mfcb,.f1b9f1{width:34px;}
.mfcb[aria-expanded="true"]{display:none;}
.gf42eca.h717f0{z-index:999;}
.gf42eca{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.gf42eca{max-width:100%;}}
.oe8{justify-content:flex-end;}