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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f4ff;
  --color-bg-tertiary: #e0e7ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #94a3b8;

  --color-primary: #4338ca;
  --color-primary-hover: #3730a3;
  --color-primary-light: #e0e7ff;
  --color-secondary: #6366f1;
  --color-secondary-light: #eef2ff;

  --color-success: #16a34a;
  --color-success-light: #f0fdf4;
  --color-warning: #d97706;
  --color-warning-light: #fffbeb;
  --color-danger: #dc2626;
  --color-danger-light: #fef2f2;

  --color-border: #cbd5e1;
  --color-border-light: #e2e8f0;

  --font-primary: 'Source Serif 4', serif;
  --font-heading: 'Merriweather', serif;

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

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

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

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;
}

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

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

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: 400;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: var(--font-size-3xl);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  cursor: pointer;
  border: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-weight: 600;
}

button:focus, input[type="button"]:focus, input[type="submit"]:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

input, textarea, select {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  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-muted);
}

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

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

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

.g3f2:active {
  transform: scale(0.98);
}

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

.jf7:hover {
  background: #4f46e5;
  box-shadow: var(--shadow-md);
}

.jf7:active {
  transform: scale(0.98);
}

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

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

.a9f926 {
  background: transparent;
  color: var(--color-primary);
}

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

.i02b4 {
  background: var(--color-success);
  color: #ffffff;
}

.i02b4:hover {
  background: #15803d;
}

.kbf573 {
  background: var(--color-warning);
  color: #ffffff;
}

.kbf573:hover {
  background: #b45309;
}

.nd409af {
  background: var(--color-danger);
  color: #ffffff;
}

.nd409af:hover {
  background: #b91c1c;
}

.lad3689 {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
}

.f08 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: var(--font-size-lg);
}

.he17b6:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

.i66ff43a:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

.dbbf787e {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

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

.b9740d { font-size: var(--font-size-xs); }
.fa58ac5 { font-size: var(--font-size-sm); }
.obdaf51a { font-size: var(--font-size-base); }
.ged6 { font-size: var(--font-size-lg); }
.icb { font-size: var(--font-size-xl); }
.n52da1 { font-size: var(--font-size-2xl); }
.i847 { font-size: var(--font-size-3xl); }
.iecdaf9 { font-size: var(--font-size-4xl); }

.f5130d7e { color: var(--color-text-primary); }
.d2d { color: var(--color-text-secondary); }
.n086cb9 { color: var(--color-text-muted); }

.ef0c7f7 { font-weight: 400; }
.d774f8af { font-weight: 500; }
.f69 { font-weight: 600; }
.a7d1aa55 { font-weight: 700; }

.ece { margin-top: var(--spacing-xs); }
.be01d089 { margin-top: var(--spacing-sm); }
.nbd7e { margin-top: var(--spacing-md); }
.j07ddf { margin-top: var(--spacing-lg); }
.c86 { margin-top: var(--spacing-xl); }
.o2e12e5 { margin-top: var(--spacing-2xl); }

.c2df2 { margin-bottom: var(--spacing-xs); }
.l394a7b { margin-bottom: var(--spacing-sm); }
.f311 { margin-bottom: var(--spacing-md); }
.jfb2281 { margin-bottom: var(--spacing-lg); }
.bf954d45 { margin-bottom: var(--spacing-xl); }
.e93d79 { margin-bottom: var(--spacing-2xl); }

.d08 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.dddbfbf { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.c3a { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.ed825 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.m4b3fc0 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.l45393 { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }

.j9b9 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.fd15 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.pdeb8 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.c4c80847 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.d471291 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }
.f0e56 { padding-left: var(--spacing-2xl); padding-right: var(--spacing-2xl); }

.me1 {
  display: flex;
}

.ja6fc {
  flex-direction: column;
}

.c53bdc6 {
  flex-direction: row;
}

.n04e33f5 { gap: var(--spacing-xs); }
.o659f { gap: var(--spacing-sm); }
.jaf { gap: var(--spacing-md); }
.n8f0 { gap: var(--spacing-lg); }
.l2f33 { gap: var(--spacing-xl); }

.oaf4 {
  align-items: center;
}

.gbd0e5 {
  align-items: flex-start;
}

.deab4d {
  align-items: flex-end;
}

.ldc060 {
  justify-content: center;
}

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

.cb9f18 {
  justify-content: flex-end;
}

.b56381 {
  justify-content: space-between;
}

.h388 {
  display: grid;
}

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

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

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

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

@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

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

  .i14b, .l527f3e, .k2f {
    grid-template-columns: 1fr;
  }

  .b3da179e {
    display: none;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  .he17b6 {
    width: 100%;
  }

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

.of53d {
  text-align: center;
}

.ga6 {
  text-align: left;
}

.j1a804 {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h69fcc {
  opacity: 0.5;
}

.e875c8f {
  opacity: 0.75;
}

.c72 {
  cursor: pointer;
}

.b32 {
  cursor: not-allowed;
}

.l6a8c9f {
  transition: all var(--transition-base);
}

.n8de {
  transition: color var(--transition-base), background-color var(--transition-base);
}

.i088 {
  width: 100%;
}

.j533ee0a {
  height: 100%;
}

.ec13a210 {
  max-width: 100%;
}

.bf248611 {
  object-fit: cover;
}

.gfc700 {
  object-fit: contain;
}
.l8eaa {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 1000;
}

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

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

.ke0:hover {
  opacity: 0.85;
}

.j13015e {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

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

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

.o01d7b {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: color var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

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

.e212b4 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
}

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

.eeac1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  transition: opacity var(--transition-base);
}

.eeac1:hover {
  opacity: 0.7;
}

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

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

.f206.ad4b {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.j00f21e8 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  min-height: 80px;
}

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

.ca3afe:hover {
  opacity: 0.7;
}

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

.a463 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  font-weight: 500;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

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

.i58f5e0 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  text-align: center;
  margin-top: 1rem;
  display: inline-block;
  width: 100%;
}

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

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

  .eeac1 {
    display: none;
  }

  .f206 {
    display: none;
  }

  .d2951313 {
    gap: clamp(2rem, 5vw, 3rem);
  }
}

@media (max-width: 767px) {
  .d2951313 {
    height: 70px;
  }

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

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

    .ka594ba9 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.l056b930 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.jdb {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 45% 55% 50% / 45% 50% 45% 55%;
}

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

  .k1e999,
  .l056b930 {
    flex: 1 1 100%;
  }

  .l056b930 {
    min-height: 250px;
  }

  .jdb {
    max-height: 350px;
  }

  .c6dfd {
    flex-direction: column;
  }

  .he17b6 {
    width: 100%;
  }
}

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

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

.h3c7a {
  text-align: center;
}

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

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

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

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

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

.cc8 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-primary);
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

  .cc8 {
    width: 100%;
    justify-content: flex-start;
  }
}

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

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

