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

:root {
  --color-bg-primary: #fff7ed;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #0c0a09;
  --color-bg-card: #ffffff;

  --color-text-primary: #431407;
  --color-text-secondary: #78350f;
  --color-text-muted: #8b663f;

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-light: #fcd5c8;
  --color-secondary: #f97316;
  --color-secondary-light: #fed7aa;

  --color-success: #16a34a;
  --color-warning: #eab308;
  --color-danger: #dc2626;

  --color-border: #e5ddd5;
  --color-border-light: #f3e8df;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', serif;

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

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

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

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);

  
  --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: #ffffff;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
  font-size: 1rem;
}

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.7;
}

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

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

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

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

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

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

button.h9428:hover {
  background: #d65a0c;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

.ba9ab p,
.ba9ab li {
  color: #f5f5f5;
}

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

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

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

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

.kc5 {
  background: #1a1a1a;
  color: #ffffff;
}

.kc5 h3,
.kc5 h4 {
  color: #ffffff;
}

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

.a63 {
  color: var(--color-secondary);
}

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

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

.h054307 {
  background: var(--color-border-light);
}

.ba9ab .mb2d {
  background: rgba(255, 255, 255, 0.2);
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-md);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  transition: border-color var(--transition-base);
}

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

input::placeholder, textarea::placeholder {
  color: var(--color-text-secondary);
}

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

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

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

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

.bd16db {
  display: flex;
  gap: var(--spacing-lg);
}

.ba202 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
}

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

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

.l45c {
  opacity: 0.75;
}

.ed024 {
  opacity: 0.5;
}

.a9ae38 { margin-top: var(--spacing-xs); }
.g1d79a1 { margin-top: var(--spacing-sm); }
.k3c { margin-top: var(--spacing-md); }
.fad6 { margin-top: var(--spacing-lg); }
.hdd1b8b3 { margin-top: var(--spacing-xl); }
.cbe { margin-top: var(--spacing-2xl); }

.d5f1 { margin-bottom: var(--spacing-xs); }
.gcd { margin-bottom: var(--spacing-sm); }
.fe0c13 { margin-bottom: var(--spacing-md); }
.ke1ea695 { margin-bottom: var(--spacing-lg); }
.a50 { margin-bottom: var(--spacing-xl); }
.need323a { margin-bottom: var(--spacing-2xl); }

.b7021 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.a85296a { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .m1038f0,
  .b9f,
  .ba9ab {
    padding: var(--spacing-2xl) 0;
  }

  .f16,
  .e7397e42,
  .b013 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  .bd16db,
  .e7c55d {
    flex-direction: column;
  }

  button {
    width: 100%;
  }
}
.gc6d4f9 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

