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

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

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #3730a3;
  --color-text-muted: #5a638a;

  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-light: #ede9fe;
  --color-secondary: #818cf8;
  --color-secondary-light: #f0f4ff;

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

  --color-border: #c7d2fe;
  --color-border-light: #e0e7ff;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Spectral', serif;

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

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

  --shadow-xs: 0 1px 2px 0 rgba(30, 27, 75, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(30, 27, 75, 0.1), 0 1px 2px 0 rgba(30, 27, 75, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(30, 27, 75, 0.1), 0 2px 4px -1px rgba(30, 27, 75, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(30, 27, 75, 0.1), 0 4px 6px -2px rgba(30, 27, 75, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(30, 27, 75, 0.1), 0 10px 10px -5px rgba(30, 27, 75, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(30, 27, 75, 0.25);

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

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

* {
  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;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
}

h2 {
  font-size: 2.25rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

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

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

.m080cf {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-md);
}

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

.m080cf:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.a0d3e1cf {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

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

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

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

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

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

.h71 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

.o9bfd12 {
  text-align: center;
}

.e1f69 {
  text-align: right;
}

.f28d72 {
  text-align: left;
}

.k8a {
  font-family: var(--font-heading);
}

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

.pd8 {
  font-weight: 400;
}

.d67970 {
  font-weight: 500;
}

.f3b3 {
  font-weight: 600;
}

.k6fb73 {
  font-weight: 700;
}

.g62 { margin-top: var(--spacing-xs); }
.f9c3 { margin-top: var(--spacing-sm); }
.k248 { margin-top: var(--spacing-md); }
.fde { margin-top: var(--spacing-lg); }
.m6b { margin-top: var(--spacing-xl); }
.f1abdea { margin-top: var(--spacing-2xl); }
.fe556 { margin-top: var(--spacing-3xl); }
.eaeb9 { margin-top: var(--spacing-4xl); }

.a7f662 { margin-bottom: var(--spacing-xs); }
.b50 { margin-bottom: var(--spacing-sm); }
.ic5 { margin-bottom: var(--spacing-md); }
.nfbe { margin-bottom: var(--spacing-lg); }
.f0ff { margin-bottom: var(--spacing-xl); }
.bd0d5b { margin-bottom: var(--spacing-2xl); }
.eb35 { margin-bottom: var(--spacing-3xl); }
.i010acef { margin-bottom: var(--spacing-4xl); }

.o00 { padding-top: var(--spacing-xs); }
.a6c2 { padding-top: var(--spacing-sm); }
.cdd61a { padding-top: var(--spacing-md); }
.df4 { padding-top: var(--spacing-lg); }
.l2f { padding-top: var(--spacing-xl); }
.e2edcd9 { padding-top: var(--spacing-2xl); }
.d7f3 { padding-top: var(--spacing-3xl); }
.e58 { padding-top: var(--spacing-4xl); }

.k143 { padding-bottom: var(--spacing-xs); }
.h93b03 { padding-bottom: var(--spacing-sm); }
.f6a { padding-bottom: var(--spacing-md); }
.g0f { padding-bottom: var(--spacing-lg); }
.d36 { padding-bottom: var(--spacing-xl); }
.f56554f { padding-bottom: var(--spacing-2xl); }
.acb9 { padding-bottom: var(--spacing-3xl); }
.c594 { padding-bottom: var(--spacing-4xl); }

.k8f098e { gap: var(--spacing-xs); }
.kab5 { gap: var(--spacing-sm); }
.h67678 { gap: var(--spacing-md); }
.k9525ec { gap: var(--spacing-lg); }
.nd363a0 { gap: var(--spacing-xl); }
.bda68 { gap: var(--spacing-2xl); }

.g02610 {
  display: flex;
}

.e00a {
  flex-direction: column;
}

.p9339e {
  flex-wrap: wrap;
}

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

.ie3f {
  align-items: center;
}

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

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

.c986a1 {
  justify-content: center;
}

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

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

.o24eddb8 {
  justify-content: space-around;
}

.a5cba {
  display: grid;
}

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

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

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

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

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

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

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

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

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

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

.gfa3 {
  width: 100%;
}

.e3b {
  width: auto;
}

.dc06f {
  height: auto;
}

.e05ebe2 {
  height: 100%;
}

.a2466eb {
  max-width: 100%;
}

.hd78d2 {
  margin-left: auto;
  margin-right: auto;
}

.f79131 {
  display: none;
}

.af8f3 {
  visibility: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c61e3 {
  opacity: 0.5;
}

.b96 {
  opacity: 0.75;
}

.cf51de {
  opacity: 1;
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

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

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

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

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

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

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .b4e32fa5 {
    width: 100%;
  }

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

  .b4c484 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.n362d {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.o45fc3:hover {
  opacity: 0.85;
}

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

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

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

.k367cb0 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  position: relative;
  padding-bottom: 0.25rem;
}

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

.k367cb0::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}

.k367cb0:hover::after {
  width: 100%;
}

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

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

.f2c3 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin-right: -0.5rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

.f2c3:hover {
  opacity: 0.7;
}

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

.f565 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  padding-top: 70px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1);
  overflow-y: auto;
}

.f565.o5ae5d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.c1fa:hover {
  opacity: 0.7;
  transform: rotate(90deg);
}

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

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

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

.ma444034 {
  padding: 1.5rem;
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

  .e339e416 {
    display: flex;
  }

  .n671ee35 {
    display: inline-flex;
  }

  .f2c3 {
    display: none;
  }

  .f565 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .m2d37 {
    font-size: 1.5rem;
  }

  .k367cb0 {
    font-size: 1rem;
  }

  .n671ee35 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

    .c81 {
  width: 100%;
}

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

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

.b4e32fa5 {
  display: inline-block;
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

.a3f {
  width: 100%;
  max-width: 500px;
}

.f97 {
  position: relative;
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  transform: perspective(1200px) rotateX(2deg) rotateZ(-1deg);
  transition: all var(--transition-base);
}

.f97:hover {
  transform: perspective(1200px) rotateX(0) rotateZ(0) translateY(-8px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

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

.a723 {
  padding: clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
}

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

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

.gd4f {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  width: 100%;
  max-width: 400px;
}

@media (min-width: 768px) {
  .gd4f {
    flex-direction: row;
    justify-content: center;
  }
  
  .a3f {
    max-width: 550px;
  }
}

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

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

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

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

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

.ab8447 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: relative;
  margin-top: -40px;
  z-index: 10;
}

.jc4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

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

.a4d96ee {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 2px;
}

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

@media (min-width: 768px) {
  .e50005 {
    flex-direction: row;
    gap: 2rem;
  }
  
  .e071b {
    flex-direction: row-reverse;
  }
  
  .f13fcf15 {
    flex: 1 1 45%;
    min-width: 0;
  }
  
  .ab8447 {
    flex: 1 1 55%;
    margin-top: 0;
  }
}

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

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

.j2f {
  flex: 1 1 100%;
}

.la00 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  line-height: 1.2;
}

.k9fe39 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1.5;
}

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

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

.nc1 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 2px;
}

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

.cef {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border-left: 4px solid var(--color-accent);
}

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

.d58d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  line-height: 1.3;
}

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

.gfe51d56 {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.mf223c {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: 0.875rem;
  flex-shrink: 0;
}

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

@media (min-width: 768px) {
  .e47087f {
    flex-direction: row;
    align-items: center;
  }
  
  .j2f {
    flex: 1 1 50%;
  }
  
  .cef {
    flex: 1 1 45%;
  }
}

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

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

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

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

.ja5 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  width: 100%;
}

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

.i7e {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

@media (min-width: 768px) {
  .md88 {
    flex-direction: row;
    align-items: flex-start;
  }
  
  .e8564 {
    flex: 1 1 40%;
    max-width: 100%;
  }
  
  .ja5 {
    flex: 1 1 60%;
  }
  
  .fb863a {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .fb863a {
    flex: 1 1 100%;
  }
}

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

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

.k55 {
  text-align: center;
}

.hd4d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.j1aad {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

.mff385d0 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.g4e90 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

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

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

@media (min-width: 768px) {
  .mff385d0 {
    flex: 1 1 calc(33.333% - 1rem);
  }
}

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

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

.gff224 {
  text-align: center;
}

.g3c89 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.n0e {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

.cac4 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.nd6a6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .k4d5c {
    flex-direction: row;
  }
  
  .cac4 {
    flex: 1 1 48%;
  }
}

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

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

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

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

.o1b2863 {
  width: 100%;
}

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

.obe0755 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.ae434 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

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

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

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

@media (min-width: 768px) {
  .o3d9840 {
    flex-direction: row;
    align-items: flex-start;
  }
  
  .kde20c {
    flex: 1 1 40%;
  }
  
  .o1b2863 {
    flex: 1 1 60%;
  }
  
  .d1e {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

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

.a5379e4 {
  text-align: center;
}

.j66466d0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.ff188 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

.ie5f10 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

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

.k840838 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 2px;
}

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

.h1e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

.kcc92 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  transition: all var(--transition-base);
}

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

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

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

.k8e80 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  text-align: center;
}

.i68 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: 1.2;
}

.f6950faa {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  line-height: 1.5;
}

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

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

.j71b {
  text-align: center;
}

.of220 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.a22f2b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

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

.l16:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

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

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

.i663f {
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--color-border);
}

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

.o9cd2b {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 2px;
}

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

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

.pb1b0ebf.f79131 {
  display: none;
}

.cd724 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  flex: 1 1 100%;
  text-align: center;
}

.b7234 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  flex: 1 1 auto;
}

.idba {
  padding: 0.625rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.e9a172 {
  padding: 0.625rem 1.5rem;
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

@media (min-width: 640px) {
  .pb1b0ebf {
    justify-content: space-between;
  }
  
  .cd724 {
    flex: 1 1 auto;
    text-align: left;
  }
  
  .b7234 {
    flex: 0 1 auto;
  }
}

@media (max-width: 767px) {
  .e50005 {
    margin-bottom: 1rem;
  }
  
  .ab8447 {
    margin-top: 0;
  }
}

@media (max-width: 639px) {
  .pb1b0ebf {
    padding: 1rem;
    gap: 0.75rem;
  }
  
  .idba,
  .e9a172 {
    padding: 0.5rem 1.25rem;
    font-size: 0.8125rem;
  }
}

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

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

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

.f0c2 {
  max-width: 550px;
}

.f0c2 h3,
.nf532 h3,
.gf750b5 h3,
.j4911133 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: 0.3px;
}

.f0c2 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;
}

.od8b7,
.p147edf9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

.od8b7 li,
.p147edf9 li {
  margin: 0;
  padding: 0;
}

.nf532 a,
.j4911133 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.gf750b5 {
  max-width: 400px;
}

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

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

.ocef9c2 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .f0c2 {
    flex: 1 1 320px;
    min-width: 280px;
  }

  .nf532 {
    flex: 0 1 180px;
  }

  .gf750b5 {
    flex: 0 1 280px;
  }

  .j4911133 {
    flex: 0 1 180px;
  }

  .da2 {
    flex: 1 1 100%;
    margin-top: clamp(1rem, 2vw, 2rem);
  }
}

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

  .f0c2 {
    flex: 1 1 420px;
  }

  .nf532 {
    flex: 0 1 160px;
  }

  .gf750b5 {
    flex: 1 1 300px;
  }

  .j4911133 {
    flex: 0 1 160px;
  }
}

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

  .f0c2,
  .nf532,
  .gf750b5,
  .j4911133 {
    width: 100%;
  }

  .od8b7,
  .p147edf9 {
    display: flex;
    flex-direction: column;
  }
}
    

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border-light);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border);
}