.n9f {
  text-align: center;
}

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

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

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

.h078 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 120px;
}

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

.l667 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ef2 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0;
}

.d167f01a {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: #ffffff;
  flex-shrink: 0;
}

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

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

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

.m3d1f2 {
  text-align: center;
}

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

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

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

.n9d7f20 {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-primary);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.g4e {
  text-align: center;
}

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

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

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

.n347 {
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  box-shadow: var(--shadow-sm);
  flex: 1 1 auto;
  min-width: 150px;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  border-top: 3px solid var(--color-primary);
}

.g195 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-primary);
  font-weight: 700;
}

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

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

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

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

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

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

  .n347 {
    min-width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
  }

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

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

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

.n88 {
  text-align: center;
}

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

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

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

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

.o8407d {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  padding-bottom: clamp(1rem, 1.5vw, 1.5rem);
  border-bottom: 3px solid var(--color-primary);
}

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

.e7e336b9 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-primary);
  flex-shrink: 0;
  margin-top: 4px;
}

.b7ebe .e7e336b9 {
  background: var(--color-warning);
}

.o8732555 .e7e336b9 {
  background: var(--color-success);
}

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

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

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

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

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

.fead0 {
  text-align: center;
}

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

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

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

.c20d {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 400px;
  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;
}

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

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

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

.c20d:hover .a918ce {
  transform: scale(1.05);
}

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

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

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

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

.fa0a5:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

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

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

.pc8d8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0;
}

.h683a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.p11 {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
  font-weight: 600;
  transition: all var(--transition-base);
}

.p11:hover {
  text-decoration: none;
  opacity: 0.9;
}

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

.m3f.caf {
  display: none;
}

