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

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

  --color-text-primary: #052e16;
  --color-text-secondary: #166534;
  --color-text-muted: #437756;

  --color-primary: #15803d;
  --color-primary-hover: #166534;
  --color-primary-light: #d1fae5;
  --color-primary-lighter: #ecfdf5;

  --color-secondary: #22c55e;
  --color-secondary-light: #dcfce7;
  --color-secondary-lighter: #f0fdf4;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #bbf7d0;
  --color-border-light: #dcfce7;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Poppins', sans-serif;

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: var(--line-height-normal);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

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

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

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

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

button,
[role="button"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

.i55 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

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

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

.ic9c {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

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

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

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

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

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

.e54 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
}

.j39b7af {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

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

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

.a2e {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

input::placeholder {
  color: var(--color-text-muted);
}

textarea {
  resize: vertical;
}

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

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

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

.gb1 {
  color: var(--color-success);
}

.e2e {
  color: var(--color-warning);
}

.j2f9bf {
  color: var(--color-danger);
}

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

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

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

.ef75e {
  margin: 0;
}

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

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

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

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

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

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

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

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

.i7e {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

.dbc0 {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.pe1d5 {
  padding: 0;
}

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

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

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

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

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

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

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

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

.j5371 {
  display: flex;
}

.l02 {
  flex-direction: column;
}

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

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

.dfc {
  gap: var(--spacing-xs);
}

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

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

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

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

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

.e6d {
  display: grid;
}

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

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

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

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

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

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

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

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

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

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

.abc8130b {
  width: 100%;
}

.bbe9aff6 {
  height: 100%;
}

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

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

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

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

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

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

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

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

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

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

.i7d7a295 {
  text-align: center;
}

.n05c7 {
  text-align: left;
}

.e213 {
  text-align: right;
}

.b3ff7eb1 {
  font-size: 0.875rem;
}

.l6c {
  font-size: 1rem;
}

.l9ba548 {
  font-size: 1.125rem;
}

.ffccf {
  font-size: 1.25rem;
}

.pc96face {
  font-size: 1.5rem;
}

.a9b665 {
  font-size: 1.875rem;
}

.lb118d {
  font-weight: 400;
}

.obbe {
  font-weight: 500;
}

.k47 {
  font-weight: 600;
}

.ed237 {
  font-weight: 700;
}

.gac24 {
  line-height: var(--line-height-tight);
}

.ada7c {
  line-height: var(--line-height-normal);
}

.c3a1799 {
  line-height: var(--line-height-relaxed);
}

.c2883c55 {
  opacity: 0.5;
}

.j2ac150 {
  opacity: 0.75;
}

.jd2373 {
  opacity: 1;
}

.jcab2 {
  transition: all var(--transition-fast);
}

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

.m400d1db {
  transition: all var(--transition-slow);
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

@media (max-width: 640px) {
  :root {
    --spacing-xl: 1.5rem;
    --spacing-2xl: 2rem;
    --spacing-3xl: 2.5rem;
    --spacing-4xl: 3rem;
  }

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

  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

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

  .c9e88a {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.l1b182 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

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

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

.nf9482b:hover {
  opacity: 0.8;
}

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

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

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

.haf {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

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

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

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

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

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

.m41c4.aef03006 .ga92:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.m41c4.aef03006 .ga92:nth-child(2) {
  opacity: 0;
}

.m41c4.aef03006 .ga92:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.k3af35e {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  border-left: 1px solid var(--color-border-light);
}

.k3af35e.aef03006 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.a97c4f5f {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  padding: 0.5rem;
  transition: color var(--transition-fast);
}

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

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

.k536 {
  padding: 1rem 0;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-fast);
}

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

.k085f {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  margin: 1rem clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  text-align: center;
  transition: background var(--transition-fast);
}

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

@media (min-width: 768px) {
  .l081 {
    height: 80px;
    gap: 2rem;
  }

  .d77b {
    display: flex;
  }

  .d13 {
    display: block;
  }

  .m41c4 {
    display: none;
  }

  .k3af35e {
    display: none;
  }

  .a96d74 {
    font-size: 1.5rem;
  }
}

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

  .d77b {
    gap: 2.5rem;
  }

  .haf {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }

  .d13 {
    padding: 0.85rem 2rem;
    font-size: 1rem;
  }
}

    

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

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

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

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

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

.c6e8 {
  width: 100%;
}

.i55 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

.m76a {
  max-width: 900px;
}

.od4 {
  font-size: clamp(2.5rem, 7vw + 0.5rem, 4rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 2rem);
  font-weight: 900;
  letter-spacing: -0.02em;
}

.k169 {
  color: var(--color-accent);
}

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

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

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

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

.e7f51 {
  text-align: center;
}

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

.pdcc22 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

.g6da {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.d739c7 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pea4b {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

  .d739c7 {
    grid-column: 1 / 3;
    grid-row: auto;
  }
}

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

  .d739c7 {
    grid-column: auto;
    grid-row: auto;
  }
}

.m3a2 {
  background: var(--color-accent);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
  clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
  padding-bottom: clamp(4rem, 10vw, 8rem);
}

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

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

.i29481 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 800;
}

.o9953524 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  max-width: 600px;
  line-height: 1.6;
}

.m3a2 .o4d {
  background: var(--color-bg-primary);
  color: var(--color-accent);
}

.m3a2 .o4d:hover {
  background: rgba(255, 255, 255, 0.9);
}

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

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

.hbdabd {
  text-align: center;
}

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

.g62a59f {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.j73 {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.k06e2b {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 800;
  color: var(--color-accent);
  min-width: 100px;
  flex-shrink: 0;
}

.a527122b {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-top: 0.25rem;
}

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

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

.kab0f5 {
  flex: 1 1 50%;
  min-width: 250px;
}

.m43c59 {
  flex: 1 1 50%;
  min-width: 250px;
}

.ca0ba5f4 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
}

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

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

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

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

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

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

  .kab0f5 {
    flex: 1 1 100%;
  }

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

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

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

.k7a0b3 {
  text-align: center;
}

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

.gc4a79 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.h4770e7 {
  flex: 1 1 300px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.c493 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.jd25b157 {
  text-align: center;
}

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

.o43 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.lf15,
.a255d9 {
  flex: 1 1 300px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  background: var(--color-bg-card);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.lf15 {
  border-top: 4px solid #ef4444;
}

.a255d9 {
  border-top: 4px solid var(--color-accent);
}

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

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

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

.lf15 .c71::before {
  content: '✗';
  position: absolute;
  left: 0;
  color: #ef4444;
  font-weight: bold;
}

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

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

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

.ia6 {
  text-align: center;
}

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

.pccf260f {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.h1c {
  flex: 1 1 280px;
  max-width: 360px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: transform 0.3s ease;
}

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

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

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

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

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

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

.e9142 {
  flex: 1 1 40%;
  min-width: 250px;
}

.ned0 {
  flex: 1 1 60%;
  min-width: 250px;
}

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

.fb6 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
}

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

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

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

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

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

  .e9142 {
    flex: 1 1 100%;
  }

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

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

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

.a94ff {
  text-align: center;
}

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

.j1d5 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.c15e4 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}

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

.c76fa1 {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

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

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

.m78a05e {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin-top: auto;
  transition: color 0.3s ease;
}

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

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

.m672b4 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  transition: all 0.3s ease;
}

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

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

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

.k52 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.fc3f5bb {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

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

.ic17ee.lf0dcaaa {
  display: none;
}

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

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

.p493,
.b9e3b {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
  border: none;
}

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

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

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

.b9e3b:hover {
  background: rgba(241, 245, 249, 0.1);
  border-color: rgba(241, 245, 249, 0.5);
}

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

  .b215 {
    min-width: auto;
    text-align: center;
  }

  .p6427 {
    width: 100%;
  }

  .p493,
  .b9e3b {
    flex: 1 1 45%;
    min-width: 120px;
  }
}

@media (max-width: 640px) {
  .od4 {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }

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

  .d739c7 {
    grid-column: auto;
    grid-row: auto;
  }

  .g8cb {
    flex-direction: column;
    align-items: stretch;
  }

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

  .l66d {
    flex-direction: column;
    align-items: stretch;
  }

  .lf15,
  .a255d9 {
    flex: 1 1 100%;
    max-width: none;
  }

  .a18521b {
    flex-direction: column;
    align-items: stretch;
  }

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

  .mc116c {
    flex-direction: column;
    align-items: stretch;
  }

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

  .p493,
  .b9e3b {
    flex: 1 1 100%;
  }
}

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

  .i55 {
    width: 100%;
  }

  .j73 {
    gap: 1rem;
  }

  .k06e2b {
    min-width: 70px;
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
}

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

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

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

.l69b2 {
  max-width: 500px;
}

.l69b2 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: 1rem;
  line-height: var(--line-height-tight);
}

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

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

.k463c,
.k137082,
.i68f8bd7 {
  flex: 1 1 200px;
  min-width: 180px;
}

.k463c h4,
.k137082 h4,
.i68f8bd7 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  margin-bottom: 1.25rem;
}

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

.cbc854 li,
.eeced8f li {
  margin: 0;
  padding: 0;
}

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

.cbc854 a:hover,
.eeced8f a:hover {
  color: var(--color-accent);
}

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

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

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

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

.p4cb861 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .k463c,
  .k137082,
  .i68f8bd7 {
    flex: 1 1 100%;
  }

  .l69b2 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .ca77b3 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .cbc854,
  .eeced8f {
    gap: 0.5rem;
  }

  .n41b {
    margin-bottom: 0.5rem;
  }
}
    

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

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

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

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

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

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

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

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

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

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

.nb8e {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  transition: all var(--transition-base);
}

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

.kcff {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  font-family: var(--font-heading);
  user-select: none;
  transition: color var(--transition-base);
}

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

.h9d2a6 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
}

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

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

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

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

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

.fa100 {
  flex: 1 1 100%;
  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: all var(--transition-base);
}

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

@media (min-width: 1024px) {
  .fa100 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

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

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

.id173 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

.h6c9 {
  flex: 1 1 50%;
  min-height: 300px;
  overflow: hidden;
}

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

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

.ladd4 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n771ec {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding-top: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

.a501 {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

  .id173 {
    flex-direction: column;
  }

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

  .a3b9 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

  .id173 {
    flex: 1 1 100%;
  }

  .e7a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-items: center;
  }

  .fa100 {
    grid-column: 1 / -1;
    max-width: 100%;
  }

  .nfc {
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .gb628 {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
  }

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

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

  .lb456 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .ha4f60db {
    width: 100%;
    max-width: 900px;
    overflow: hidden;
    border-radius: var(--radius-lg);
  }

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

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

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

  .gab08a {
    flex: 1 1 70%;
    min-width: 0;
  }

  .ne61c {
    flex: 1 1 30%;
    min-width: 250px;
    position: sticky;
    top: clamp(1rem, 2vw, 2rem);
  }

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

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

  .e231b {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .k73c {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-accent);
    margin: 0;
    font-weight: 500;
  }

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

  .g939d84d {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin-bottom: clamp(2rem, 4vw, 3rem);
    overflow: hidden;
  }

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

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

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

  .kab7fa {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    display: block;
  }

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

  .l7807 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 1rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .of4e055 {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    display: block;
  }

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

  .i7ad1b {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 1rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .id3dbba4 {
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2rem);
    margin-bottom: clamp(2rem, 4vw, 3rem);
    overflow: hidden;
  }

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

  .o9c274 {
    flex-shrink: 0;
    font-size: 1.5rem;
    color: var(--color-accent);
    display: flex;
    align-items: center;
  }

  .oe9134b {
    flex: 1 1 auto;
  }

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

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

  .hebc0 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin-bottom: clamp(2rem, 4vw, 3rem);
    overflow: hidden;
  }

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

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

  .g4450 {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    display: block;
  }

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

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

  .i99 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 1rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .c3d13aa4 {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    display: block;
  }

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

  .l8a29c {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 1rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .a5753 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    margin-bottom: clamp(2rem, 4vw, 3rem);
    overflow: hidden;
  }

  .j844c5 {
    max-width: 700px;
  }

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

  .a3de2 {
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0 0 1rem 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .nb31 {
    font-size: clamp(1.75rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--color-text-primary);
    text-align: center;
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .b140 {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 280px;
    max-width: 380px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
    display: flex;
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

    .gab08a {
      flex: 1 1 100%;
    }

    .ne61c {
      flex: 1 1 100%;
      position: static;
      max-width: 400px;
      margin: 0 auto;
    }
  }

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

    .ge6dce6,
    .j8148ea2,
    .i122db7,
    .be4d4 {
      flex-direction: column;
    }

    .ef5,
    .p89c,
    .k91d509,
    .l9b8ca,
    .id22,
    .m539,
    .l6e99a1,
    .o491 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .id22 {
      order: 0;
    }

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

.c66a096 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.affa5 {
  font-size: clamp(0.9375rem, 2vw, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.a65 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

.i2c61 {
  width: 100%;
  max-width: 900px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

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

.c0279 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.c0279 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.j9c933 {
  display: flex;
  justify-content: center;
}

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

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

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

.ndacae li {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

.i1c {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.efa5 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i1c p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bbbe9 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.lc5 {
  display: flex;
  justify-content: center;
}

.ebf1676a {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 700px;
  width: 100%;
}

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

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

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

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

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

.k6192 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lcb73 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 350px;
}

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

.jb53 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

.g14f {
  font-size: clamp(1.0625rem, 2vw, 1.3125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.hbd9 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

.ha3 {
  display: flex;
  justify-content: center;
}

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

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

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

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

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

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

.p719e3 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

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

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

.j1d p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .c89adc14,
  .n6ee {
    flex-direction: column;
  }

  .i1c,
  .bbbe9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .n4e508 {
    align-items: center;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.j44097 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

.j44097 span {
  color: var(--color-border);
}

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

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

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

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

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

.bfaa15a {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.7;
}

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

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

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

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

.je1fca {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.o1dd {
  flex: 1 1 70%;
  max-width: 70%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

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

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

.c189 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
}

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

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

.e40d79 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: center;
}

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

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

.kb4e64 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-align: center;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

.ecb87 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  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;
  display: flex;
  flex-direction: column;
}

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

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

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

.ecb87:hover .i2a00 {
  transform: scale(1.05);
}

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

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

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

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

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

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

.ce9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.le302064 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-md);
  cursor: pointer;
  text-decoration: none;
}

.le302064:hover {
  background: var(--color-accent-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
  text-decoration: none;
}

@media (max-width: 1024px) {
  .c189 {
    position: static;
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b65 {
    flex-direction: column;
  }

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

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

  .je1fca,
  .lcb4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .j44097 {
    font-size: 0.75rem;
    gap: 0.375rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.l7d8 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
}

.l7d8 a {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

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

.b77 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.e2a {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.k4b130f7 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-lg);
}

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

.gee7341 i {
  color: var(--color-accent);
  font-size: 1.1rem;
}

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

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

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

  .kc5f60,
  .hee14 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.fb26f4 p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

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

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

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

  .fb26f4,
  .jcf02e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.fc505 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.p715 p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

.cb04728 {
  background: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-lg);
}

.n57e1 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.b34 {
  list-style: none;
  padding: 0;
}

.b34 li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-md);
  position: relative;
}

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

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

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

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

  .p715,
  .p01d05e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m00602 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.mb3 {
  flex: 1;
}

.p52843 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

  .n7967ba2 {
    margin-top: 0;
  }
}

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

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

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

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

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

.mba475 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.i16bc4ed p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

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

  .ia7518,
  .i16bc4ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.b72104e3 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.2;
}

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

.c3250590 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
}

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

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

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

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

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

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

.jf5 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: var(--transition-base);
  align-self: flex-start;
}

.jf5:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

  .ha0 {
    flex-direction: column;
  }
}

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

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

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

.m4b28 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.cc594e59 p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

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

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

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

  .cc594e59,
  .la5a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.fa9e868 {
  max-width: 400px;
}

.l3a5 {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
}

.ja45f82 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto var(--spacing-md);
  display: block;
}

.mb69 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.2;
}

.mb69 a {
  color: var(--color-accent);
  text-decoration: none;
}

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

.p1dddd0 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

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

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

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

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

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

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

.o2031a9a {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.dfd1 p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

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

  .gab7,
  .dfd1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.lc536a {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.j215fa p {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

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

@media (max-width: 1024px) {
  .e6e,
  .nd1d8,
  .i4e3,
  .o95c7a,
  .i9a0,
  .b408 {
    gap: var(--spacing-lg);
  }
}

* {
  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;
}

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

.j3d8d {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', sans-serif;
}

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

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

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

.n20940a {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  margin-bottom: 1rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.iaab9 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  font-family: 'Poppins', sans-serif;
}

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

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

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

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

.h9c77 {
  text-align: center;
  margin-bottom: 1rem;
}

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

.bb0a6f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: 'Poppins', sans-serif;
}

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

.c2df8a8a p {
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

.fff {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  margin: 2rem auto 0;
}

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

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

.b2a99fe2 {
  text-align: center;
  margin-bottom: 1rem;
}

.dcfb95 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: 'Poppins', sans-serif;
}

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

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

.ha444 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-bg-secondary);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 400px;
  transition: all 0.3s ease;
}

.ha444:hover {
  border-color: var(--color-primary);
  box-shadow: 0 8px 24px rgba(21, 128, 61, 0.12);
  transform: translateY(-4px);
}

.pfd {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-primary);
  font-size: 1.75rem;
}

.o8ba {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-family: 'Poppins', sans-serif;
}

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

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

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

.mc8a52 {
  text-align: center;
}

.af90eaa6 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: 'Poppins', sans-serif;
}

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

.bb87738f p {
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

.c673166 {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  margin: 2rem auto 0;
}

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

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

.bde4f {
  text-align: center;
  margin-bottom: 1rem;
}

.f13d {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: 'Poppins', sans-serif;
}

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

.oa00670c {
  background: var(--color-bg-secondary);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(33.333% - 1.4rem);
  min-width: 240px;
  max-width: 350px;
  border-left: 4px solid var(--color-primary);
}

.i863f2 {
  color: var(--color-primary);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-family: 'Poppins', sans-serif;
}

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

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

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

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

.dbc36b {
  text-align: center;
}

.kcbb96 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-family: 'Poppins', sans-serif;
}

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

.ne18c p {
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

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

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

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

.jaf6 {
  color: var(--color-primary);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.n71ee92f {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
}

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

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

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

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

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

  .kdf,
  .fff,
  .c673166 {
    margin: 1.5rem 0 0 0;
  }
}

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

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

@media (min-width: 1025px) {
  .oa00670c {
    flex: 1 1 calc(33.333% - 1.4rem);
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.k2837 {
  width: 100%;
  max-width: 350px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.o54c {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

.o7d64c {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-xs);
}

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

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

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

.i3a610 {
  text-align: center;
}

.j874 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.fda34:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

.ebaf2db {
  text-align: center;
}

.l41a1a7f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.g4109 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.ma3 {
  text-align: center;
}

.b8baedc {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

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

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

.kdab1 {
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-full);
  padding: var(--spacing-sm) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

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

.h7c5 {
  text-align: center;
}

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

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

.j5b3d {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 240px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  position: relative;
  transition: all var(--transition-base);
}

.j5b3d:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.ldc69 {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

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

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

.k116ad71 {
  text-align: center;
}

.n64 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
}

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

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

.cf536 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: all var(--transition-base);
}

.cf536:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

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

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

.b890156c {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  display: inline-block;
  padding-bottom: var(--spacing-xs);
  border-bottom: 2px solid var(--color-accent);
  transition: all var(--transition-base);
}

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

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

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

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

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

.b974 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 5vw, 3rem);
  text-align: center;
  max-width: 600px;
  width: 100%;
}

.nf4 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

.l2f81 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
}

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

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

@media (max-width: 767px) {
  .e081 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .g2367,
  .cecef,
  .be2fb343,
  .nf2c324,
  .e63,
  .a284 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
}

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

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

  .d27c86af {
    flex: 1 1 55%;
  }

  .o54c {
    font-size: clamp(2rem, 4vw + 1rem, 3.5rem);
  }
}

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

  .g2367,
  .cecef,
  .be2fb343,
  .nf2c324,
  .e63,
  .a284 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

.af588019 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.cc97c2 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

@media (min-width: 1024px) {
  .af588019 {
    padding: 5rem var(--spacing-xl);
  }
}

.c633 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

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

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

@media (min-width: 1024px) {
  .m10b {
    padding: 5rem var(--spacing-xl);
  }

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

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

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

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

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

.b15f4:hover .b2f3a3c img {
  transform: scale(1.05);
}

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

.la43d9 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  display: inline-block;
  width: fit-content;
}

.kcf {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.kf0 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.n70bc7f {
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  display: inline-block;
  padding: var(--spacing-xs) 0;
  border-bottom: 2px solid transparent;
  transition: var(--transition-fast);
  width: fit-content;
}

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

.hac {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.d8eb49 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.cdcb {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

@media (min-width: 1024px) {
  .hac {
    padding: 5rem var(--spacing-xl);
  }
}

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

.i980d1 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.l4b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.e23a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.nf80ac3f {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.i04a0d7 {
  max-width: 1200px;
  margin: 0 auto;
}

.b80e87 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.e4766 {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.f7485 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

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

.je06c87e {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  align-self: flex-start;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid transparent;
  border-bottom-color: var(--color-primary);
}

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

.h5863 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.l2f39a3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.e147 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.hcd43 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 640px) {
  .i980d1 {
    padding: 4rem 1.5rem;
  }

  .nf80ac3f {
    padding: 4rem 1.5rem;
  }

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

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

  .h5863 {
    padding: 4rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .i980d1 {
    padding: 5rem 2rem;
  }

  .nf80ac3f {
    padding: 5rem 2rem;
  }

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

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

  .h5863 {
    padding: 5rem 2rem;
  }

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

@media (min-width: 1280px) {
  .i980d1 {
    padding: 6rem 3rem;
  }

  .nf80ac3f {
    padding: 6rem 3rem;
  }

  .h5863 {
    padding: 6rem 3rem;
  }
}

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

.o053e58 .befadc {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.o053e58 .e5677 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.o053e58 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.o053e58 .jb5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.o053e58 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.o053e58 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.o053e58 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.o053e58 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

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

.o053e58 .e3debf {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.o053e58 .e3debf h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.o053e58 .e3debf p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .o053e58 .befadc {
    padding: 0 var(--spacing-lg);
  }

  .o053e58 .e5677 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .o053e58 .befadc {
    padding: 0 var(--spacing-xl);
  }

  .o053e58 .e5677 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.ie9e704 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.f273 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.e5677 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.oe232 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.dd00 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.d19b08 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-success);
  animation: scaleInBounce 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleInBounce {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.cad37 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  letter-spacing: -0.02em;
}

.i5af {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 500;
  color: var(--color-primary);
  line-height: var(--line-height-normal);
  margin: var(--spacing-md) 0 0 0;
}

.e824fdc9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
}

.b82a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
}

.k616a9e {
  margin-top: var(--spacing-xl);
  min-width: 200px;
}

.i55 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .cad37 {
    letter-spacing: -0.01em;
  }

  .i55 {
    width: 100%;
    max-width: 280px;
  }
}

.h8f85 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i32ecc9 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.befadc {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.e5677 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.j9ead99 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .j9ead99 {
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .j9ead99 {
    gap: var(--spacing-2xl);
  }
}

.ke4ba00 {
  position: relative;
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .ke4ba00 {
    margin-bottom: var(--spacing-lg);
  }
}

.n251ce {
  font-size: clamp(4rem, 12vw, 8rem);
  font-family: var(--font-heading);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.dba8169f {
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  margin-top: var(--spacing-md);
  border-radius: var(--radius-full);
}

@media (min-width: 768px) {
  .dba8169f {
    margin-top: var(--spacing-lg);
    height: 5px;
  }
}

.j52c6ed {
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
}

.e1678d3 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  letter-spacing: 0.3px;
}

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

.e394 {
  display: inline-block;
  padding: clamp(0.875rem, 1vw + 0.5rem, 1.125rem) clamp(1.75rem, 3vw + 1rem, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  letter-spacing: 0.5px;
}

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

.e394:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .e394 {
    padding: 1rem 2.5rem;
  }
}

.ed8 {
  margin-top: clamp(var(--spacing-2xl), 5vw, var(--spacing-4xl));
  height: clamp(120px, 25vw, 200px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}

.p4dd {
  position: relative;
  width: clamp(80px, 15vw, 140px);
  height: clamp(80px, 15vw, 140px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.m6aaa3d6 {
  position: absolute;
  width: 8px;
  height: 40%;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
  transform-origin: center 50%;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -20%;
}

@media (min-width: 768px) {
  .m6aaa3d6 {
    width: 10px;
  }
}

.d7c {
  transform: translateY(0) rotate(0deg);
  animation: spin 3s linear infinite;
}

.h8a5 {
  transform: translateY(0) rotate(90deg);
  animation: spin 3s linear infinite;
}

.m99 {
  transform: translateY(0) rotate(180deg);
  animation: spin 3s linear infinite;
}

.d4dfc6 {
  transform: translateY(0) rotate(270deg);
  animation: spin 3s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 480px) {
  .i32ecc9 {
    padding: var(--spacing-xl) var(--spacing-sm);
  }

  .n251ce {
    font-size: 3.5rem;
  }

  .j52c6ed {
    font-size: 1.5rem;
  }

  .e394 {
    width: 100%;
    padding: 1rem;
    text-align: center;
  }
}

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

.i71a6f6 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.mbecb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .i71a6f6 {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .i71a6f6 {
    padding: 5rem 0;
  }
}

.abd1f9ce {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.ee156ff {
  width: 100%;
}

.l52c32 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.me0 {
  flex: 1 1 100%;
  min-width: 0;
}

.m9f {
  flex: 1 1 100%;
  min-width: 0;
}

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

  .m9f {
    flex: 1 1 45%;
  }
}

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

  .m9f {
    flex: 1 1 50%;
  }
}

.b0bdfa87 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.cb86b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.fa1f94 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.o948,
.le106 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: var(--transition-base);
  box-sizing: border-box;
}

.o948::placeholder,
.le106::placeholder {
  color: var(--color-text-muted);
}

.o948:focus,
.le106: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);
}

.le106 {
  resize: vertical;
  min-height: 140px;
}

.d5a378 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.a1bb74 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.h9b1 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 500;
}

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

.ieb3 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  box-sizing: border-box;
}

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

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

.c76f10c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

.j6ce54 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.pcb {
  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.25rem;
}

.l05 {
  flex: 1;
  min-width: 0;
}

.mf28e1 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.i3130e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.l66 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 500;
}

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

.l0c38d {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.o07035e {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.j835 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

@media (min-width: 768px) {
  .abd1f9ce {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .abd1f9ce {
    padding: 5rem 0;
  }
}

.b33994c6 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.g1d0a973 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.i2cf {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

.h146 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
}

.e7327 {
  font-family: var(--font-primary);
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

@media (min-width: 768px) {
  .b33994c6 {
    padding: 4rem 0;
  }

  .h146 {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b33994c6 {
    padding: 5rem 0;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--color-bg-card) inset !important;
  -webkit-text-fill-color: var(--color-text-primary) !important;
}

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

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.m41c4,.a97c4f5f{width:34px;}
.m41c4[aria-expanded="true"]{display:none;}
.k3af35e.aef03006{z-index:999;}
.k3af35e{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.k3af35e{max-width:100%;}}
.d77b{justify-content:flex-end;}