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

:root {
  --color-bg-primary: #faf5ff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #ede9fe;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7c55a3;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #f3e8ff;
  --color-secondary: #a855f7;
  --color-secondary-light: #f5f3ff;

  --color-success: #059669;
  --color-success-light: #ecfdf5;
  --color-warning: #d97706;
  --color-warning-light: #fffbeb;
  --color-danger: #dc2626;
  --color-danger-light: #fef2f2;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', 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: 5rem;

  --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(147, 51, 234, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(147, 51, 234, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(147, 51, 234, 0.15);
  --shadow-xl: 0 20px 25px -5px rgba(147, 51, 234, 0.2);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  font-size: 17px;

  
  --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);
  line-height: 1.6;
  letter-spacing: 0.3px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a79d92b {
  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: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
}

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

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

h3 {
  font-size: 1.75rem;
  margin-bottom: var(--spacing-md);
}

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

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

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

p {
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
  letter-spacing: 0.3px;
}

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

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

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

button,
.f129 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.3px;
}

button:focus-visible,
.f129:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

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

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

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

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

.j858a4 {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-md);
}

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

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

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

.i6a76 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
}

.nfbf71 {
  padding: var(--spacing-2xl);
  border-radius: var(--radius-2xl);
}

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

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

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

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

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

ul,
ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-sm);
  line-height: 1.7;
  letter-spacing: 0.3px;
}

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

.ic05f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n33761 {
  background: var(--color-bg-card);
}

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

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

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

.id99 { margin: 0; }
.ie773 { margin: var(--spacing-xs); }
.a1823aef { margin: var(--spacing-sm); }
.pc5f { margin: var(--spacing-md); }
.ff994fa { margin: var(--spacing-lg); }
.f775 { margin: var(--spacing-xl); }
.m6683d8 { margin: var(--spacing-2xl); }
.f36cf { margin: var(--spacing-3xl); }
.pc7c { margin: var(--spacing-4xl); }

.hfa { margin-left: auto; margin-right: auto; }
.jc2b { margin-top: auto; margin-bottom: auto; }

.p33b { margin-top: 0; }
.h659 { margin-top: var(--spacing-xs); }
.d2a11 { margin-top: var(--spacing-sm); }
.lae { margin-top: var(--spacing-md); }
.abfa { margin-top: var(--spacing-lg); }
.b50d6942 { margin-top: var(--spacing-xl); }
.c19 { margin-top: var(--spacing-2xl); }
.g997 { margin-top: var(--spacing-3xl); }
.n71 { margin-top: var(--spacing-4xl); }

.j37 { margin-bottom: 0; }
.c056eb3a { margin-bottom: var(--spacing-xs); }
.ad1d5 { margin-bottom: var(--spacing-sm); }
.i049 { margin-bottom: var(--spacing-md); }
.mc4 { margin-bottom: var(--spacing-lg); }
.k0dac06 { margin-bottom: var(--spacing-xl); }
.b5e { margin-bottom: var(--spacing-2xl); }
.gae4 { margin-bottom: var(--spacing-3xl); }
.c07a722 { margin-bottom: var(--spacing-4xl); }

.n11 { padding: 0; }
.i5945a { padding: var(--spacing-xs); }
.d7a1 { padding: var(--spacing-sm); }
.pd790 { padding: var(--spacing-md); }
.nfdac { padding: var(--spacing-lg); }
.hb4cc546 { padding: var(--spacing-xl); }
.l1a4 { padding: var(--spacing-2xl); }
.ie7b { padding: var(--spacing-3xl); }
.ac3 { padding: var(--spacing-4xl); }

.e1946c40 { padding-left: auto; padding-right: auto; }
.c023631 { padding-top: auto; padding-bottom: auto; }

.e688 { padding-top: 0; }
.l92d28d { padding-top: var(--spacing-xs); }
.neffd { padding-top: var(--spacing-sm); }
.da09 { padding-top: var(--spacing-md); }
.m2dccf { padding-top: var(--spacing-lg); }
.i3c4 { padding-top: var(--spacing-xl); }
.aaa4b { padding-top: var(--spacing-2xl); }
.ce805 { padding-top: var(--spacing-3xl); }
.odfc { padding-top: var(--spacing-4xl); }