.k8eebf {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

.g0d4b {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
}

.i3d0 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.k8eebf:hover .i3d0 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

.d805f {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
}

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

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

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

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

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

.jf7.n4e span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.jf7.n4e span:nth-child(2) {
  opacity: 0;
}

.jf7.n4e span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.e5a {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  padding-top: 70px;
  overflow-y: auto;
}

.e5a.n4e {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.l55019 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.k405b {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
}

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

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

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

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

  .o7b1642 {
    display: block;
  }

  .jf7 {
    display: none;
  }

  .e5a {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bfa {
    min-height: 80px;
  }

  .d805f {
    font-size: 1rem;
  }
}

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

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

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

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

.oec5f {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 500px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.l15ce2a7 {
  position: absolute;
  inset: 0;
  background: rgba(12, 10, 9, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(1rem, 4vw, 2rem);
  text-align: center;
}

.i18a9fba {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
  font-weight: 700;
}

.hb925ee4 {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  max-width: 600px;
}

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

.ib90b5 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-full);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

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

.fb1e {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-full);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.i3ad {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.cd500d7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
}

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

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

.g2e89f {
  text-align: center;
}

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

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

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

.n3fb4 {
  flex: 1 1 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
}

.f6c81d7a {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.p70 {
  text-align: center;
}

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

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

.n437,
.kd5120 {
  flex: 1 1 300px;
  max-width: 450px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  background: var(--color-bg-card);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.b7c0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.025rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding-left: 1.75rem;
  position: relative;
}

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

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

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

.g12687 {
  text-align: center;
}

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

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

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

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

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

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

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

.j6c8214 {
  text-align: center;
}

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

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

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

.ffbc {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.c709 {
  text-decoration: none;
  display: block;
  transition: all var(--transition-base);
}

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

.nf5f6f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  margin: 0 0 clamp(0.25rem, 1vw, 0.5rem) 0;
  font-weight: 700;
  transition: color var(--transition-base);
}

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

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

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

.ke1 {
  text-align: center;
}

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

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

.d4e5dfa {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
}

.d19b106 {
  grid-column: 1;
  aspect-ratio: 4/3;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.o9c6 {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: transform var(--transition-base);
}

.o9c6:hover {
  transform: scale(1.05);
}

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

  .d19b106 {
    grid-column: 1;
  }

  .f2feffc {
    grid-column: 1;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .o9c6 {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 120px;
  }
}

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

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

.g45 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.maf {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  margin-top: auto;
}

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

.na2fa {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-full);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

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

.id1ff3a {
  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);
  border-top: 1px solid var(--color-border-light);
}

.id1ff3a.h3911 {
  display: none;
}

.p01e4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

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

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

.jdbce71,
.d2c104f6 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

  .ib90b5,
  .fb1e {
    width: 100%;
    text-align: center;
  }

  .o1c0c {
    flex-direction: column;
  }

  .n437,
  .kd5120 {
    flex: 1 1 100%;
  }

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

  .p01e4 {
    order: 1;
  }

  .me5 {
    order: 2;
    width: 100%;
  }

  .jdbce71,
  .d2c104f6 {
    flex: 1 1 45%;
    min-width: 120px;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .j9d4a70 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .l5cb8f99 {
    flex: 1 1 calc(50% - 0.5rem);
    max-width: 100%;
  }
}

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

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

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

  .jdbce71,
  .d2c104f6 {
    flex: 1 1 100%;
  }
}

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

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

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

.i3bac h3,
.b52c6 h3,
.f43 h3,
.h574a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
}

.i3bac p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.7;
  max-width: 45ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d7b {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
}

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

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

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

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

.f5b3871c {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
}

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

  .i3bac {
    flex: 1 1 250px;
  }

  .b52c6 {
    flex: 1 1 180px;
  }

  .f43 {
    flex: 1 1 220px;
  }

  .h574a {
    flex: 1 1 200px;
  }

  .i452f8d {
    flex: 1 1 100%;
  }

  .pe7e2a4,
  .b60c40a {
    flex-direction: column;
    gap: 0.75rem;
  }
}

@media (max-width: 767px) {
  .ke9db3 {
    gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .pe7e2a4,
  .b60c40a {
    gap: 0.5rem;
  }
}
    

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

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

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

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

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

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

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

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

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

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

.je0a7 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.mbae:hover,
.e15a:hover,
.d5949254:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

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

.e15a {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 300px;
  max-width: 500px;
}

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

.gb12,
.p69cbb,
.p4ecd876 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

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

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

.b8a8fc2 {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  flex: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nb4270 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.d968e6,
.a850,
.c441 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.d968e6 i,
.a850 i,
.c441 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.p19c8 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.6rem, 1vw, 0.85rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

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

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

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

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

.m5d8b {
  font-size: clamp(0.875rem, 1.5vw, 1.05rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e2b951f9 {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.oe263,
.pb2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  border-bottom: 1px solid var(--color-border-light);
}

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

.jb14c7 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.fb5 {
  padding: clamp(0.875rem, 2vw, 1.25rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mfe9e6 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l86 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.h7f {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .oe263,
  .pb2 {
    grid-template-columns: 1fr;
  }

  .jb14c7 {
    font-weight: 700;
    padding-bottom: 0.5rem;
  }

  .fb5 {
    padding: clamp(0.7rem, 1.5vw, 1rem);
  }
}

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

  .oe263,
  .pb2 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1024px) {
  .mbae {
    flex: 1 1 calc(60% - 0.75rem);
  }

  .e15a {
    flex: 1 1 calc(40% - 0.75rem);
    min-width: 280px;
  }

  .d5949254 {
    flex: 1 1 100%;
  }

  .oe263,
  .pb2 {
    grid-template-columns: 1fr 1.2fr 1.2fr;
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g2a95 {
    flex: 1 1 100%;
  }

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

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

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

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

.c92a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.7;
  max-width: 800px;
  margin: 0 auto;
}

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

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

.o3d0fe i {
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

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

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

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

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

.c0507 {
  flex: 0 0 280px;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

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

.f7307e9 {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

.pc7f0ad0 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .c0507 {
    flex: 1 1 100%;
    position: relative;
    top: 0;
  }

  .hf8338 {
    flex: 1 1 100%;
  }

  .j03 {
    flex-direction: column;
  }

  .ocd9983e {
    flex: 1 1 100%;
  }

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

.ce68b {
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hbbcaf27 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  display: block;
}

.kd341a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

  .f61 {
    flex-direction: column;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .hbbcaf27 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
  }
}

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

html, body {
  font-family: var(--font-primary, 'Open Sans', sans-serif);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

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

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

.d89e8 {
  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.875rem);
}

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

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

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

.b97a {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl, 1.5rem);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

.id95c {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

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

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

.p86eea23 {
  flex: 1 1 50%;
  overflow: hidden;
  border-radius: 0 var(--radius-xl, 1.5rem) var(--radius-xl, 1.5rem) 0;
}

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

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

  .p86eea23 {
    flex: 1 1 100%;
    max-height: 300px;
    border-radius: 0 0 var(--radius-xl, 1.5rem) var(--radius-xl, 1.5rem);
  }

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

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

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

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

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

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

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

.p1425 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 1rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

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

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

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

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

.mfeb {
  display: none;
}

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

@media (min-width: 1024px) {
  .b72db {
    position: relative;
  }

  .mfeb {
    display: block;
    position: absolute;
    left: clamp(1rem, 3vw, 2rem);
    top: clamp(2rem, 4vw, 3rem);
    width: 200px;
  }

  .h7b13 {
    margin-left: 220px;
  }
}

.a07 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 1rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 2rem;
}

.b19b {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

.i3c,
.n72,
.acf,
.bfb4 {
  padding: clamp(2rem, 4vw, 3rem) 0;
}

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

.mc804,
.e78,
.h9ef026a,
.ma476d7,
.n8d,
.pd29fa,
.g18270a0,
.haac91 {
  flex: 1 1 50%;
  max-width: 50%;
}

.lb6,
.oa5f1364,
.b05,
.ff1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.nca2a,
.l59c4b,
.bd74c6,
.i735b11 {
  list-style: none;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.j554391::before,
.d2fc2::before,
.na39614f::before,
.b0f3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
}

.n87d357 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 1rem);
  overflow: hidden;
  display: block;
}

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

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

  .mc804,
  .e78,
  .h9ef026a,
  .ma476d7,
  .n8d,
  .pd29fa,
  .g18270a0,
  .haac91 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.fdf75 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

.p7326 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 320px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  transition: all 0.3s ease;
}

.p7326:hover {
  transform: translateY(-4px);
}

.ab930973 {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-md, 0.5rem);
  overflow: hidden;
}

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

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

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

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

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

.b8fd28 {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.8125rem);
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

@media (max-width: 1024px) {
  .h7b13 {
    margin-left: 0;
  }

  .mfeb {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
  }

  .a07 {
    position: static;
  }
}

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

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

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

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

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

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

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

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

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

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

.n262ffd {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

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

.g62 {
  color: var(--color-text-muted);
  font-size: 0.8rem;
}

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

  .mf3,
  .n262ffd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.g8ae5b {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

.ncfe46b,
.n14,
.p8a63d,
.lb251a {
  width: 100%;
}

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

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

.j409f05 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

.o4e4fd5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.8;
  margin: 0;
  padding-left: 1.5rem;
}

.l241 {
  margin-bottom: 0.75rem;
  color: var(--color-text-secondary);
}

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

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

  .nec7 {
    width: 100%;
    position: static;
  }

  .kcb4f1 {
    flex-direction: column;
  }

  .f93,
  .j409f05 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.a500f9ce {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  max-width: 800px;
  margin: 0 auto;
}

.p089c {
  color: var(--color-secondary);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.3rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
}

.a718 {
  color: var(--color-text-muted);
  font-size: clamp(0.8875rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

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

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

.d30516 {
  flex: 1 1 auto;
  min-width: 280px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.jc996756 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-sm);
}

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

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

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

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

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

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

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

  .d30516 {
    min-width: 100%;
    max-width: 100%;
  }
}

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

  .d30516:nth-child(3) {
    flex: 1 1 100%;
  }
}

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

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

html, body, * {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fcb0a {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.af06 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .e3a6a,
  .af06 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.pe88caf8 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.l16d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

  .i38,
  .pe88caf8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.fa57a04 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.a35d7c {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

.k1211 {
  color: var(--color-text-muted);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

  .a35d7c,
  .kc1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.a2d7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.b677 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .b672ce2,
  .b677 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.dfbfc {
  color: var(--color-accent);
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

.ke52 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  line-height: 1.2;
}

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

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

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

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

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

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

.a70a {
  color: var(--color-text-muted);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.e8a2c5b3 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .i98,
  .e8a2c5b3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.f2c7b {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-left: 4px solid var(--color-accent);
}

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

.l0cafe74 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

.ha93e7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

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

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

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

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

.ib05e {
  flex-shrink: 0;
  width: 120px;
  height: 100px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

  .ib05e {
    width: 100%;
    height: 200px;
  }
}

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

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

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

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

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

.b62e0 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.ndccb {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.h29 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.l1f5ca {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

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

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

.cfdb0d84 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 240px;
  transition: all var(--transition-base);
}

.cfdb0d84:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(234, 88, 12, 0.12);
}

.eda53f {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
}

.h48 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

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

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

.a4945 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.o501 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

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

.k439aa {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

.i7a93fa7:hover {
  box-shadow: 0 6px 20px rgba(234, 88, 12, 0.1);
  transform: translateX(4px);
}

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

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

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

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

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

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

.n34 {
  flex: 1 1 45%;
  min-width: 0;
}

.a148 {
  flex: 1 1 45%;
  min-width: 0;
}

.a148 img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.k32 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.gd48 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.e5e433 {
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.e5e433:last-of-type {
  margin-bottom: 0;
}

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

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

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

.jdd {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.hcf0a {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.h44ea64a {
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 2rem;
}

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

.p37 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 180px;
}

.l2a91a6 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
  line-height: 1;
}

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

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

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

.kd81d {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-on-accent);
  font-style: italic;
  line-height: 1.6;
  font-family: var(--font-heading);
}

.b872f5 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-on-accent);
  opacity: 0.9;
}

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

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

.af5111 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

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

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

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

  .lad {
    flex-direction: column;
  }

  .n34,
  .a148 {
    flex: 1 1 100%;
  }

  .mcdaa95 {
    flex-direction: column;
  }

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

@media (max-width: 1024px) {
  .k439aa {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

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

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

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

.j91a244f {
  position: relative;
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.k03b0 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(12, 10, 9, 0.4) 0%, rgba(12, 10, 9, 0.2) 100%);
  pointer-events: none;
}

.h661eb3 {
  text-align: center;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.ba99c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-muted);
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d32 {
  font-size: clamp(0.9rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p6b7a09 {
  text-align: center;
}

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

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

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

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

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

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

.gd9e507 {
  text-align: center;
}

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

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

.e4f3f9 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fa9423 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  max-width: 280px;
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .fa9423 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

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

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

.o281b {
  text-align: center;
}

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

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

.c57 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g69848 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 240px;
  max-width: 320px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  text-align: center;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.ifbaf {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(3rem, 6vw, 4.5rem);
}

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

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

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

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

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

.cd1c {
  text-align: center;
}

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

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

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

.e9a0 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 240px;
  max-width: 320px;
  text-align: center;
}

.kff {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(2.5rem, 5vw, 3.5rem);
}

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

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

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

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

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

.g4301e {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  text-align: center;
  border-left: 4px solid var(--color-accent);
}

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

.i0d {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.afdc,
.ce1966e {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

@media (min-width: 768px) {
  .j91a244f {
    max-height: 500px;
  }

  .p9f6 {
    gap: clamp(2rem, 4vw, 2.5rem);
  }

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

@media (min-width: 1024px) {
  .edd73 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .f96 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .a879 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .n7b4f {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .a3e9 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .mb928054 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

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

.g4eee6 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.d9e06b {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

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

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

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

@media (min-width: 1024px) {
  .g9c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

.o745cd0 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.o745cd0:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

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

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

.c534 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ceeb {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.i37d {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
  line-height: 1.5;
}

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

  .lc7f75 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .o80beb6 {
    height: 250px;
  }
}

@media (min-width: 1024px) {
  .fc90 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .o80beb6 {
    height: 280px;
  }

  .o745cd0:hover .o80beb6 img {
    transform: scale(1.03);
  }

  .o80beb6 img {
    transition: transform var(--transition-base);
  }
}

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

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

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

.dcb {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ja86f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

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

.ja86f:active {
  transform: translateY(0);
}

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

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

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

@media (min-width: 1024px) {
  .h5e31d5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.l985c81 {
  width: 100%;
}

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

.i22128 {
  max-width: 900px;
  margin: 0 auto;
}

.iafb5a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

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

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

@media (min-width: 1024px) {
  .nc8ebcf {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.b68 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

.ka209de:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-md);
}

.jc6db9 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: color var(--transition-fast);
}

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

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

.n8cdd72c {
  flex: 1;
}

.j14e64 {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  transition: transform var(--transition-base);
}

.j14e64::before {
  content: '';
  width: 12px;
  height: 12px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  display: block;
}

.ka209de[aria-expanded="true"] .j14e64 {
  transform: rotate(180deg);
}

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

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

.hc5f7825 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.j514 {
  display: none;
}

@media (min-width: 768px) {
  .b68 {
    grid-template-columns: 1fr 350px;
    gap: var(--spacing-3xl);
    align-items: start;
  }

  .j514 {
    display: block;
    position: sticky;
    top: var(--spacing-lg);
  }

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

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

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

  .j514 {
    top: var(--spacing-2xl);
  }
}

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

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

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

.ddd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.n592f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
}

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

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

.n592f:active {
  transform: translateY(0);
}

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

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

@media (min-width: 1024px) {
  .n87f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.ff94a main {
  width: 100%;
}

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

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

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

.ff94a h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ff94a p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ff94a .j53 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
}

.ff94a .cb322bb {
  margin-bottom: var(--spacing-2xl);
}

.ff94a .lc1 {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.ff94a .lc1 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  list-style-type: disc;
}

.ff94a .l8a356 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.ff94a .l8a356 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

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

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

.ff94a .eddc71 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
}

@media (min-width: 768px) {
  .ff94a .c5fb {
    padding: 0 var(--spacing-lg);
  }

  .ff94a .hdb6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ff94a .c5fb {
    padding: 0 var(--spacing-xl);
  }

  .ff94a .hdb6 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.ff8 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.n99 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.ma1 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.b0c {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.b0c svg {
  width: 48px;
  height: 48px;
  stroke-width: 2;
}

.ma1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0 var(--spacing-sm);
  letter-spacing: -0.5px;
}

.ma1 .n912f {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-sm) 0 var(--spacing-lg);
  line-height: 1.6;
}

.be90 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-md) 0;
  letter-spacing: 0.3px;
}

.g37 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 var(--spacing-xl);
  font-style: italic;
}

.f373 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
  margin-top: var(--spacing-lg);
}

.bea2b6 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.bea2b6:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

  .b0c svg {
    width: 60px;
    height: 60px;
  }

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

@media (min-width: 1024px) {
  .n99 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .b0c {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-lg);
  }

  .b0c svg {
    width: 72px;
    height: 72px;
  }

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

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

.na455 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.h6a {
  width: 100%;
  padding: var(--spacing-md) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.hdb6 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.l62 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
}

.pda {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  position: relative;
}

.bd795a1d {
  position: relative;
  margin-bottom: var(--spacing-lg);
  perspective: 1000px;
}

.h37f7b8 {
  display: block;
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -2px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-heading);
  animation: float-code 4s ease-in-out infinite;
  line-height: 1;
}

@keyframes float-code {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.h410 {
  width: 100%;
  height: auto;
  margin: var(--spacing-lg) 0;
}

.oc3c3f5f {
  width: 100%;
  height: auto;
  max-width: 280px;
  margin: 0 auto;
  display: block;
  animation: rock-boat 3s ease-in-out infinite;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

@keyframes rock-boat {
  0%, 100% {
    transform: translateY(0px) rotateZ(0deg);
  }
  50% {
    transform: translateY(-8px) rotateZ(1deg);
  }
}

.h0a2d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.h0a2d h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.2;
}

.ed8 {
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  font-family: var(--font-primary);
  letter-spacing: 0.5px;
}

.hfd92d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-family: var(--font-primary);
  margin: var(--spacing-sm) 0;
}

.l20ee77 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-lg) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.p4a73f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.p4a73f:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateY(-4px);
}

.pfe1 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  display: block;
  line-height: 1;
}

.oe133 {
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  font-family: var(--font-primary);
}

.c31 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  font-family: var(--font-primary);
  letter-spacing: 0.3px;
  margin-top: var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

  .l20ee77 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

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

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

  .h37f7b8 {
    animation: float-code 5s ease-in-out infinite;
  }

  .oc3c3f5f {
    animation: rock-boat 4s ease-in-out infinite;
  }

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

  .c31 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

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

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

@media (max-width: 639px) {
  .l20ee77 {
    grid-template-columns: 1fr;
  }

  .p4a73f {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-md);
  }

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

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

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

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

.c77e3d62 {
  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-sm) 0;
  line-height: 1.2;
}

.i6957f02 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

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

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

.k24745 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 4rem);
}

.m3c {
  flex: 1 1 100%;
  min-width: 280px;
}

.a2384 {
  flex: 1 1 100%;
  min-width: 280px;
}

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

  .a2384 {
    flex: 1 1 45%;
  }
}

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

  .a2384 {
    flex: 0 1 calc(50% - 2rem);
  }
}

.hd1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

.e8386 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.ia8f1f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.l45cf {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.e82,
.p50 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: all var(--transition-base);
  width: 100%;
  box-sizing: border-box;
}

.e82::placeholder,
.p50::placeholder {
  color: var(--color-text-muted);
}

.e82:focus,
.p50:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.p50 {
  resize: vertical;
  min-height: 140px;
}

.b09198 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.da4 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

.o475df77 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

.ic7 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 600;
}

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

.i6ea5b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: var(--spacing-sm);
}

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

.i6ea5b:active {
  transform: translateY(0);
}

.j0f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

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

.k5bf36 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.c04e2 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}

.ne2e4 {
  flex: 1;
}

.a10fd {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

.fbe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.b4e1b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.i33e {
  padding: 0 var(--spacing-md);
  text-align: center;
}

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

.c63 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.pc2 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.pc2:active {
  transform: translateY(0);
}

@media (max-width: 767px) {
  .dc1 {
    padding: clamp(1.5rem, 5vw, 3rem) 0;
  }

  .a1ff47 {
    padding: clamp(1.5rem, 5vw, 3rem) 0;
  }

  .i2c {
    padding: clamp(1.5rem, 5vw, 3rem) 0;
  }

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

  .m3c,
  .a2384 {
    flex: 1 1 100%;
  }
}

@media (min-width: 1440px) {
  .fe2,
  .jae6,
  .i33e {
    max-width: 1200px;
    margin: 0 auto;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.jf7,.p9038c9d{width:34px;}
.jf7[aria-expanded="true"]{display:none;}
.e5a.n4e{z-index:999;}
.e5a{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.e5a{max-width:100%;}}
.k29{justify-content:flex-end;}
@media (max-width:768px){.oec5f{min-height:500px;}}
@media (max-width:768px){.ldd4be{min-height:500px;}}
@media (max-width:768px){.p4ecd876{min-height:500px;}}