.e02b910 {
  width: 100%;
}

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

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

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

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

.ccb6e9 {
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 6vw + 1rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c09a6d85 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pe5f {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.g28 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b85161f3 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

.df0ff71 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.9375rem);
  color: var(--color-text-muted);
}

.n9b9,
.m5854,
.oa56601f {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.n9b9 i,
.m5854 i,
.oa56601f i {
  font-size: 0.85em;
  color: var(--color-accent);
}

.b6c8f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base) ease;
  display: inline-block;
  align-self: flex-start;
}

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

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

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

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

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

  .h4f11 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .lfedb {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

* {
  box-sizing: border-box;
}

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

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

.k90 {
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: 400px;
}

.pb1 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 400px;
}

.e6d {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.i6e2c2a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 27, 75, 0.75) 0%, rgba(30, 27, 75, 0.6) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 5vw, 3rem) 0;
}

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

.h12 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.feaab33 {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.f972088 {
  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-sm);
}

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

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

.f7fa46ca li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

.bf8c {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  border-left: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

.f2698 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fd9d3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

.fbbf56 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}

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

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

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

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

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

.e38108 {
  flex-shrink: 0;
}

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

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

.eb1 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
}

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

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

.a603ce3c {
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

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

.f067a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  text-decoration: none;
  transition: transform var(--transition-base);
}