.dccc { padding-bottom: 0; }
.dc73 { padding-bottom: var(--spacing-xs); }
.ba07 { padding-bottom: var(--spacing-sm); }
.n6b9 { padding-bottom: var(--spacing-md); }
.n1d25f86 { padding-bottom: var(--spacing-lg); }
.mc61 { padding-bottom: var(--spacing-xl); }
.o867912d { padding-bottom: var(--spacing-2xl); }
.hac { padding-bottom: var(--spacing-3xl); }
.j3ae7 { padding-bottom: var(--spacing-4xl); }

.j3fda3ff { border-radius: var(--radius-sm); }
.nda { border-radius: var(--radius-md); }
.a47c { border-radius: var(--radius-lg); }
.cc51b { border-radius: var(--radius-xl); }
.bcd5f5 { border-radius: var(--radius-2xl); }
.h021a6 { border-radius: var(--radius-full); }

.ic50eab { box-shadow: var(--shadow-sm); }
.j03a { box-shadow: var(--shadow-md); }
.ia1e { box-shadow: var(--shadow-lg); }
.b1456 { box-shadow: var(--shadow-xl); }

.ma6a4 {
  display: flex;
}

.cdef {
  flex-direction: column;
}

.a659f {
  flex-wrap: wrap;
}

.n8e569e {
  align-items: center;
}

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

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

.a9f5fc {
  justify-content: center;
}

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

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

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

.gb53 { gap: var(--spacing-xs); }
.ic0c { gap: var(--spacing-sm); }
.n66 { gap: var(--spacing-md); }
.ib034 { gap: var(--spacing-lg); }
.kc7b11 { gap: var(--spacing-xl); }
.dbb { gap: var(--spacing-2xl); }

.j07 {
  display: grid;
}

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

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

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

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

.p99 {
  display: none;
}

.nad2a4 {
  display: block;
}

.f0600a {
  display: inline-block;
}

.n0d {
  text-align: left;
}

.db2ad {
  text-align: center;
}

.pa8c9d {
  text-align: right;
}

.oce {
  font-weight: 400;
}

.pb20c0 {
  font-weight: 500;
}

.daef39 {
  font-weight: 600;
}

.g0e99a {
  font-weight: 700;
}

.g240 {
  font-size: 0.875rem;
  letter-spacing: 0.3px;
}

.pb7980 {
  font-size: 1rem;
  letter-spacing: 0.3px;
}

.eb48251 {
  font-size: 1.125rem;
  letter-spacing: 0.3px;
}

.p630b1 {
  font-size: 1.25rem;
  letter-spacing: 0.3px;
}

.ma002be {
  font-size: 1.5rem;
  letter-spacing: -0.3px;
}

.m2b373 {
  font-size: 1.875rem;
  letter-spacing: -0.3px;
}

.f3dc7aee {
  font-size: 2.25rem;
  letter-spacing: -0.5px;
}

.n08 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pbd3b {
  text-transform: capitalize;
}

.h0673 {
  width: 100%;
}

.o60 {
  height: 100%;
}

.m75b {
  max-width: 100%;
}

@media (max-width: 768px) {
  :root {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.625rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

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

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

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

@media (max-width: 480px) {
  :root {
    font-size: 16px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  h4 {
    font-size: 1rem;
  }

  button,
  .f129 {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 0.95rem;
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }
}
.c99 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

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

.e2af:hover {
  opacity: 0.85;
}

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

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

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

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

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

.a45e2b {
  display: none;
  padding: 0.75rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  flex-shrink: 0;
  cursor: pointer;
  border: none;
}

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

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

.k74cce15:hover {
  opacity: 0.7;
}

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

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

.k19f28.d43a4 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.aa3b {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
}

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

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

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

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

  .a45e2b {
    display: inline-block;
  }

  .k74cce15 {
    display: none;
  }

  .k19f28 {
    display: none;
  }
}

    .h75 {
  width: 100%;
}

.edbf {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
}

.kdec0 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.e281 {
  position: relative;
  width: 100%;
  max-height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 9;
}

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

.l2b373 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(1rem, 4vw, 3rem);
  z-index: 2;
}

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

.i9b {
  color: #f1f5f9;
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  margin: clamp(0.75rem, 2vw, 1.5rem) 0 0 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j7b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
  padding: 0 clamp(1rem, 4vw, 2rem) clamp(2rem, 6vw, 4rem);
}

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

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

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

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

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

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

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

.n4ae73b {
  text-align: center;
}

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

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

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

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

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

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

.db16dfd i {
  font-size: 28px;
  color: var(--color-primary);
}

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

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

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

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

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

.f3efcb {
  flex-direction: row;
}

.ga57 {
  flex-direction: row-reverse;
}

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

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

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

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

.lacfd97:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

  .ga57 {
    flex-direction: column;
  }

  .ab13,
  .j1665f8c {
    flex: 1 1 100%;
  }
}

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

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

