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

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

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

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fef3c7;
  --color-secondary: #f59e0b;
  --color-secondary-light: #fef08a;

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

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

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h2 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

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

button,
input[type="button"],
input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

.o2fc8f {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.ld50b0 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-weight: 600;
  font-size: 1rem;
  border: none;
  border-radius: var(--radius-lg);
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

.c4f240 {
  text-align: center;
  margin-bottom: var(--spacing-2xl);
}

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .c76,
  .j18c,
  .i7f {
    grid-template-columns: 1fr;
  }

  .o2fc8f {
    padding: 0 16px;
  }

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

.m1a43 {
  display: flex;
}

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

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

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

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

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

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

.gf3126 {
  gap: var(--spacing-xl);
}

.ee15a3 {
  text-align: center;
}

.mb4 {
  text-align: left;
}

.c3b {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gfb98 {
  margin: 0;
}

.kb63 {
  margin: var(--spacing-xs);
}

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

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

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

.f190 {
  margin: var(--spacing-xl);
}

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

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

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

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

.ife {
  margin-top: var(--spacing-xl);
}

.i603f6 {
  margin-top: var(--spacing-2xl);
}

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

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

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

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

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

.n4a87c {
  padding: 0;
}

.i42 {
  padding: var(--spacing-xs);
}

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

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

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

.b3b4c6 {
  padding: var(--spacing-xl);
}

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

.p9e4 {
  padding-top: var(--spacing-sm);
}

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

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

.l74 {
  padding-top: var(--spacing-xl);
}

.b401ae {
  padding-top: var(--spacing-2xl);
}

.l2c6 {
  padding-bottom: var(--spacing-sm);
}

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

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

.hae08 {
  padding-bottom: var(--spacing-xl);
}

.m47 {
  padding-bottom: var(--spacing-2xl);
}

.lec40a {
  opacity: 0.5;
}

.eb8ffcb {
  opacity: 0.75;
}

.a07b {
  opacity: 1;
}

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

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 {
  color: var(--color-text-muted);
}

textarea {
  resize: vertical;
}

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

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

.p963ce8 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

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

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

.o3f27 {
  background: var(--color-secondary-light);
  padding: 0 var(--spacing-sm);
  border-radius: var(--radius-sm);
  color: var(--color-text-primary);
  font-weight: 500;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.af2 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 1000;
  overflow: hidden;
}

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

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

.e3b8:hover {
  opacity: 0.85;
}

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

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

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

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

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

.d8f93de0 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

.kf4 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

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

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

.o4f882.p347384d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.n310f2c3 {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: block;
}

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

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

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

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

  .kf4 {
    display: none;
  }

  .o4f882 {
    display: none;
  }
}

    .ae6e5e3 {
  width: 100%;
}

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

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

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

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

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

.jd537132 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

.kdd1a0 {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 1;
  clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

  .f49fb {
    flex: 1 1 100%;
  }

  .c765c8 {
    flex: 1 1 100%;
    min-height: 280px;
  }

  .kdd1a0 {
    max-width: 350px;
    aspect-ratio: 4/3;
  }

  .jd537132 {
    flex-direction: column;
  }

  .cdb4c,
  .kc3c4249 {
    width: 100%;
    text-align: center;
  }
}

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

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

.id2 {
  text-align: center;
}

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

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

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

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

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

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

.k21a6502 {
  text-align: center;
}

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

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

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

.lc4 {
  flex: 1 1 200px;
  max-width: 280px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.d83d0 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  height: auto;
}

.i90e70a0 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n66 {
  text-align: center;
}

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

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

.kb574a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.i9c3dd {
  flex: 0 0 40%;
  min-height: 250px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.a99 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 767px) {
  .kb574a {
    flex-direction: column;
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .i9c3dd {
    flex: 1 1 100%;
    min-height: 200px;
  }

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

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

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

.e540 {
  text-align: center;
}

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

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

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

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

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

.m08e5b {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

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

.f4c:hover .m08e5b img {
  transform: scale(1.05);
}

.c93b4 {
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1rem, 2vw, 1.5rem) 0;
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
}

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

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

.g9016 {
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.iaaf6c62 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

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

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

.j70 {
  text-align: center;
}

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

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

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

.e5403ff {
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.a14 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  color: var(--color-accent);
}

.g89430 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.he2ced {
  font-size: clamp(1.75rem, 4vw + 1rem, 3rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o81 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.c59b {
  text-align: center;
}

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

.p24 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

.b4fbf3 {
  text-align: center;
}

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

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

.id9f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
  max-width: 900px;
  margin: 0 auto;
}

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

.mfe431a9 {
  flex: 0 0 auto;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

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

.l99f62ed {
  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, 2rem);
  overflow: hidden;
}

.l99f62ed.k22b25 {
  display: none;
}

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

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

.nfef3,
.c3b48 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  transition: all var(--transition-base);
  border: none;
}

.nfef3 {
  background: #f59e0b;
  color: #1e293b;
}

.nfef3:hover {
  background: #d97706;
  transform: translateY(-1px);
}

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

.c3b48:hover {
  border-color: rgba(241, 245, 249, 0.6);
  background: rgba(241, 245, 249, 0.05);
}

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

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

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

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

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

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

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

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

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

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

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

.c68f {
  max-width: 600px;
}

.c68f h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.5px;
}

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

.fcb,
.k2cec,
.p908af {
  display: block;
}

.fcb h3,
.k2cec h3,
.p908af h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.5px;
}

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

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

.p8ee5f a:hover,
.p1bc a:hover {
  color: var(--color-accent);
}

.i6b33ce9 {
  display: block;
}

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

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

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

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

.g934 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .m83da0 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(2rem, 5vw, 3.5rem);
    align-items: start;
  }

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

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

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

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

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

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

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

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

.he119d {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: 1rem;
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.he119d:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

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

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

.md2 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}

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

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

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

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

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

.l48e {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 0.75rem;
  overflow: hidden;
  padding: 0;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.l48e:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

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

.da6eaf {
  flex: 1 1 calc(25% - 0.75rem);
  min-width: 250px;
}

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

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

.kcd5 .b3ed7 {
  aspect-ratio: 16 / 10;
}

.ebdd4db4 .b3ed7 {
  aspect-ratio: 21 / 9;
}

.gd07db {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  padding: 0 1.5rem;
  padding-top: 1.5rem;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nb3 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  padding: 0 1.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
}

.k9da,
.of1,
.ed65 {
  color: var(--color-text-muted);
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.k9da i,
.of1 i,
.ed65 i {
  color: var(--color-accent);
  font-size: 0.875em;
}

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

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

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

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

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

@media (max-width: 767px) {
  .kcd5,
  .da6eaf,
  .ebdd4db4 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .gcb86d0d {
    flex-direction: column;
  }

  .he119d {
    padding: clamp(1.5rem, 4vw, 2.5rem);
  }

  .gd07db {
    padding: 0 1rem;
    padding-top: 1rem;
  }

  .pa11 {
    padding: 0 1rem;
  }

  .nb3 {
    padding: 0 1rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.kf84c9 {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
}

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

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

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

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

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

.h60bc {
  flex-shrink: 0;
}

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

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

.i0f2d {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

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

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

.edc4 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  font-weight: 500;
  margin: 0;
}

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

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

.n12 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

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

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

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

.b4f,
.m3f93,
.he78c0,
.daae1b,
.c4b {
  display: block;
}

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

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

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

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

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

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

.de60 {
  display: block;
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

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

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

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

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

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

.mca7e {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.cf123b9 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.o269 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  min-width: 280px;
  max-width: 380px;
  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;
}

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

.kde {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.o269:hover .kde img {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .h60bc img {
    width: 100px;
    height: 100px;
  }

  .l6738 {
    flex-direction: column;
  }

  .df99a8c0,
  .m038ab {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o269 {
    flex: 1 1 100%;
  }

  .kacc {
    flex-direction: column;
    align-items: flex-start;
  }

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

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

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

  .o269 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

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

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

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

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

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

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

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

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

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

.p1acdea {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 750px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l27a41 {
  width: 100%;
}

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

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

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

.dce1 {
  flex-shrink: 0;
}

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

.l5efb {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 100%;
}

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

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

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

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

.m56e0 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

  .dce1 {
    align-self: flex-start;
  }
}

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

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

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

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

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

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

.l61 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h3d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

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

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

.hf2a911b {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

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

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

.ie25ec {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

.o1ca4586 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ncd773e2 {
  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);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 350px;
}

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

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

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

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

.hf9d {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l39b {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .c4ea,
  .j936b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ncd773e2 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    max-width: none;
  }
}

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

  .d9265862 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .oaf7ab {
    gap: 1rem;
  }

  .g7d27a5d {
    max-height: 300px;
  }

  .o5c {
    flex-direction: column;
  }

  .h358 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .md3aabc3 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

  .h3d {
    flex-direction: column;
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }

  .d393e0de {
    margin-top: 0;
  }
}

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

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading, 'Space Grotesk', sans-serif);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i17259 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

.p35e277 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 850px;
}

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

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

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

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

.k50f4e3 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  object-fit: cover;
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
  display: block;
}

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

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

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

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

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

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

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

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

.e3d {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 850px;
}

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

.j2a074a7 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

.c9927f24 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
  transition: all var(--transition-base, 0.3s ease);
  flex: 1 1 clamp(250px, 100%, 350px);
  max-width: 350px;
}

.c9927f24:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.15));
}

.e92f {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;
}

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

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

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

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

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

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

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

  .ace998,
  .d04b09 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

@media (min-width: 1024px) {
  .c9927f24 {
    flex: 1 1 calc(33.333% - 1.667rem);
  }
}

html, body {
  margin: 0;
  padding: 0;
}

.lef {
  width: 100%;
  overflow: hidden;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.pe67 {
  text-align: center;
}

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

.p660d {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.aea7244f {
  display: flex;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.k595a676 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

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

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

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

.p04a89 {
  flex: 0 0 auto;
}

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

.aab54e {
  flex: 1 1 auto;
}

.o10d2a {
  margin: 0 0 0.5rem 0;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
}

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

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

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

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

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

  .aab54e {
    order: 2;
  }

  .p04a89 {
    order: 1;
  }
}

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

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

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

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

.ob5391 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .g77,
  .p867 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.pd7637 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .h89,
  .lbd0a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.k67a2ac4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .h30dd8,
  .lc0eae {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }
}

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

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

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

.j2bcb86 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

.j8079cb8 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .hff4099,
  .b8974e6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.i5f6b {
  text-align: center;
}

.faddad {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

.i71bf71 {
  font-size: 2rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

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

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

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

.m60816e5 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.b7136ba5 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

.na6ca {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

.o35c8 {
  text-align: center;
}

.g88 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

.h8d {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
}

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

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

.ec0 {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  text-align: left;
}

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

button[type="submit"] {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

button[type="submit"]:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

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

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

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

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

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

.j72 {
  max-width: 900px;
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-xl);
}

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

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

.ff9e {
  text-align: center;
}

.j127 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.c95 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.ad4c3 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

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

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

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

.bade043 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

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

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

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

.nd4 {
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

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

.a74ef {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.a74ef:hover {
  border-color: var(--color-accent);
  transform: translateY(-8px);
  box-shadow: var(--shadow-lg);
}

.n9a276 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  height: clamp(3rem, 4vw, 3.5rem);
}

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

.kf66 {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
}

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

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

.icd474b9 {
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

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

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

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

.n309492 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

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

.df01 {
  max-width: 800px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

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

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

.ec15460 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

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

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

.bed10 {
  font-size: clamp(0.8125rem, 1.2vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding-left: clamp(2.5rem, 4vw, 3rem);
}

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

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

  .hb518c4 {
    margin-top: 0;
  }

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

  .lfb {
    border-left-width: 3px;
  }
}

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

@media (min-width: 1025px) {
  .j5c9 {
    gap: 2rem;
  }

  .a74ef {
    flex: 0 1 calc(33.333% - 1.33rem);
  }
}

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

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

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

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

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

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

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

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

.f0f1987e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

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

.j50d3c {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-md, 8px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

  .o52bf3,
  .d5af {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b10ab4c8 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.i235093 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  text-align: center;
}

.g5410da {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

.fd5,
.pe93d0 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md, 8px);
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
}

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

.fd5:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.2);
}

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

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

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

  .fd5,
  .pe93d0 {
    width: 100%;
  }
}

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

.a14762e8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.e4b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 6vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.jc4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 720px;
}

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

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

@media (min-width: 1024px) {
  .a14762e8 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.j48b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

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

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

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

.n7006f5:hover .da988 img {
  transform: scale(1.04);
}

.bebe83 {
  padding: var(--spacing-md);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

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

.bb46b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: 0.35rem var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.l0bb5c {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 3vw + 0.3rem, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.hef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.jc65671 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

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

.jc65671:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
  border-radius: 2px;
}

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

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

  .da988 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .j48b {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .da988 {
    height: 320px;
  }
}

.p0e41 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.jb2e923 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw + 0.3rem, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.c7b93 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.bbe10b {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: 0.85rem var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: 2px solid var(--color-primary);
  transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);
  cursor: pointer;
}

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

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

.bbe10b:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 4px;
}

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

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

@media (min-width: 1024px) {
  .p0e41 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.gd93b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

.kc9474 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-md);
}

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

.n13f {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

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

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

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

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

.k53ad {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.o9ea {
  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.5rem;
}

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

.e9b5 {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.j4a {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.n4fed7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-md);
}

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

.gff725 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 500px;
}

.i1888 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  max-width: fit-content;
}

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

.i1888:active {
  transform: translateX(0);
}

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

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

@media (min-width: 640px) {
  .gd93b {
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }

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

  .j4a {
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .gd93b {
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

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

  .j61 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .j4a {
    grid-template-columns: 1.2fr 1fr;
    align-items: center;
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1280px) {
  .gd93b {
    padding: var(--spacing-3xl) var(--spacing-3xl);
  }

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

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

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

@media (min-width: 1536px) {
  .l13d8a {
    max-width: 1400px;
  }

  .k53ad {
    padding: var(--spacing-xl);
  }
}

@media (max-width: 639px) {
  .nc21cc5,
  .ja4 {
    margin: 0 calc(-1 * var(--spacing-md));
    width: calc(100% + 2 * var(--spacing-md));
    border-radius: 0;
  }
}

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

.i6d .o2fc8f {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.i6d .ec1a3c7d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.i6d h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.i6d .d1deb6c {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.i6d h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-top: var(--spacing-lg);
}

.i6d p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.i6d ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.i6d li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.i6d .deb {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
}

.i6d .deb h2 {
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.i6d .deb p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.i6d .p321f7 {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

@media (min-width: 1024px) {
  .i6d .ec1a3c7d {
    padding: var(--spacing-3xl) 0;
  }
}

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

.i467c73d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.ec1a3c7d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.k10a2f9d {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.jbd71ad {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.jbd71ad svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

.k10a2f9d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.02em;
}

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

.h06172b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.ld50b0 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  font-family: var(--font-primary);
  text-align: center;
  margin-top: var(--spacing-md);
}

.j41 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

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

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

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

  .k10a2f9d {
    gap: var(--spacing-xl);
  }

  .h06172b {
    line-height: 1.9;
  }
}

@media (min-width: 1024px) {
  .i467c73d {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .k10a2f9d {
    gap: var(--spacing-2xl);
  }

  .ld50b0 {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ld50b0 {
    transition: none;
  }

  .j41:hover {
    transform: none;
  }
}

.e2338 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
  overflow: hidden;
}

.f7c06d {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  position: relative;
}

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

.ec1a3c7d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.me5e {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.g810 {
  position: relative;
  margin-bottom: var(--spacing-md);
}

.icb58 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 12vw, 9rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
  padding: 0;
  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;
}

.k9d4152 {
  width: clamp(100px, 20vw, 200px);
  height: 4px;
  background-color: var(--color-accent);
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-full);
}

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

.ec1696 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 0 0;
  padding: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.g67345 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0 0 0;
  padding: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ld50b0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-top: var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  display: inline-block;
}

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

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

.j41:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.l4cab1 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.l654f5d5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.l654f5d5:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-secondary);
  transform: translateY(-4px);
  box-shadow: var(--shadow-sm);
}

.ged {
  font-size: clamp(2rem, 4vw, 2.5rem);
  line-height: 1;
}

.l654f5d5 p {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 480px) {
  .me5e {
    gap: var(--spacing-xl);
  }

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

  .l4cab1 {
    gap: var(--spacing-xl);
  }
}

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

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

  .me5e {
    gap: var(--spacing-2xl);
  }

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

  .ld50b0 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }

  .l4cab1 {
    margin-top: var(--spacing-3xl);
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1024px) {
  .f7c06d {
    padding: var(--spacing-3xl) 0;
    min-height: 100vh;
  }

  .me5e {
    gap: var(--spacing-2xl);
  }

  .l654f5d5 {
    padding: var(--spacing-xl);
  }

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

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

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

  .icb58 {
    font-size: clamp(3.5rem, 10vw, 5rem);
  }

  .l4cab1 {
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
  }

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

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

.o4e3fe {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.be21f {
  text-align: center;
}

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

.f59dbd {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.h01c4383 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.j4d46 {
  width: 100%;
}

.bcae {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

.ka9f {
  flex: 1 1 350px;
  min-width: 0;
}

.a90 {
  flex: 1 1 350px;
  min-width: 0;
}

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

.bf0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.m16 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.p4ed8fa {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.g92e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.l6a990 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

.b7f7,
.mfb0f2 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.b7f7::placeholder,
.mfb0f2::placeholder {
  color: var(--color-text-muted);
}

.b7f7:focus,
.mfb0f2:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.mfb0f2 {
  min-height: 140px;
  resize: vertical;
}

.f689 {
  font-family: var(--font-primary);
  font-size: 0.8rem;
  color: var(--color-danger);
  display: none;
  margin-top: -0.25rem;
}

.f689.dc8cfa92 {
  display: block;
}

.mf58 {
  background-color: var(--color-bg-tertiary);
  border-left: 3px solid var(--color-primary-light);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-sm);
}

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

.g5c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

.g5c:hover,
.g5c:focus {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  outline: none;
}

.p437cc {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: -0.01em;
}

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

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

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

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

.hd47 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.n15f06 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.o1b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.f33a54f {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.f33a54f:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-tertiary);
}

.ef31 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  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.5rem;
}

.g176337 {
  flex: 1;
  min-width: 0;
}

.f8f2b82a {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.k799e0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

.n5d35 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  border-bottom: 2px solid transparent;
}

.n5d35:hover,
.n5d35:focus {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  outline: none;
}

.m1413 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
}

.k3961 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.kb218 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.k4772741 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ca749 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o476ed {
  display: inline-block;
  padding: 0.875rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  text-align: center;
  transition: var(--transition-base);
  letter-spacing: -0.01em;
}

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

.o476ed:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

.ka2a56b8:hover {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.m0b091 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.dc3a {
  width: 100%;
}

.a7f02133 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  letter-spacing: -0.02em;
}

.dbdb {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.c4132 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

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

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

  .bcae {
    gap: var(--spacing-3xl);
  }

  .ka9f {
    flex: 1 1 420px;
  }

  .a90 {
    flex: 1 1 420px;
  }

  .ca749 {
    flex-direction: row;
  }

  .o476ed {
    flex: 1;
  }

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

@media (min-width: 1024px) {
  .o4e3fe {
    padding: 4rem 0;
  }

  .h01c4383 {
    padding: 4rem 0;
  }

  .m0b091 {
    padding: 4rem 0;
  }

  .ka9f {
    flex: 1 1 450px;
  }

  .a90 {
    flex: 1 1 450px;
  }
}

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

  .ka9f {
    width: 100%;
  }

  .a90 {
    width: 100%;
  }

  .f33a54f {
    flex-direction: column;
    gap: var(--spacing-md);
  }

  .ef31 {
    align-self: flex-start;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.kf4,.ica368{width:34px;}
.kf4[aria-expanded="true"]{display:none;}
.o4f882.p347384d{z-index:999;}
.o4f882{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.o4f882{max-width:100%;}}
.j01{justify-content:flex-end;}
@media (max-width:768px){.m08e5b{min-height:500px;}}
@media (max-width:768px){.b3ed7{min-height:500px;}}