.f067a:hover {
  transform: translateX(4px);
}

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

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

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

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

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

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

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

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

  .i6e2c2a {
    min-height: 300px;
    justify-content: flex-end;
    padding: 2rem 0;
  }

  .b84482 {
    flex-direction: column;
  }

  .ied7b {
    flex: 1 1 100%;
  }

  .feaab33 {
    flex: 1 1 100%;
  }

  .b28e757 {
    flex-direction: column;
  }

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

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

  .i1717d {
    flex-direction: column;
  }

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

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

  .h27d0d33 {
    flex-direction: column;
  }

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

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

  .hf9a {
    flex-direction: column;
  }

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

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

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

  .e38108 {
    margin: 0 auto;
  }

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

  .ld32e {
    margin: 0 auto;
  }

  .fbbf56 {
    flex-direction: column;
  }

  .pb1e {
    text-align: center;
  }
}

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

  .h12 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .bf8c,
  .f2698 {
    font-size: 0.8125rem;
  }
}

* {
  box-sizing: border-box;
}

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

.ad44 {
  position: relative;
  overflow: hidden;
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k46a532 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.d007 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(8, 5, 28, 0.5) 0%, rgba(8, 5, 28, 0.7) 100%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.b303ee22 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b303ee22 span {
  margin: 0 0.5rem;
}

.de018 {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 800px;
}

.mea3 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}