.j0d7c {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.o69 {
  text-align: center;
}

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

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

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

.mb9 {
  flex: 1 1 160px;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.e88 {
  width: 50px;
  height: 50px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.e88 i {
  font-size: 24px;
  color: var(--color-primary);
}

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

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

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

.j90e {
  text-align: center;
}

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

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

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

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

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

.c5bad62 {
  border-top: 4px solid var(--color-primary);
}

.i18 {
  border-top: 4px solid var(--color-secondary);
}

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

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

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

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

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

.f1408 {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  text-decoration: none;
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: block;
}

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

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

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

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

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

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

.nfd6c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.pe20 {
  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: var(--shadow-lg);
}

.pe20.p99 {
  display: none;
}

.aed9e {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c948,
.b4562a {
  padding: 0.625rem 1.25rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

.c948:hover {
  background: var(--color-primary-hover);
  transform: scale(1.05);
}

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

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

@media (max-width: 768px) {
  .e281 {
    max-height: 400px;
  }

  .pe20 {
    padding: 1rem;
  }

  .b1ce {
    width: 100%;
    justify-content: center;
  }

  .c948,
  .b4562a {
    flex: 1 1 120px;
  }
}

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

  .n256742e,
  .ld880 {
    width: 100%;
    text-align: center;
  }

  .m8ffa {
    flex: 1 1 100%;
  }

  .l3c {
    flex: 1 1 100%;
  }

  .mb9 {
    flex: 1 1 100%;
  }

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

  .nfd6c {
    flex-direction: column;
  }

  .nfd6c a {
    width: 100%;
  }
}

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

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

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

.j45564 {
  padding-bottom: clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.jf183,
.db313e7,
.f67 {
  display: block;
}

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

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

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

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

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

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

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

.g4b69a60 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem) !important;
  margin-top: clamp(0.75rem, 2vw, 1rem) !important;
}

@media (min-width: 768px) {
  .o409129 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

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

  .jf183,
  .db313e7,
  .f67 {
    flex: 1 1 clamp(200px, 25%, 280px);
  }

  .geed97 {
    flex: 1 1 100%;
  }

  .fbf39,
  .g30 {
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.875rem);
  }

  .mf601bfe {
    display: inline-block;
  }
}

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

  .fbf39,
  .g30 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .mf601bfe {
    font-size: clamp(0.8125rem, 1vw, 0.9rem);
  }
}
    

.ca6a1 {
  width: 100%;
}

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

.f8e9 {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jf79fa {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(147, 51, 234, 0.08) 0%, rgba(147, 51, 234, 0.04) 100%);
  pointer-events: none;
}

.m668517 {
  position: relative;
  z-index: 1;
  text-align: center;
  max-width: 700px;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

.ba613 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: 'Bitter', serif;
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.a3a {
  text-align: center;
}

.l11e57 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bitter', serif;
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c265590 {
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(46, 16, 101, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.c265590:hover {
  box-shadow: 0 6px 16px rgba(46, 16, 101, 0.12);
  transform: translateY(-3px);
}

.a0c0886a {
  width: 100%;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.ifc03 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

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

.gdc8d7 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-family: 'Bitter', serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g32c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
}

.l46ca9,
.obde,
.l7823a00 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.l46ca9 i,
.obde i,
.l7823a00 i {
  color: var(--color-accent);
}

.d166cc44 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

.ib5 {
  text-align: center;
}

.i1fcc {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-family: 'Bitter', serif;
  font-weight: 700;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.d74f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 50%;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

.a5ab3e92 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: 'Bitter', serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .k640d0 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .c265590 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .a0c0886a {
    order: 1;
  }

  .h58 {
    order: 2;
    padding: clamp(1.5rem, 2.5vw, 2.5rem);
  }

  .ifc03 {
    height: 100%;
  }
}

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

  .c265590 {
    grid-template-columns: 1.2fr 1fr;
  }

  .a0c0886a {
    min-height: 350px;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.i0b3b {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex-wrap: wrap;
}

.i0b3b a {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

.edd9 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.b841 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

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

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

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

.hc3 {
  margin-bottom: clamp(3rem, 6vw, 4.5rem);
}

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

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

.f25 {
  flex-direction: row-reverse;
}

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

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

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

.h32c3c04 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  margin: 0 0 var(--spacing-md) 0;
}

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

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

.l7333 {
  list-style: none;
  margin: var(--spacing-md) 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.g7adfa {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  padding-left: clamp(1.5rem, 3vw, 2rem);
  position: relative;
  line-height: 1.6;
}

.g7adfa::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

.c96f {
  background: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.p32ec66 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.jbcb72 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin: 0;
}

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

.i61 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin: clamp(3rem, 6vw, 4.5rem) 0;
  box-shadow: var(--shadow-md);
}

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

.m8a {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2rem);
  margin: 0;
}

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

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

.m898c812 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.p8e0d84 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin: 0;
}

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

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

.j35f6 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.p4e0dd {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  margin: 0 0 var(--spacing-md) 0;
}

.maa6d4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .mb4 {
    flex: 0 0 auto;
    width: 100%;
    position: static;
  }

  .d4cce7 {
    flex-direction: column;
  }

  .f25 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

  .g122 {
    position: static;
  }

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

  .hc3 {
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }
}

@media (max-width: 480px) {
  .edd9 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .pf3 {
    font-size: 0.75rem;
  }

  .h32c3c04 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
  }

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

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

  .o30 {
    height: 150px;
  }
}

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

.ad68 {
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

.m4b9bc {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin: 0;
  max-width: 65ch;
}

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

.b2c7 {
  display: inline-block;
}

.n0d3fa38 {
  display: inline-block;
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j87c8e strong {
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

.j54 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ec73c6f {
  flex: 1;
}

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

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

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

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

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

.i9f {
  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% - 1rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
}

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

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

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

.i9f:hover .lf051 {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .b38,
  .a65c87,
  .k579,
  .m3e3f,
  .m9f {
    flex-direction: column;
  }

  .h682,
  .m432,
  .h25a4,
  .c52e,
  .if3b1d,
  .l04f,
  .e8d75e,
  .f7a,
  .i167,
  .k41e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .l824d {
    align-items: center;
  }

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

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

  .hb6482 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .n0d3fa38 {
    display: none;
  }

  .p449d5 {
    flex-direction: column;
  }

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

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

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

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

.jdcf {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe6352d,
  .c7e92 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .pc7de3,
  .nad094 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .ped,
  .l990 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .pa6e3,
  .l2ba7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.p2be {
  display: flex;
  justify-content: flex-start;
}

.hd8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h19f70,
  .ke4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .f28a0,
  .l114 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j241 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ocad::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.125rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h68e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.h68e i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

.k6186cd {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
}

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

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

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

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

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

.k1826 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .j8614,
  .n20de,
  .kef7,
  .m8f07,
  .l6882e {
    flex-direction: column;
  }

  .hcc0,
  .o18d60,
  .ofb,
  .a7d,
  .b4c7,
  .cdd,
  .k9b9,
  .c49e,
  .fb643,
  .n5210170 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .a1510f0 {
    font-size: 0.8125rem;
  }

  .h7b {
    gap: 1rem;
  }

  .m09d79 {
    font-size: 0.875rem;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .p577 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

  .mdfaea7 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

@media (min-width: 1024px) {
  .p577 {
    flex: 1 1 calc(25% - clamp(1.125rem, 2.25vw, 1.875rem));
  }
}

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

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

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

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

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

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

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

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

.p632d9 {
  text-align: center;
}

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

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

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

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

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

.l652 {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.d5e4 {
  max-width: 700px;
}

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

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

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

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

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

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

.h6326b {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

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

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

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

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

.mf036f63 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

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

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

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

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

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

.g67ca3d {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 150px;
  text-align: center;
  padding: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.f24 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.5vw, 2rem);
  margin-top: 1.5rem;
  list-style: none;
}

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

.od98 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--color-accent-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.125rem;
  margin-top: 2px;
}

.d8c676b {
  flex: 1;
}

.c3bf0a57 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

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

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

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

.c102 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.na2 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: 1.25rem;
  margin-top: 2px;
}

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

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

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

  .g67ca3d {
    flex: 1 1 calc(50% - 1.5rem);
  }

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

  .od98 {
    margin-top: 0;
  }
}

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

  .g67ca3d {
    flex: 1 1 100%;
  }

  .k949ec {
    flex-direction: column;
    gap: 1.5rem;
  }
}

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

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

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

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

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

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

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

.df8 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

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

.g29613 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o32ff05 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.1);
}

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

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

.pda61 {
  text-align: center;
}

.hb056 {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.if5ba828 {
  text-align: center;
}

.ocf {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

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

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

.a69ea:hover {
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.12);
  transform: translateY(-4px);
}

.d11dc {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.af2 {
  text-align: center;
}

.nd783 {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

.n636333f {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  transition: all 0.3s ease;
}

.n636333f:hover {
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.1);
  border-color: var(--color-accent);
}

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

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

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

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

.lfeba8e {
  text-align: center;
}

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

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

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

.f720f6:hover {
  box-shadow: 0 6px 18px rgba(147, 51, 234, 0.08);
  transform: translateY(-2px);
}

.b64ba45 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

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

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

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

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

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

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

.hff950 {
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-text-muted);
  margin: 0;
}

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

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

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

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

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

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

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

.lad77 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.lad77:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(147, 51, 234, 0.3);
}

.pc7a2d5d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: 8px;
  border: 2px solid var(--color-accent);
  transition: all 0.3s ease;
  cursor: pointer;
  white-space: nowrap;
}

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

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

  .mfdcb3d {
    flex: 1 1 100%;
  }

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

  .o32ff05 {
    max-height: 350px;
  }

  .d7961642 {
    flex-direction: column;
  }

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

  .p795 {
    flex-direction: column;
  }

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

  .i5f9b49c {
    flex-direction: column;
  }

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

  .g6284b3 {
    flex-direction: column;
  }

  .lad77,
  .pc7a2d5d {
    width: 100%;
  }
}

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

  .n636333f {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: unset;
  }

  .f720f6 {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: unset;
  }
}