.bb40 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  color: #f1f5f9;
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.mb8f2e,
.be3 {
  padding: 0.6rem clamp(1rem, 1.5vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.be3 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

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

@media (max-width: 768px) {
  .m3f {
    flex-direction: column;
    padding: clamp(1rem, 1.5vw, 1.25rem);
  }

  .bb40 {
    width: 100%;
  }

  .f85 {
    width: 100%;
  }

  .mb8f2e,
  .be3 {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.mb7 {
  display: block;
}

.mb7 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.mb7 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 65ch;
}

.kc8 {
  display: block;
}

.kc8 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

.g7dd li {
  display: block;
}

.g7dd a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

.j667 {
  display: block;
}

.j667 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

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

.nd505a34 {
  display: block;
}

.nd505a34 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

.i1b62 li {
  display: block;
}

.i1b62 a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

.ee62 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .mb7 {
    flex: 1 1 100%;
    min-width: 250px;
  }

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

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

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

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

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

  .mb7 {
    flex: 2 1 300px;
    min-width: 300px;
  }

  .kc8 {
    flex: 1 1 180px;
    min-width: 180px;
  }

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

  .nd505a34 {
    flex: 1 1 180px;
    min-width: 180px;
  }
}
    

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

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

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

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

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

.n7d02 {
  color: var(--color-primary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

.jd6d7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.n15a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 300px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
}

.n15a:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

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

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

.mc47 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
}

.c706cf7,
.pd7,
.a71b8d39 {
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.c706cf7 i,
.pd7 i,
.a71b8d39 i {
  color: var(--color-primary);
}

.m8d8 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  align-self: flex-start;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
}

.m8d8:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

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

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

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

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

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

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

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

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

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

.a990 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

@media (max-width: 767px) {
  .ic2b79e9 {
    padding: 2rem 0;
  }

  .pa2 {
    padding: 2rem 0;
  }

  .d2a6e {
    padding: 2rem 0;
  }

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

  .m9a14f1 {
    justify-content: stretch;
  }

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

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

  .m9a14f1 {
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .n15a {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: none;
  }

  .h20298 {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.kdee {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
}

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

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

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

.fc5e {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

.h3b8d97 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-height: 500px;
}

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

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

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

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

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

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

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

.eb29 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 180px;
}

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

.gce97 {
  color: var(--color-text-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  font-weight: 500;
}

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

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

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

.h70 {
  color: var(--color-primary);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
  flex-shrink: 0;
  width: auto;
}

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

.g9629,
.le06d,
.ibd {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 250px;
}

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

.kdc,
.ca4d91,
.c79b {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

.c39 .h9dfc {
  order: 1;
}

.c39 .g9629 {
  order: 2;
}

.o0eb555c .le06d {
  order: 1;
}

.o0eb555c .d575 {
  order: 2;
}

.jdfd881 .kf5eb7 {
  order: 1;
}

.jdfd881 .ibd {
  order: 2;
}

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

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

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

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

.ibf {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.m691 {
  color: var(--color-primary);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  height: 50px;
  display: flex;
  align-items: center;
}

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

.f0f7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

.e2e6 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: 250px;
}

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

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

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

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

.p012bd6 {
  flex-shrink: 0;
}

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

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

.mb31c1 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.85rem);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 600;
}

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

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

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

.k67ee23 {
  color: var(--color-secondary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
}

.d75c2e8d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

.a2dad {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.j9b6 {
  width: 100%;
  height: 180px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.d23 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.2rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: var(--line-height-normal);
}

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

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

.od9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

.o8a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.95rem);
  line-height: var(--line-height-relaxed);
}

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

  .h9dfc,
  .d575,
  .kf5eb7,
  .g9629,
  .le06d,
  .ibd {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c39 .h9dfc {
    order: 1;
  }

  .c39 .g9629 {
    order: 2;
  }

  .o0eb555c .le06d {
    order: 1;
  }

  .o0eb555c .d575 {
    order: 2;
  }

  .jdfd881 .kf5eb7 {
    order: 1;
  }

  .jdfd881 .ibd {
    order: 2;
  }

  .h70 {
    position: absolute;
    opacity: 0.1;
    pointer-events: none;
  }

  .l9c1b73b {
    flex-direction: column;
  }

  .e32bc40,
  .e2e6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ibf {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 160px;
  }

  .eb29 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 150px;
  }

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

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

  .p012bd6 {
    flex-shrink: 0;
  }

  .f001 {
    flex-direction: column;
  }
}

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

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

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

  .if691f31 {
    flex-direction: column;
  }

  .pbcf9 {
    flex-direction: column;
  }

  .dbf7 {
    flex-direction: row;
    gap: 0.25rem;
  }

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

.k30bc20 {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .e79 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
    font-size: clamp(0.8rem, 1vw, 0.95rem);
    color: var(--color-text-secondary);
  }

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

  .pfc9d9 i {
    color: var(--color-primary);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k4c {
    flex: 0 0 auto;
    font-size: clamp(4rem, 10vw, 8rem);
    font-weight: 800;
    color: var(--color-primary-light);
    line-height: 1;
    opacity: 0.15;
  }

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

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

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

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

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

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

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

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

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

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

  .f7713ff {
    flex: 1 1 50%;
    max-width: 50%;
    position: relative;
  }

  .kba5d086 {
    position: absolute;
    top: -20px;
    left: 0;
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 800;
    color: var(--color-primary-light);
    line-height: 1;
    opacity: 0.15;
  }

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

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

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

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

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

  .nbc {
    flex: 0 0 auto;
    font-size: clamp(4rem, 10vw, 8rem);
    font-weight: 800;
    color: var(--color-primary-light);
    line-height: 1;
    opacity: 0.15;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .i8c0 {
    font-size: clamp(2rem, 4vw, 2.75rem);
    color: var(--color-primary);
  }

  .gfb5b22 {
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .e01 {
    font-size: clamp(0.95rem, 1.5vw, 1.15rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: var(--line-height-relaxed);
  }

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

  .n1672e1 {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

  .ld7d {
    flex: 0 0 auto;
  }

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

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

  .o8fb37 {
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    color: var(--color-text-primary);
    margin: 0;
    line-height: var(--line-height-tight);
  }

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

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

  .kb0e2d {
    font-size: clamp(0.85rem, 1.2vw, 1rem);
    color: var(--color-primary);
    margin: 0;
    font-weight: 600;
  }

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

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

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

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

  .df9a408 {
    font-size: clamp(1rem, 2vw, 1.3rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
    line-height: var(--line-height-tight);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .df9a408 i {
    color: var(--color-warning);
  }

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

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

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

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

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

  .ha342c62 {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 250px;
    max-width: 380px;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

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

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

  @media (max-width: 1023px) {
    .d0baea,
    .c122eb,
    .kd3ad,
    .b12dc,
    .a5825cf {
      flex-direction: column;
    }

    .pf7db1a,
    .n679734,
    .b39d5,
    .a072,
    .g33dc8ce,
    .e2fa3b02,
    .f7713ff,
    .k76b1,
    .ddbcad4,
    .g4e51 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .a97d {
      flex: 1 1 calc(50% - 0.75rem);
      min-width: 200px;
    }

    .ha342c62 {
      flex: 1 1 calc(50% - 0.75rem);
      min-width: 200px;
      max-width: 100%;
    }
  }

  @media (max-width: 768px) {
    .o0f65 {
      font-size: 0.75rem;
    }

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

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

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

    .m42aed {
      align-items: center;
    }

    .k4c,
    .nbc {
      display: none;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jf4016 i {
  color: var(--color-primary);
}

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

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

  .de0,
  .n4f70340 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.lab06,
.c691a {
  background: var(--color-bg-secondary);
}

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

.m5a79c7d,
.h8e,
.m6c0,
.d70 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f486,
.pa4b7,
.h366,
.o7784 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.o68d9e12 {
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 900;
  color: var(--color-primary);
  opacity: 0.15;
  margin: 0 0 -1.5rem 0;
  line-height: 1;
}

.c04,
.h61f,
.mef68,
.b856 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-weight: 700;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .o630a0,
  .n2a6,
  .n136cf,
  .aa31cda {
    flex-direction: column;
  }

  .m5a79c7d,
  .h8e,
  .m6c0,
  .d70,
  .f486,
  .pa4b7,
  .h366,
  .o7784 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.lf91 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  transition: all 0.3s ease;
}

.lf91:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

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

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

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

.i9d9 li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

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

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

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

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

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

.dd22ece:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.f919342 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
}

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

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

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

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

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

.m8135b28 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.f7e0f {
  flex-shrink: 0;
}

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

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

.ca1e054c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jdf7117 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.jdf7117:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

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

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

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

.jdf7117:hover .ddbd {
  transform: scale(1.05);
}

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

.d217e94 {
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
}

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

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

.mf2 {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

.p41 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.g770 a {
  color: var(--color-primary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

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

.g770 span {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

@media (min-width: 1024px) {
  .h50 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: center;
  }
}

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

@media (min-width: 1024px) {
  .a18 {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

.p4b0 {
  color: var(--color-border);
}

.n27cc9c2 {
  flex: 1 1 100%;
  min-height: 300px;
  max-height: 500px;
}

@media (min-width: 1024px) {
  .n27cc9c2 {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 450px;
  }
}

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

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

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

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

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

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

.db3 {
  flex: 1 1 auto;
  min-width: 150px;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e5d18 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-primary);
  font-weight: 700;
  line-height: 1;
}

.e068f {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
  line-height: 1.4;
}

.g89,
.f7ef31,
.j494d1e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.nf73ba {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.pcb5cb73 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  color: var(--color-primary);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
}

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

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

@media (min-width: 1024px) {
  .na7 {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: center;
  }
}

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

@media (min-width: 1024px) {
  .o3f {
    flex: 1 1 50%;
    max-width: 50%;
  }
}

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

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

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

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

.o68d1a {
  flex: 1 1 100%;
  min-height: 250px;
  max-height: 450px;
}

@media (min-width: 1024px) {
  .o68d1a {
    flex: 1 1 50%;
    max-width: 50%;
    max-height: 450px;
  }
}

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

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

.n3d91 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

.jb444ae::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

.h1ea55 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 180px;
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

.jd45f1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(67, 56, 202, 0.1);
}

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

.f515cd24 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

.b44b778 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-primary);
  font-style: italic;
  line-height: 1.7;
  border-left: 4px solid var(--color-primary);
  padding-left: clamp(1rem, 2vw, 1.5rem);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.fa9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  font-weight: 500;
}

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

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

.p5be {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

.a4f7f8 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.a4f7f8:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(67, 56, 202, 0.12);
}

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

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

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

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

.a4f7f8:hover .i03 {
  transform: scale(1.05);
}

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

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

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

.d1a {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

  .na7 {
    flex-direction: column;
  }

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

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

  .h1ea55 {
    flex: 1 1 100%;
  }

  .m6ad8e {
    flex-direction: column;
  }

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

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

html, body {
  font-family: 'Source Serif 4', serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

.b36f4 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.ce6ae73 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.d14a1 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: all 0.3s ease;
}

.d14a1:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(67, 56, 202, 0.08);
  border-color: var(--color-primary);
}

.acb2 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

.o9d38 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 140px;
  text-align: center;
}

.o9891e1e {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.1;
}

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

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

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

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

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

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

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

.f1eaa1c {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.f1eaa1c:hover {
  background: var(--color-bg-secondary);
  transform: translateX(4px);
}

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

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

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

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

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

.n10 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h205785 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  display: block;
  font-style: normal;
  font-weight: 600;
}

.f632c {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  margin: clamp(1.5rem, 3vw, 2rem) auto;
}

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

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

.fe8 {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.g3b7 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
}

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

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

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

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

  .lc5486 {
    align-items: center;
  }

  .j0e {
    width: 100%;
  }

  .ic30 {
    padding: 0;
  }

  .o76f {
    padding: 0;
  }

  .g2647 {
    padding: 0;
  }

  .gcc {
    padding: 0;
  }

  .p5b {
    width: 100%;
  }

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

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

  .k31cfb {
    flex-direction: column;
  }

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

  .b36f4 {
    line-height: 1.1;
  }

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

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

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

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

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

  .he17b6 {
    display: inline-block;
    padding: 0.875rem 1.75rem;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    border-radius: var(--radius-lg);
    text-decoration: none;
    transition: var(--transition-base);
    font-weight: 500;
    cursor: pointer;
    border: none;
  }

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

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

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

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

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

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

  @media (min-width: 1024px) {
    .k415a {
      flex-direction: row;
      align-items: flex-start;
      gap: clamp(3rem, 8vw, 5rem);
    }
  }

  .j665 {
    flex: 1 1 100%;
    display: flex;
    justify-content: center;
  }

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

  .k6ccb05b {
    width: 100%;
    max-width: 350px;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    object-fit: cover;
    aspect-ratio: 3/4;
  }

  @media (min-width: 1024px) {
    .k6ccb05b {
      max-width: 100%;
    }
  }

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

  @media (min-width: 1024px) {
    .g1f3 {
      flex: 1 1 55%;
      justify-content: flex-start;
    }
  }

  .a872061b {
    display: inline-block;
    background: var(--color-bg-secondary);
    color: var(--color-primary);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: fit-content;
  }

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

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

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

  .g45dd6 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
  }

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

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

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

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

  .bed6f {
    text-align: center;
  }

  .cef68e70 {
    display: inline-block;
    background: var(--color-bg-tertiary);
    color: var(--color-primary);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .c509e41e {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-top: var(--spacing-md);
  }

  .l79d7b {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    max-width: 700px;
    margin: var(--spacing-md) auto 0;
    line-height: 1.6;
  }

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

  .k70440f {
    flex: 1 1 100%;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: var(--transition-base);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    min-height: 250px;
  }

  @media (min-width: 768px) {
    .k70440f {
      flex: 1 1 calc(50% - var(--spacing-md));
    }
  }

  @media (min-width: 1024px) {
    .k70440f {
      flex: 1 1 calc(33.333% - var(--spacing-md));
    }
  }

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

  .l15bbdf {
    width: 3rem;
    height: 3rem;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-primary);
    font-size: 1.5rem;
  }

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

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

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

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

  .ma4 {
    text-align: center;
  }

  .j13d6 {
    display: inline-block;
    background: var(--color-bg-secondary);
    color: var(--color-primary);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .fef525b {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-top: var(--spacing-md);
  }

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

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

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

  .i90efea5 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    color: var(--color-primary);
    font-weight: 700;
    white-space: nowrap;
  }

  @media (min-width: 768px) {
    .i90efea5 {
      min-width: 80px;
      text-align: right;
    }
  }

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

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

  .pf4f939 {
    font-size: clamp(0.875rem, 1.5vw, 1rem);
    color: var(--color-primary);
    font-weight: 500;
  }

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

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

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

  .o407 {
    text-align: center;
  }

  .af62 {
    display: inline-block;
    background: var(--color-bg-tertiary);
    color: var(--color-primary);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .i0a5 {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-top: var(--spacing-md);
  }

  .le8fef0 {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    max-width: 700px;
    margin: var(--spacing-md) auto 0;
    line-height: 1.6;
  }

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

  .c1e27c5 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border-left: 5px solid var(--color-primary);
  }

  .f0ea {
    font-size: clamp(2rem, 5vw, 3.5rem);
    color: var(--color-primary);
    font-weight: 700;
    opacity: 0.15;
    line-height: 1;
  }

  .f8484 {
    font-size: clamp(1.1rem, 2.5vw, 1.5rem);
    color: var(--color-text-primary);
    font-weight: 600;
    margin-top: calc(-1 * var(--spacing-md));
  }

  .gf4efffa {
    font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
  }

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

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

  .m55 {
    text-align: center;
  }

  .j992 {
    display: inline-block;
    background: var(--color-bg-secondary);
    color: var(--color-primary);
    padding: var(--spacing-sm) var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  .i3ce43 {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-top: var(--spacing-md);
  }

  .a7b {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    border-left: 5px solid var(--color-primary);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    text-align: center;
  }

  .jc7da {
    font-size: clamp(1.125rem, 2.5vw, 1.5rem);
    color: var(--color-text-primary);
    font-weight: 500;
    line-height: 1.8;
    font-style: italic;
  }

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

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

  @media (min-width: 768px) {
    .i0838 {
      flex-direction: row;
      gap: clamp(1.5rem, 3vw, 2rem);
    }
  }

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

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

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

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

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

  .e46894 {
    background: var(--color-bg-card);
    padding: clamp(2.5rem, 5vw, 4rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    max-width: 800px;
    margin: 0 auto;
    border-left: 5px solid var(--color-primary);
  }

  .h286 {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

  .e4d95fa {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    justify-content: center;
  }

  @media (min-width: 768px) {
    .e4d95fa {
      flex-direction: row;
    }
  }

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

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

  @media (max-width: 767px) {
    .e4d95fa .mcfaa4,
    .e4d95fa .c7e {
      width: 100%;
      text-align: center;
    }

    .k415a {
      align-items: center;
    }

    .g1f3 {
      align-items: center;
    }

    .g1f3 .mcfaa4 {
      width: 100%;
    }

    .a7b {
      margin: 0 -1rem;
      border-radius: 0;
    }

    .bed6f,
    .ma4,
    .o407,
    .m55 {
      margin: 0 -1rem;
      padding: 0 1rem;
    }
  }

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

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

.cedf8 {
  max-width: 900px;
  margin: 0 auto var(--spacing-lg);
}

.k0e1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.gab {
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.ccb {
  width: 100%;
  max-width: 900px;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

.pa7c7f98 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.2rem);
  color: var(--color-primary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  font-weight: 700;
}

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

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

.e3b45c9:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.lab33b1b {
  width: 100%;
  padding: var(--spacing-lg);
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.2rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: all var(--transition-fast);
}

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

.b12ec759 {
  flex: 1;
  padding-right: var(--spacing-md);
}

.m1cf20 {
  font-size: 1.5rem;
  color: var(--color-primary);
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.e3b45c9.ad4b .m1cf20 {
  transform: rotate(45deg);
}

.ne653 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.e3b45c9.ad4b .ne653 {
  max-height: 500px;
}

.ne653 p {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  margin: 0;
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

.fa2bde {
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.fa2bde img {
  width: 100%;
  height: auto;
  display: block;
}

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

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

.o5d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.2rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.nb7be5e7 {
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.id01c8c0 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: white;
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

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

  .i59 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .g6ded1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .m2be41 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

  .i59 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .g6ded1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .m2be41 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

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

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

.e564a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

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

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

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

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

.pbe6bc9f {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

  .efa5d4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

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

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

.a11c4d75 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.m7bbda {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

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

.jfb1f {
  display: inline-block;
  background-color: var(--color-primary);
  color: white;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  align-self: flex-start;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

.ed46 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.i4d {
  display: inline-block;
  background-color: var(--color-primary);
  color: white;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

.j9d33 {
  display: none;
}

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

.h81a main {
  width: 100%;
}

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

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

.h81a 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: var(--line-height-tight);
}

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

.h81a h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.h81a p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.h81a li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.h81a .db8401ca {
  height: 1px;
  background-color: var(--color-border-light);
  margin: var(--spacing-3xl) 0;
}

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

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

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

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

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

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

  .h81a h2 {
    margin-top: var(--spacing-xl);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .h81a .kdee25 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1025px) {
  .h81a .kdee25 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.h6ef46d6 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ne4010 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.c07fd {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kd8544 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  margin: 0 auto;
  animation: scaleIn 0.5s ease-out;
}

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.kd8544 svg {
  width: 48px;
  height: 48px;
  color: var(--color-success);
  stroke-width: 2;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}

.o62 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
}

.j437 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
}

.d0b1379 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
}

.l3c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: #ffffff;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 640px) {
  .ne4010 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

  .kd8544 svg {
    width: 56px;
    height: 56px;
  }

  .c07fd {
    gap: var(--spacing-2xl);
  }
}

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

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

  .c07fd {
    gap: var(--spacing-2xl);
  }

  .l3c {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(1rem, 1.2vw, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .ne4010 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

  .kd8544 svg {
    width: 64px;
    height: 64px;
  }

  .c07fd {
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1440px) {
  .ne4010 {
    padding: var(--spacing-4xl) 0;
  }

  .k17115 {
    padding: 0;
  }
}

* {
  box-sizing: border-box;
}

main.bbdcc1c {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.ecc35 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.b4cd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-2xl);
  padding: var(--spacing-xl) 0;
}

.aa34c8 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.fd301c5 {
  position: relative;
  width: 280px;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p96b6f {
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: var(--letter-spacing-tight);
  line-height: 1;
  position: relative;
  z-index: 2;
}

.gb3a {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 1;
  opacity: 0.15;
}

.j5f5 {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--color-warning);
  top: 20px;
  right: 30px;
  box-shadow: 0 0 40px var(--color-warning-light);
}

.ka32ba1b {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nb21a8 {
  width: 30px;
  height: 80px;
  background-color: var(--color-primary-light);
  border-radius: 15px;
  margin: 0 15px;
}

.nb21a8::before,
.nb21a8::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 40px;
  background-color: var(--color-primary-light);
  border-radius: 8px;
}

.nb21a8::before {
  left: -25px;
  top: 30px;
}

.nb21a8::after {
  right: -25px;
  top: 30px;
}

.f093d {
  width: 25px;
  height: 70px;
  background-color: var(--color-primary-light);
  border-radius: 12px;
  margin: 0 20px;
}

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

.bad672 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-tight);
}

.b6e3 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}

.i4bf1d44 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.mc8a {
  display: flex;
  justify-content: center;
  margin: var(--spacing-lg) 0;
}

.he17b6 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  border: 2px solid transparent;
  cursor: pointer;
}

.g3f2 {
  background-color: var(--color-primary);
  color: white;
  border-color: var(--color-primary);
}

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

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

.eac7 {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary-light);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-xl);
}

.k34c {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

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

@media (min-width: 640px) {
  .fd301c5 {
    width: 350px;
    height: 350px;
  }

  .j5f5 {
    width: 80px;
    height: 80px;
    top: 30px;
    right: 50px;
  }

  .nb21a8 {
    width: 40px;
    height: 100px;
  }

  .nb21a8::before,
  .nb21a8::after {
    width: 20px;
    height: 50px;
    border-radius: 10px;
  }

  .nb21a8::before {
    left: -35px;
    top: 40px;
  }

  .nb21a8::after {
    right: -35px;
    top: 40px;
  }

  .f093d {
    width: 35px;
    height: 90px;
  }

  .b4cd {
    gap: var(--spacing-3xl);
    padding: var(--spacing-2xl) 0;
  }
}

@media (min-width: 768px) {
  main.bbdcc1c {
    padding: var(--spacing-lg);
  }

  .fd301c5 {
    width: 400px;
    height: 400px;
  }

  .j5f5 {
    width: 100px;
    height: 100px;
    top: 40px;
    right: 60px;
  }

  .nb21a8 {
    width: 50px;
    height: 120px;
  }

  .nb21a8::before,
  .nb21a8::after {
    width: 25px;
    height: 60px;
  }

  .nb21a8::before {
    left: -45px;
    top: 50px;
  }

  .nb21a8::after {
    right: -45px;
    top: 50px;
  }

  .f093d {
    width: 40px;
    height: 110px;
  }

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

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

@media (min-width: 1024px) {
  main.bbdcc1c {
    padding: var(--spacing-xl);
  }

  .fd301c5 {
    width: 450px;
    height: 450px;
  }

  .j5f5 {
    width: 120px;
    height: 120px;
    top: 50px;
    right: 80px;
  }

  .nb21a8 {
    width: 60px;
    height: 140px;
  }

  .nb21a8::before,
  .nb21a8::after {
    width: 30px;
    height: 70px;
    border-radius: 15px;
  }

  .nb21a8::before {
    left: -55px;
    top: 60px;
  }

  .nb21a8::after {
    right: -55px;
    top: 60px;
  }

  .f093d {
    width: 45px;
    height: 130px;
    border-radius: 15px;
  }

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

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

  .k34c {
    font-size: var(--font-size-base);
  }
}

@media (prefers-reduced-motion: reduce) {
  .g3f2:hover {
    transform: none;
  }

  .g3f2:active {
    transform: none;
  }

  .j5f5 {
    box-shadow: none;
  }
}

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

.accf7 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.b628 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: var(--letter-spacing-tight);
}

.bdc8eef {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
}

@media (min-width: 768px) {
  .accf7 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .accf7 {
    padding: 6rem 2rem;
  }
}

.cb54 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.a37cc {
  max-width: 1440px;
  margin: 0 auto;
}

.m204507 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

@media (min-width: 768px) {
  .m204507 {
    flex-direction: row;
    gap: 4rem;
    align-items: flex-start;
  }

  .cb54 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .cb54 {
    padding: 6rem 2rem;
  }

  .m204507 {
    gap: 5rem;
  }
}

.l30 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .l30 {
    flex: 1 1 400px;
    max-width: 550px;
  }
}

.k671 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.bcb {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.ib3c,
.d2b {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  transition: var(--transition-base);
}

.ib3c::placeholder,
.d2b::placeholder {
  color: var(--color-text-muted);
}

.ib3c:focus,
.d2b:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
  background-color: var(--color-bg-primary);
}

.d2b {
  min-height: 150px;
  resize: vertical;
  font-size: 0.95rem;
  line-height: var(--line-height-normal);
}

.j89 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-danger);
  display: none;
  margin-top: 0.25rem;
}

.j89.k0205 {
  display: block;
}

.b5b.fee12d .ib3c,
.b5b.fee12d .d2b {
  border-color: var(--color-danger);
  background-color: rgba(244, 67, 54, 0.05);
}

.e77991f {
  padding: 1rem;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.m047fa28 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.j35fd {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.f0dc {
  width: 100%;
  padding: 1.125rem 2rem;
  background-color: var(--color-primary);
  color: #ffffff;
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  text-transform: uppercase;
}

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

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

.f0dc:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.iac47d {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .iac47d {
    flex: 1 1 400px;
  }
}

.h25cb {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.n206d3b6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  letter-spacing: var(--letter-spacing-tight);
}

.g4075 {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 2rem;
  align-items: flex-start;
}

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

.pc4d04 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.c1e0115 {
  flex: 1;
}

.a113c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  letter-spacing: var(--letter-spacing-normal);
}

.ee65c81 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.25rem 0;
  line-height: var(--line-height-normal);
}

.d328c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.fc38751c {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
}

.p1a {
  width: 100%;
  height: 1px;
  background-color: var(--color-border-light);
  margin: 2rem 0;
}

.m9ed2 {
  margin-top: 0.5rem;
}

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

.c77d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
}

.c4d {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

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

.c4d::before {
  content: '→';
  display: inline-block;
  transition: var(--transition-fast);
}

.c4d:hover::before {
  transform: translateX(4px);
}

.j031cb {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .j031cb {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .j031cb {
    padding: 6rem 2rem;
  }
}

.j0d {
  max-width: 1440px;
  margin: 0 auto;
}

.j2ee {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  letter-spacing: var(--letter-spacing-tight);
  text-align: center;
}

.o4b1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 3rem 0;
  text-align: center;
  line-height: var(--line-height-normal);
}

.f4e1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .f4e1 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

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

.e13457 {
  background-color: var(--color-bg-primary);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.e13457:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.lc8c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: var(--letter-spacing-normal);
}

.k49 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.i41e6 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

.ka62c {
  text-align: center;
  padding: 2rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.d223 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
}

.p13894 {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: #ffffff;
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
}

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

.k17115 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
}

@media (min-width: 768px) {
  .k17115 {
    padding: 0 2rem;
  }
}
.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}