.g2ea398 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-sm);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: capitalize;
}

.e32 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.b916e {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

.lfb963 {
  color: #f0f0f0;
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i15 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

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

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

.l76 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p4d0 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.od7a521a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.d864 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.pd2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.h03c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oce51 {
  background: var(--color-bg-primary);
  padding: 1.25rem;
  border-radius: var(--radius-md);
  margin-bottom: 1.25rem;
}

.b6b186 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kc9b8130 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.j38d3821 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c76f0 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 100%;
  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: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.dd326a6b {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.nd6 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.jfd9 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.85rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.f21 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g18 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  max-width: 100%;
}

.i90 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  height: 100%;
}

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

.df6dd3 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 3 / 2;
}

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

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

.p7e4ed40 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 1024px) {
  .o03b4,
  .aec1,
  .ab496fc,
  .ff4db,
  .gec {
    flex-direction: column;
    align-items: center;
  }

  .pfd8428,
  .j3bf95f,
  .j36dd30,
  .kdb631,
  .kb8,
  .l1038,
  .b62a,
  .a72a3b,
  .e20fa7b,
  .g717ce {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .ad44 {
    height: 320px;
  }

  .d007 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .c76f0 {
    flex: 1 1 100%;
  }

  .g18 {
    flex: 1 1 100%;
  }

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

  .f21 {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

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

.l022 {
  position: relative;
  overflow: hidden;
  min-height: 380px;
  display: flex;
  align-items: center;
  background: var(--color-bg-primary);
}

.odebee0 {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: hidden;
}

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

.l7c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(30, 27, 75, 0.75) 0%, rgba(55, 48, 163, 0.65) 100%);
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(1.5rem, 4vw, 3rem);
}

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

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

.eb71e8bf a:hover {
  color: var(--color-secondary-light);
  text-decoration: underline;
}

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

.eb71e8bf span:last-child {
  color: var(--color-secondary-light);
  font-weight: 500;
}

.p85a475 {
  color: #ffffff;
  font-size: clamp(2rem, 6vw + 0.5rem, 3.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.me6 {
  color: var(--color-secondary-light);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
}

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

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

.j27ed813 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

.m68 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

.d7a73c:nth-child(odd) {
  background: var(--color-bg-secondary);
}

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

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

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

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

.o9be67 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c0bcf {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b3dfce {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

.jc45f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j734 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

  .odebee0 {
    height: 320px;
  }

  .l7c {
    padding-bottom: clamp(1rem, 3vw, 2rem);
  }

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

  .e089115a,
  .g1b1851 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .j4b06d26 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .eb71e8bf {
    font-size: 0.8125rem;
    gap: 0.3rem;
  }

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

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

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

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

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

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

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

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

.d2f53 {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.ob5a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.ac3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(248, 250, 255, 0.75);
  z-index: 2;
}

.d23a {
  position: relative;
  z-index: 3;
  width: 100%;
  padding: clamp(2rem, 5vw, 3rem) 0;
}

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

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

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

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

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

.bf022 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.na9f {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.a126 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

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

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

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

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

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

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

.d4e4 img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

.pfe8d6 img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  display: block;
}

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

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

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

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

.fb82b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

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

.o724 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.o724:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

.ja358 img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  display: block;
}

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

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

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

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

.m7a1dd75 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.j15 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
}

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

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

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

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

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

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

.be50 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.be00f {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 100%;
}

.e96c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
}

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

.nc8d8 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1.5vw, 1.25rem);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  display: block;
}

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

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

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