@media (min-width: 1024px) {
  .pafaad {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .d7961642 {
    gap: clamp(2rem, 5vw, 4rem);
  }

  .a69ea {
    flex: 1 1 calc(33.333% - 2rem);
  }

  .p795 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .i5f9b49c {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .g6284b3 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

.fc5b8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.pe5 {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.h95 {
  max-width: 1200px;
  margin: 0 auto;
}

.d1b0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

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

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

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

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

.kbb4 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.fd84c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.nf6dd587 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  flex-grow: 1;
}

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

.ce6d {
  max-width: 600px;
  margin: 0 auto;
}

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

.bc4493 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.k6db77 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

  .dff6934 {
    height: 260px;
  }

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

  .me4ba {
    font-size: clamp(1.75rem, 3vw + 0.75rem, 2.5rem);
  }
}

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

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

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

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

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

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

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

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

.i37be {
  max-width: 1200px;
  margin: 0 auto;
}

.ec24 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ec24 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .ec24 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
  .o7de {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

.m96252 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
}

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

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

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

.d09fe {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.25rem, 0.95rem);
  font-weight: 600;
  transition: background-color var(--transition-base), color var(--transition-base);
  border: 1px solid var(--color-primary);
  align-self: flex-start;
}

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

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

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

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

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

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

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

.i30ad:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: scale(1.02);
}

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

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

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