.ldb8dfb img {
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .i023d6,
  .n48bc73,
  .fe35370f {
    flex-direction: column;
  }

  .c8e588,
  .d4e4,
  .pfe8d6,
  .gfc,
  .fd604,
  .ja358 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o724,
  .m7a1dd75 {
    flex: 1 1 100%;
  }

  .be00f {
    flex: 1 1 100%;
  }

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

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

  .d2f53 {
    min-height: 300px;
  }
}

@media (max-width: 480px) {
  .bf022 {
    flex-direction: column;
    gap: 0.5rem;
  }

  .j377 {
    font-size: 0.8125rem;
  }

  .e6ddfcf,
  .kdedb4 {
    flex-direction: column;
  }

  .o724,
  .m7a1dd75 {
    flex: 1 1 100%;
  }

  .o069f {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

.f3c8d7 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
  font-style: italic;
}

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

.lf6f33 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(79, 70, 229, 0.1);
  object-fit: cover;
}

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

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

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

.m358 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 0.5rem;
}

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

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

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

.fb70 {
  flex: 1 1 50%;
}

.p59 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 1.25rem;
  line-height: 1.85;
}

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

.e4a0 {
  flex: 1 1 50%;
  min-height: 300px;
}

.o01c4 {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 25px rgba(79, 70, 229, 0.08);
}

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

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

.cda {
  text-align: center;
  max-width: 650px;
  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;
}

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

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

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

.if0 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.if0:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(79, 70, 229, 0.12);
  border-color: var(--color-secondary);
}

.f3c9fa {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

.db8a1 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto clamp(2rem, 4vw, 2.5rem) auto;
}

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

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

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

.o4b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-primary);
  transition: var(--transition-base);
}

.o4b:hover {
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.1);
}

.d41fef0f {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
}

.eb4d {
  flex: 1;
}

.if1 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

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

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

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

.p6468 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

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

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

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

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

.gdf6426:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(79, 70, 229, 0.1);
}

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

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

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

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

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

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

.md33f636 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-secondary);
  flex-shrink: 0;
}

.lb7d9 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

  .fb70 {
    flex: 1 1 100%;
  }

  .o4b {
    flex-direction: column;
  }

  .d41fef0f {
    min-width: auto;
    justify-content: flex-start;
  }

  .gdf6426 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 150px;
  }

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

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

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

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

.b4e32fa5 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-align: center;
  transition: var(--transition-base);
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.m2986662 {
  width: 100%;
  flex: 1 1 100%;
}

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

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

.bf434c3 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.e4e1 {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.oe575b19 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.f57f {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

@media (min-width: 768px) {
  .e7b4da {
    flex-direction: row;
    align-items: center;
  }

  .m2986662 {
    flex: 1 1 45%;
  }

  .oe214f0d {
    flex: 1 1 50%;
  }

  .d59 {
    max-height: 500px;
  }
}

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

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

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

.g68 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

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

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

.m30 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.n9df9 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.k216f4c5 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

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

@media (min-width: 768px) {
  .h9181 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .m30 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-height: 300px;
  }
}

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

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

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

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

.e0e {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

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

.cb800c {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.i33b7 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

.h15445 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

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

@media (min-width: 768px) {
  .hd9882f2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .l63699 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

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

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

.gafb879 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

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

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

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

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

.a646423 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

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

.p64b {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  border-left: 6px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
}

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

.ee3e {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  font-family: var(--font-heading);
}

.i765 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
}

@media (min-width: 768px) {
  .dcf {
    flex-direction: row;
    align-items: flex-start;
  }

  .b8d87 {
    flex: 1 1 50%;
  }

  .p64b {
    flex: 1 1 45%;
  }
}

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

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

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

.b9ff {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

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

.k8044 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.g2ca {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  min-width: clamp(3rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.dac2558 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

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

.ffd1d7 {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

.p718a6e5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  width: 100%;
  max-width: 500px;
}

.p6076 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

.o75433 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: 8px;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

.o75433:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .p718a6e5 {
    flex-direction: row;
    justify-content: center;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .p6076,
  .o75433 {
    flex: 1;
    max-width: 250px;
  }
}

@media (min-width: 1024px) {
  .d59 {
    max-height: 550px;
  }

  .m30 {
    min-height: 280px;
  }
}

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

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

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

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

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

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

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

.f9e52703 {
  margin-bottom: var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
  overflow: hidden;
}

.f9e52703:hover {
  box-shadow: var(--shadow-sm);
  border-color: var(--color-border);
}

.c0008cd {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  text-align: left;
  transition: background-color var(--transition-fast);
}

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

.d75f62 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
}

.k6a0ed6 {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
}

.c0008cd[aria-expanded="true"] .k6a0ed6 {
  transform: rotate(45deg);
}

.jb4 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

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

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.ofc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.a32 {
  max-width: 500px;
}

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

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

.pf8 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

.b962 {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

  .ofc {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

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

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

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

  .a32 {
    max-width: 600px;
  }
}

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

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

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

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

.h4413c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
}

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

@media (min-width: 1024px) {
  .gc10409 {
    padding: 5rem var(--spacing-xl);
  }
}

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

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

.aaa {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 768px) {
  .aaa {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .aaa {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

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

.pc1cbbf {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  height: 3rem;
  display: flex;
  align-items: center;
}

.adb32 {
  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 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.af6 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

.odb7 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  width: fit-content;
}

.odb7:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

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

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

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

.o63 {
  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 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.o12f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

.ib94 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

.ib94:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

@media (min-width: 1024px) {
  .bb43 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.c1c main {
  width: 100%;
}

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

.m6a1b {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.c1c 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;
}

.c1c .m22f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.c1c 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;
}

.c1c 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);
}

.c1c ul,
.c1c ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.c1c em {
  color: var(--color-text-secondary);
  font-style: italic;
}

.c1c .i55f1 {
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.c1c .i55f1:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.c1c .f0e4389 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.c1c .f0e4389 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.c1c .f0e4389 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.c1c .f0e4389 strong {
  color: var(--color-text-primary);
}

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

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

  .c1c h2 {
    margin-top: var(--spacing-2xl);
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l850b {
    padding: 0 var(--spacing-lg);
  }

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

.f209 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a58319 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.jbce9e4 {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.h7a74 {
  margin: 0 auto var(--spacing-2xl);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  color: var(--color-success);
  animation: successPulse 0.6s ease-out;
}

.h7a74 svg {
  width: 100%;
  height: 100%;
}

@keyframes successPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
}

.ob76e3 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  font-weight: 500;
  line-height: 1.6;
}

.ic3e46d9 {
  margin: var(--spacing-2xl) 0;
  text-align: left;
}

.ic3e46d9 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
}

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

.pb3e51c2 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-style: italic;
  margin: var(--spacing-2xl) 0 0 0;
}

.b552 {
  display: inline-block;
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: 0.5px;
  box-shadow: var(--shadow-sm);
}

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

.b552:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

  .ic3e46d9 {
    text-align: center;
  }

  .pb3e51c2 {
    text-align: center;
    border-left: none;
    border-top: 4px solid var(--color-primary);
    padding: var(--spacing-xl);
  }
}

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

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

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

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

.he7 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.d7016a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.a6b5 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m2d {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.f82bed {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.abb8 {
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: float-gentle 6s ease-in-out infinite;
}

.ha5801b {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 8px 24px rgba(0, 0, 0, 0.08));
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

.o41d {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 5.5rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: var(--spacing-md) 0;
  position: relative;
  z-index: 2;
}

.o41d::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  border-radius: var(--radius-full);
}

.j08 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

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

.b257 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c8fc {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
}

.ob1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.ja130d li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.ja130d li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.b4e32fa5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  letter-spacing: 0.3px;
}

.m080cf {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

.m080cf:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.p56a36 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  margin-top: var(--spacing-md);
}

@media (min-width: 480px) {
  .d7016a {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .abb8 {
    width: 200px;
    height: 200px;
  }

  .o41d::after {
    width: 140px;
  }
}

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

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

  .abb8 {
    width: 220px;
    height: 220px;
    margin-bottom: var(--spacing-lg);
  }

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

  .ja130d {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }

  .ja130d li {
    padding-left: var(--spacing-md);
    flex: 0 1 auto;
  }
}

@media (min-width: 1024px) {
  .d7016a {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .abb8 {
    width: 240px;
    height: 240px;
  }

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

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

  .b257 {
    font-size: 1.1rem;
  }
}

@supports (backdrop-filter: blur(10px)) {
  .c8fc {
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .abb8 {
    animation: none;
  }

  .m080cf:hover {
    transform: none;
  }

  .m080cf:active {
    transform: none;
  }
}

@media (max-width: 479px) {
  .he7 {
    min-height: 100vh;
  }

  .d7016a {
    min-height: 100vh;
  }
}

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

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

.pbc52 {
  text-align: center;
}

.deb1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

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

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

.b2e008e {
  width: 100%;
}

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

@media (min-width: 768px) {
  .j323ee42 {
    flex-direction: row;
    gap: clamp(3rem, 8vw, 5rem);
    align-items: flex-start;
  }
}

.bfb35e22 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .bfb35e22 {
    flex: 1 1 50%;
  }
}

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

.c7f92cd8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

.ic76 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ke70 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.o1a6 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.d44d137f,
.hed35538 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  width: 100%;
  box-sizing: border-box;
}

.d44d137f::placeholder,
.hed35538::placeholder {
  color: var(--color-text-muted);
}

.d44d137f:focus,
.hed35538:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
}

.hed35538 {
  resize: vertical;
  min-height: clamp(120px, 20vh, 180px);
  line-height: 1.6;
}

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

.idd39 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

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

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

.h5d793 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 4vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
  text-align: center;
}

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

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

.ibc {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .ibc {
    flex: 1 1 50%;
  }
}

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

.mef2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

.b14c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.e9eb {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.j90d85 {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 3.5rem);
  height: clamp(3rem, 8vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
}

.f04 {
  flex: 1;
}

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

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

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

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

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

.k31043b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.n1a49f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

.gcf4 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.f19d803 {
  text-align: center;
}

.fc8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.c7c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-xl);
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.f0b32 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(2rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

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

  .i6145 {
    padding: 2.5rem 0;
  }

  .b65959b {
    padding: 2.5rem 0;
  }
}

@media (min-width: 1024px) {
  .d5c {
    padding: 5rem 0;
  }

  .i6145 {
    padding: 6rem 0;
  }

  .b65959b {
    padding: 6rem 0;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.f2c3,.c1fa{width:34px;}
.f2c3[aria-expanded="true"]{display:none;}
.f565.o5ae5d{z-index:999;}
.f565{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.f565{max-width:100%;}}
.e339e416{justify-content:flex-end;}
@media (max-width:768px){.b85161f3{min-height:500px;}}