.h609 main {
  width: 100%;
}

.a79d92b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g238 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.h609 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.h609 .ka5 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.h609 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.h609 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.h609 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.h609 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

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

.h609 .f5c2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-2xl);
}

.h609 .f5c2 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.h609 .f5c2 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.h609 .o1199fd strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 100px;
}

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

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

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

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

.a084a8 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.m8d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.b26 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ad086c5a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
  animation: scaleIn 0.6s ease-out 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.oa3f {
  width: 5rem;
  height: 5rem;
  color: var(--color-success);
  filter: drop-shadow(0 0.25rem 0.5rem rgba(0, 0, 0, 0.1));
}

.abbd24f {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.ea8ffe {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.6;
}

.lc0e {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.8;
}

.p72b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
}

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

.c237ca45 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.c237ca45:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-0.25rem);
  box-shadow: var(--shadow-lg);
}

.c237ca45:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.j77c6b8 {
  padding: var(--spacing-lg) var(--spacing-3xl);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.125rem);
}

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

  .oa3f {
    width: 6rem;
    height: 6rem;
  }

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

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

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

  .oa3f {
    width: 7rem;
    height: 7rem;
  }

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

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

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

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

@media (min-width: 1440px) {
  .a084a8 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
}

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

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

.f5cdb3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.e36 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.m8d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.bd383 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.paf6a15 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: var(--spacing-lg);
}

.h37b0cc {
  width: clamp(120px, 25vw, 200px);
  height: clamp(120px, 25vw, 200px);
  margin-bottom: var(--spacing-lg);
  animation: float 3s ease-in-out infinite;
}

.h37b0cc svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
}

.o78b8 {
  position: absolute;
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 7rem);
  font-weight: 900;
  letter-spacing: -2px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
}

.e345 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  animation: slideUp 0.8s ease-out;
}

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

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

.j9303 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

.f129 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
}

.c237ca45 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.c237ca45:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.c237ca45:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.j77c6b8 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw, 1.2rem);
  margin-top: var(--spacing-md);
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .f5cdb3 {
    padding: var(--spacing-lg);
  }

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

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

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

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

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

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

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

  .k220bd {
    font-size: clamp(1rem, 1.05vw + 0.5rem, 1.15rem);
  }

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

@media (prefers-reduced-motion: reduce) {
  .h37b0cc,
  .e345 {
    animation: none;
  }

  .c237ca45:hover {
    transform: none;
  }

  .c237ca45:active {
    transform: none;
  }
}

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

.k99d {
  background-color: var(--color-bg-secondary);
  padding: 2rem 1rem;
  overflow: hidden;
}

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

.k99d h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.c0f1 {
  background-color: var(--color-bg-primary);
  padding: 2rem 1rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .k99d {
    padding: 3.5rem 2rem;
  }

  .c0f1 {
    padding: 3.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .k99d {
    padding: 5rem 2rem;
  }

  .c0f1 {
    padding: 5rem 2rem;
  }
}

.ab5e82 {
  width: 100%;
}

.b1ef23a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .b1ef23a {
    flex-direction: row;
    gap: var(--spacing-3xl);
  }
}

.mfd {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .mfd {
    flex: 1 1 45%;
  }
}

.k9b435 {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .k9b435 {
    flex: 1 1 45%;
  }
}

.mfd h2,
.k9b435 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

.p788d43 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

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

.k7a {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  display: block;
}

.p71fd4bc,
.j617 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.p71fd4bc::placeholder,
.j617::placeholder {
  color: var(--color-text-muted);
}

.p71fd4bc:focus,
.j617:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
}

.j617 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.e07ab {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-md);
}

.d5e74b {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  line-height: 1.6;
  margin: 0;
}

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

.o6010b:hover,
.o6010b:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.l005c0 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

.l005c0:hover,
.l005c0:focus {
  background-color: var(--color-accent-hover);
  outline: none;
}

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

.kaa {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.mfdc61 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.g5a {
  flex: 1;
}

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

.g5a p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.6;
  margin: 0;
}

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

.fbd02:hover,
.fbd02:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.lde7 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

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

.lde7 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

@media (max-width: 767px) {
  .b1ef23a {
    gap: var(--spacing-2xl);
  }

  .mfd,
  .k9b435 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .b1ef23a {
    gap: var(--spacing-4xl);
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.k74cce15,.b3c{width:34px;}
.k74cce15[aria-expanded="true"]{display:none;}
.i05e66a9{justify-content:flex-end;}
@media (max-width:768px){.e281{min-height:500px;}}
@media (max-width:768px){.ofc{min-height:500px;}}