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

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

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #d1fae5;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-primary-lighter: #ecfdf5;

  --color-secondary: #10b981;
  --color-secondary-light: #a7f3d0;
  --color-secondary-lighter: #f0fdf4;

  --color-success: #059669;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

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

  --font-primary: 'Nunito Sans', sans-serif;
  --font-heading: 'Albert Sans', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 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);

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

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

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

* {
  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);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
}

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

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

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

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

h6 {
  font-size: var(--font-size-lg);
}

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

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

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

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

button,
.l4c71c89 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.b867703 {
  background: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

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

.e4633a2 {
  background: var(--color-secondary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.b1d66 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  border-color: rgba(255, 255, 255, 0.1);
}

.b1d66 h1,
.b1d66 h2,
.b1d66 h3,
.b1d66 h4,
.b1d66 h5,
.b1d66 h6 {
  color: var(--color-text-light);
}

.b1d66 a {
  color: var(--color-secondary-light);
}

.b1d66 a:hover {
  color: var(--color-text-light);
}

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

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

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

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

.a967a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

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

.la3b4 {
  background: var(--color-secondary-lighter);
  color: var(--color-secondary);
}

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

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

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

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

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

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

.c6170c {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.c6170c h1,
.c6170c h2,
.c6170c h3,
.c6170c h4,
.c6170c h5,
.c6170c h6 {
  color: var(--color-text-light);
}

.c6170c a {
  color: var(--color-secondary-light);
}

.c6170c a:hover {
  color: var(--color-text-light);
}

.c6170c .b867703 {
  background: var(--color-secondary);
  color: var(--color-text-light);
}

.c6170c .b867703:hover {
  background: var(--color-secondary-light);
  color: var(--color-bg-tertiary);
}

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

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

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

.o838 {
  color: var(--color-text-light);
}

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

.o896a2 {
  text-align: center;
}

.o01ffc2e {
  text-align: left;
}

.j7d019 {
  text-align: right;
}

.me52fb {
  display: flex;
}

.ifc {
  flex-direction: column;
}

.o3fc1590 {
  flex-wrap: wrap;
}

.nb9dfa {
  align-items: center;
}

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

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

.d94 {
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

.b01 {
  display: grid;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l5cc8 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.ed16d5 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.de8 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

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

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

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

.obe {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p21 {
  border-color: var(--color-primary);
}

.o2d8b {
  opacity: 0.5;
}

.icff64d {
  opacity: 0.75;
}

.kfe83d05 {
  cursor: pointer;
}

.c39507 {
  cursor: default;
}

.pcd {
  user-select: none;
}

.e16b146 {
  user-select: text;
}

.ee2400f {
  display: block;
}

.c1aae9a8 {
  display: inline;
}

.pe73f71 {
  display: inline-block;
}

.a74d {
  display: none;
}

.of3e {
  visibility: visible;
}

.a32b9fe9 {
  visibility: hidden;
}

.o6f0de8 {
  overflow: hidden;
}

.b47e {
  overflow: auto;
}

.jfcfe {
  width: 100%;
}

.ld3dd {
  width: auto;
}

.o8d0a5 {
  max-width: 100%;
}

.ed311 {
  height: auto;
}

.o5dc {
  aspect-ratio: 16 / 9;
}

.i77b7a {
  aspect-ratio: 1 / 1;
}

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

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

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

  h1 {
    font-size: var(--font-size-4xl);
  }

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

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

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

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

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

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

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

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

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

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

  button,
  .l4c71c89 {
    width: 100%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.f5c47 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  transition: all var(--transition-base);
}

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

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

.cad0a4:hover {
  opacity: 0.8;
}

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

.n1ebe {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  white-space: nowrap;
  letter-spacing: -0.5px;
}

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

.a576 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
  position: relative;
}

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

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

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

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

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

.e76 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

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

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

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

.oe01ae.f0be {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.ffcb996 {
  padding: 1rem clamp(1rem, 3vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
}

.ffcb996:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 4vw, 2rem);
}

.d810 {
  padding: 1rem clamp(1rem, 3vw, 1.5rem);
  margin: clamp(1rem, 3vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  flex-shrink: 0;
}

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

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

  .c73407 {
    display: block;
  }

  .e76 {
    display: none;
  }

  .oe01ae {
    display: none;
  }
}

@media (max-width: 767px) {
  .l9191 {
    height: clamp(56px, 10vw, 70px);
  }
}

    .o981 {
  width: 100%;
}

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

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

.f8bd40 {
  text-align: center;
}

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

.mf4978 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.a727cbd0 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: var(--color-primary);
  text-decoration: none;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

.e582 {
  flex: 1 1 100%;
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.i77d84bd {
  flex: 1 1 calc(50% - 0.75rem);
  min-height: 220px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

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

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

.gf8d2 {
  text-align: center;
}

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

.h362fd {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 2vw, 1.5rem) 0 0 0;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.n40c34 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-light);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.g48df1 {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.id91283 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.j0565a1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

.l0c3324 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  display: block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fbb {
  flex: 1 1 45%;
  min-width: 280px;
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

@media (max-width: 768px) {
  .m3142 {
    flex-direction: column;
  }
  .id91283,
  .fbb {
    flex: 1 1 100%;
  }
}

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

.j1558::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(135deg, transparent 0%, var(--color-primary) 100%);
  opacity: 0.1;
  pointer-events: none;
}

.d437e {
  position: relative;
  z-index: 1;
}

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

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

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

.i27a55 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  text-align: center;
  align-self: center;
}

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

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

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

.d5638242 {
  flex: 1 1 40%;
  min-width: 250px;
  min-height: 280px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

.l1185a {
  flex: 1 1 55%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

@media (max-width: 768px) {
  .nedc95 {
    flex-direction: column;
  }
  .d5638242,
  .l1185a {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

.h9d53 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  text-align: center;
  align-self: center;
}

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

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

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

.pce08 {
  text-align: center;
}

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

.g7e {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 2vw, 1.5rem) 0 0 0;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

.ef4ff {
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem) 0 0 0;
}

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

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

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

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

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

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

.pba24e {
  flex: 1 1 100%;
  max-width: 450px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
  font-weight: 600;
}

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

.kd2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  flex-shrink: 0;
}

.ka94 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  flex: 1;
}

.ff95e {
  font-size: clamp(1rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.p942 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

.p942.a74d {
  display: none;
}

.a61a {
  color: var(--color-text-light);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  flex: 1 1 auto;
  min-width: 200px;
}

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

.m5ddb8,
.k4e44 {
  padding: clamp(0.5rem, 0.75vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  transition: all var(--transition-base);
}

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

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

.k4e44 {
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid var(--color-text-light);
}

.k4e44:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

@media (max-width: 768px) {
  .ad3 {
    flex-direction: column;
    align-items: stretch;
  }
  
  .pba24e {
    flex: 1 1 100%;
    max-width: none;
  }
  
  .p942 {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  
  .c328be {
    width: 100%;
  }
  
  .m5ddb8,
  .k4e44 {
    flex: 1;
  }
}

@media (max-width: 480px) {
  .ma4e {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
  
  .i77d84bd {
    flex: 1 1 100%;
  }
  
  .g48df1 {
    flex: 1 1 100%;
    max-width: none;
  }
  
  .p91b {
    flex: 1 1 100%;
    max-width: none;
  }
}

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

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

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

.oba5 {
  max-width: 420px;
}

.oba5 h3,
.g6677 h3,
.p6050b6e h3,
.id323d h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oba5 p,
.p6050b6e p {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 0.5rem;
}

.oba5 p {
  margin-bottom: 0;
}

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

.mf73 li,
.af687 li {
  margin: 0;
  padding: 0;
}

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

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

.p6050b6e {
  max-width: 380px;
}

.p6050b6e p {
  margin: 0 0 0.75rem 0;
  padding: 0;
}

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

.id323d {
  max-width: 380px;
}

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

.acdc28 {
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.abc8 {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .oba5 {
    flex: 1 1 320px;
  }

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

  .p6050b6e {
    flex: 1 1 300px;
  }

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

  .jd2ad718 {
    flex: 1 1 100%;
    order: 10;
  }
}

@media (max-width: 767px) {
  .mf73,
  .af687 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .mf73 li,
  .af687 li {
    flex: 1 1 auto;
    min-width: 140px;
  }
}

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

.fa09 {
  width: 100%;
}

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

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

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

.ge2b7f4 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: var(--shadow-md);
  max-width: 700px;
  width: 100%;
  text-align: center;
}

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

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

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

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

.h65d90 i {
  color: var(--color-primary);
  font-size: 1.25rem;
}

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

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

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

.fce2,
.kcd1,
.ccb3e4d7 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
}

.fce2:hover,
.kcd1:hover,
.ccb3e4d7:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.fce2 {
  flex: 1 1 100%;
  max-width: 600px;
}

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

.ccb3e4d7 {
  flex: 1 1 100%;
  max-width: 600px;
}

.m01335b {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

.oededf {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m6756,
.a859,
.l212f {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.m6756 i,
.a859 i,
.l212f i {
  color: var(--color-primary);
  font-size: 1rem;
}

.adc {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base) ease;
  width: fit-content;
}

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

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

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

  .i01 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2.5rem);
    grid-auto-flow: dense;
  }

  .fce2 {
    grid-column: span 2;
    max-width: none;
  }

  .kcd1 {
    grid-column: span 1;
  }

  .ccb3e4d7 {
    grid-column: span 2;
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .g11 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .kbd {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .e04ee506 {
    padding: clamp(2rem, 3vw, 2.5rem);
  }
}

@media (max-width: 767px) {
  .i01 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .fce2,
  .kcd1,
  .ccb3e4d7 {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i085,
  .p0993 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.oa6c {
  flex-shrink: 0;
}

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

.c8544 {
  flex: 1 1 auto;
}

.ff9 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.25rem;
}

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

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

.e8a4a {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 0.75rem;
}

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

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

  .oa6c {
    flex-shrink: 0;
  }
}

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

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

.idc036 {
  flex: 1 1 65%;
  max-width: 65%;
}

.ee718 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.gbb39d3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.fda6266 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.h07621 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.h07621 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

  .ef3,
  .e907 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k241456 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
  border: 1px solid var(--color-border-light);
}

.h6dece {
  color: var(--color-text-primary);
  font-size: clamp(1.375rem, 2.5vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.g46b {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-heading);
}

.o1db3cd {
  flex: 1 1 auto;
}

.n43 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

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

.ec590b {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-accent);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.ke2e6f {
  color: var(--color-text-light);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  font-style: italic;
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i6d24 {
  color: var(--color-text-light);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: var(--font-weight-semibold);
}

.af1 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.if3cd {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.da9 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-bold);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-heading);
}

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

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

.l4c2b {
  flex: 1 1 35%;
  max-width: 35%;
}

.o92de8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  position: sticky;
  top: 20px;
}

.lbcb {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  font-family: var(--font-heading);
}

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

.n4640 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  transition: color var(--transition-base);
}

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

.a63019 {
  margin-bottom: clamp(0.75rem, 1vw, 0.875rem);
}

.a63019 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  transition: color var(--transition-base);
}

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

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

.ae6 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: var(--line-height-relaxed);
}

.ae6 strong {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
}

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

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

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

  .o92de8 {
    position: relative;
    top: auto;
  }
}

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

.m0a {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e6ed7b2 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

.la1 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.ide {
  font-family: 'Nunito Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.ide h1,
.ide h2,
.ide h3,
.ide h4,
.ide h5,
.ide h6 {
  font-family: 'Albert Sans', sans-serif;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.md3b538 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.pf8a529a i {
  color: var(--color-accent);
  width: 16px;
  height: 16px;
}

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

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

  .e4ad,
  .k6b4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a4c5ff {
    max-height: 300px;
  }
}

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

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

.k11 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.jeaac {
  flex: 1 1 65%;
  max-width: 65%;
}

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

.f0e3937 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.f0e3937:first-of-type {
  margin-top: 0;
}

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

.n1f {
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

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

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

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

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

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

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

  .j8516ef,
  .ac2198 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ca37f6 {
    max-height: 250px;
  }
}

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

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

.kf83b0 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  font-weight: 700;
  border-radius: 50%;
}

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

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

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

.c5063a2 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-secondary);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

.ie0c88e0 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: #f0fdf4;
  margin: 0;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pdcc22 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

.b8d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: clamp(1rem, 2vw, 1.5rem);
}

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

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

.a4fc {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a4fc i {
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 2px;
  width: 18px;
  text-align: center;
}

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

.gb7 {
  margin: 0;
}

.cd5a5f5 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
  display: block;
}

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

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

  .jeaac,
  .a4c08f04 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b8d {
    position: static;
  }
}

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

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

.c19 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.h09ceb {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.h09ceb:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .f0e3937 {
    margin-top: clamp(1.25rem, 2vw, 1.75rem);
  }

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

  .kf83b0 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

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

  .md3b538 {
    font-size: 0.75rem;
  }
}

.dd42 {
  font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
  color: var(--color-text-primary);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .e121,
  .d6de {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b2ad {
    gap: 0.75rem;
  }

  .eb2f {
    gap: 0.4rem;
  }
}

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

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

.e9aeb {
  flex-shrink: 0;
}

.e9aeb img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.bcc3bc {
  flex: 1;
}

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

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

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

.ka87c3 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

  .e9aeb {
    flex-shrink: 0;
  }
}

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

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

.i6c3 {
  flex: 1 1 65%;
  max-width: 65%;
}

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

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

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

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

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

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

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

.bcf0a {
  background: linear-gradient(135deg, #f0fdf4 0%, #dbeafe 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

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

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

.dc666f1c {
  flex: 1;
}

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

.la840c + p {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.l06d {
  flex: 1 1 35%;
  max-width: 35%;
}

.kd59c490 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  border-top: 4px solid var(--color-accent);
}

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

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

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

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

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

.k135 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: 6px;
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  transition: background 0.3s ease, transform 0.3s ease;
}

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

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

  .i6c3,
  .l06d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .oce0 {
    flex-direction: column;
  }

  .e649e,
  .a873e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.o1689b {
  max-width: 800px;
}

.a56a51b6 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.pc2 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #e8f5e9;
  line-height: 1.8;
}

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

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

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

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

.dd32755 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
}

.i56bba {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 12px;
  background: var(--color-bg-card);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.i56bba:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.i2b45832 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 8px;
}

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

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

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

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

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

  .edd1b0f8 {
    flex-direction: column;
  }

  .i2b45832 {
    height: 200px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.k5db04 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.b21a2 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
}

.h97d695 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: 1rem;
  font-family: 'Albert Sans', sans-serif;
}

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

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

.l8b98b3 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

  .k5db04 {
    gap: 1rem;
  }
}

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

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

.e0611e3 {
  flex-shrink: 0;
}

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

.j8f {
  flex: 1 1 auto;
}

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

.l62d7 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 700;
  font-family: 'Albert Sans', sans-serif;
}

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

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

.lb660d4c {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

  .e0611e3 {
    flex-shrink: 0;
  }
}

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

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

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

.i660d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

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

.m28e4 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

.p0c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

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

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

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

.bece img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

.p687 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

.k15af {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

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

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

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

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

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

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

.k7d04b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

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

.g0a5f503 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

.p4d09 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  display: block;
}

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

.ica {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

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

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

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

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

.o3423409 {
  max-width: 100%;
}

.oaa {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

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

.bc1bdce {
  max-width: 100%;
}

.d02f284f {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
  font-family: 'Albert Sans', sans-serif;
}

.k1ce {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  line-height: 1.7;
}

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

.a26e519 {
  max-width: 100%;
}

.cbc9ea3d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.3;
  font-family: 'Albert Sans', sans-serif;
}

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

.h877 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  align-items: flex-start;
}

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

.h6ad14 {
  flex-shrink: 0;
  min-width: 120px;
  width: 120px;
  height: 120px;
}

.h6ad14 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.375rem;
  display: block;
}

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

.c8b {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  font-family: 'Albert Sans', sans-serif;
}

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

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

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

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

  .h6ad14 {
    width: 100%;
    height: 200px;
    min-width: auto;
  }
}

* {
  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);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.m796c5 .lafb3 {
  max-width: 1200px;
}

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

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

.df7 h1 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

.df7 p {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.k7e637b {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

.ifd162 .lafb3 {
  max-width: 1100px;
}

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

.c100 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.oc3 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  display: block;
}

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

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

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

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

.l69d01:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(5, 150, 105, 0.12);
  border-color: var(--color-primary);
}

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

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

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

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

.oab .lafb3 {
  max-width: 1200px;
}

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

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

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

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

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

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

.fd72eb92 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-heading);
  min-width: 60px;
  line-height: 1;
}

.h353 {
  flex: 1;
}

.h353 h3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

.oe3c .lafb3 {
  max-width: 1100px;
}

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

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

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

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

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

.h689536e {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
}

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

.h689536e h3 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

.ad5025 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 10px;
  display: block;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

.nfb1cd79 .lafb3 {
  max-width: 900px;
}

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

.nd94c3c {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.c03 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-primary);
  margin-top: 0.125rem;
  flex-shrink: 0;
}

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

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

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

  .fd72eb92 {
    font-size: 1.75rem;
    min-width: 40px;
  }

  .h689536e {
    flex: 1 1 calc(50% - 1rem);
    min-width: 180px;
    padding: 1rem;
  }

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

  .lf3,
  .f811a3c8,
  .c9e856c,
  .h843ba {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

  .df7 h1 {
    margin-bottom: 0.75rem;
  }

  .oc3 {
    font-size: 0.75rem;
  }

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

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

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

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

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

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

@media (min-width: 768px) {
  .l3f016da {
    flex-direction: row;
    align-items: center;
    gap: clamp(2.5rem, 6vw, 5rem);
  }
}

.c5ed2c9 {
  flex: 1 1 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .c5ed2c9 {
    text-align: left;
    flex: 1 1 50%;
  }
}

.leb75b8 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

@media (min-width: 768px) {
  .mcf {
    flex: 1 1 50%;
  }
}

.jeac3 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.5rem;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .m29c1 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.pfe {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid var(--color-border-light);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m5e8c {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

.l4f {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

.p3d8727 {
  color: #d1fae5;
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

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

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

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

.d47642f {
  color: #d1fae5;
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

.b3f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.b3f:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.n90ac7 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
}

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

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

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

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

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

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

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

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

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

.l92209e {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.l92209e:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-color: var(--color-accent);
}

.dfb5 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

.f7d0 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: var(--transition-base);
}

.f7d0:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

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

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

.ic9 {
  background: var(--color-bg-primary);
  border: 2px solid var(--color-accent);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: 0.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.o8d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.k22 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

@media (min-width: 768px) {
  .k22 {
    flex-direction: row;
    gap: 1rem;
  }
}

.k8b166 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.375rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  text-align: center;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

.da1d908 {
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.375rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  text-align: center;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

.da1d908:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

@media (min-width: 1024px) {
  .d8f {
    padding: 5rem 0 6rem 0;
  }

  .hf2841c4 {
    padding: 5rem 0 6rem 0;
  }

  .i528ad {
    padding: 5rem 0 6rem 0;
  }

  .a6b2 {
    padding: 5rem 0 6rem 0;
  }

  .ca8d {
    padding: 5rem 0 6rem 0;
  }

  .c9a {
    padding: 5rem 0 6rem 0;
  }

  .a0cbc64 {
    padding: 5rem 0 6rem 0;
  }
}

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

.e198a154 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

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

.l75 {
  font-family: var(--font-heading);
  font-size: clamp(var(--font-size-3xl), 6vw + 0.5rem, var(--font-size-5xl));
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ead678c {
  font-size: clamp(var(--font-size-base), 2vw + 0.5rem, var(--font-size-lg));
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

@media (min-width: 1024px) {
  .e198a154 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

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

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

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

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

.h748 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.h748:hover .f93dd103 img {
  transform: scale(1.05);
}

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

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

.hae {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.p0d {
  font-family: var(--font-heading);
  font-size: clamp(var(--font-size-lg), 2vw + 0.5rem, var(--font-size-xl));
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.g10f97 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

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

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

.l2513f {
  font-family: var(--font-heading);
  font-size: clamp(var(--font-size-2xl), 4vw + 0.5rem, var(--font-size-4xl));
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.l1b636 {
  font-size: clamp(var(--font-size-sm), 1.5vw + 0.5rem, var(--font-size-base));
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.b22d9 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

@media (min-width: 1024px) {
  .h645e {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.de3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.db013 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.m0b49 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.o0d45dc {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.ead {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
}

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

.o5c0e086 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.n400f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-xl);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: var(--transition-fast);
}

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

.i37b07 {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  flex: 1;
  margin-right: var(--spacing-md);
}

.h96de {
  flex-shrink: 0;
  font-size: var(--font-size-2xl);
  color: var(--color-primary);
  font-weight: var(--font-weight-semibold);
  transition: var(--transition-fast);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
}

.o5c0e086.f0be .h96de {
  transform: rotate(45deg);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}

.hfb {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.o5c0e086.f0be .hfb {
  max-height: 500px;
}

.hfb p {
  padding: 0 var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.hfb p:first-child {
  padding-top: var(--spacing-lg);
}

.g215 {
  display: none;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.g215 img {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-bg-tertiary);
}

.eb3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.c0d5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.d6220 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c25b {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-primary);
  transition: var(--transition-base);
  cursor: pointer;
}

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

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

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

  .ead {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4xl);
  }

  .g215 {
    display: block;
  }

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

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

  .hfb p {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .de3 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .db013 {
    font-size: 2.5rem;
  }

  .c0d5 {
    font-size: 2rem;
  }
}

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

.pb5c7 .lafb3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pb5c7 .f8da {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.pb5c7 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.pb5c7 .i5393 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-weight: var(--font-weight-regular);
}

.pb5c7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.pb5c7 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.pb5c7 strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

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

.pb5c7 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.pb5c7 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.pb5c7 .c7d {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.pb5c7 .c7d h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.pb5c7 .c7d p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .pb5c7 .f8da {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pb5c7 .f8da {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.d9cc9d4 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mfa03a14 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.lafb3 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .lafb3 {
    padding: 0 var(--spacing-lg);
  }
}

.f8da {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.i9497 {
  text-align: center;
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kc6 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.5s ease-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.kc6 svg {
  width: 80px;
  height: 80px;
  stroke-width: 1.5;
}

@media (min-width: 768px) {
  .kc6 svg {
    width: 100px;
    height: 100px;
  }
}

.d9cc9d4 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.k82203 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.m3b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.kba {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

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

.aff {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.k2e1e6 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.k2e1e6 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
  font-size: 1.2em;
}

.l4c71c89 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  line-height: var(--line-height-normal);
}

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

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

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

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

.c1f5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.f85f6 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

@media (min-width: 1024px) {
  .f85f6 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.lafb3 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.f8da {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.n71f69d {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.bd0 {
  position: relative;
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.i6dd745 {
  font-size: clamp(6rem, 15vw, 10rem);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .i6dd745 {
    letter-spacing: -0.03em;
  }
}

.kd298 {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background: radial-gradient(circle, var(--color-primary-lighter) 0%, transparent 70%);
  border-radius: var(--radius-full);
  z-index: 1;
  animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.3;
  }
}

.hed10 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

@media (min-width: 768px) {
  .hed10 {
    margin-bottom: var(--spacing-lg);
  }
}

.o536e9b {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .o536e9b {
    margin-bottom: var(--spacing-lg);
  }
}

.k9aee {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .k9aee {
    margin-bottom: var(--spacing-3xl);
  }
}

.g9ba {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .g9ba {
    margin-bottom: var(--spacing-3xl);
  }
}

.l4c71c89 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  line-height: var(--line-height-tight);
}

@media (min-width: 768px) {
  .l4c71c89 {
    padding: var(--spacing-md) var(--spacing-xl);
  }
}

.b867703 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.b867703:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.dc95 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  animation: slideInUp 0.8s ease-out 0.2s both;
}

@media (min-width: 768px) {
  .dc95 {
    padding: var(--spacing-lg) var(--spacing-xl);
    margin-top: var(--spacing-3xl);
  }
}

.f4c7fb2 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .bd0 {
    margin-bottom: var(--spacing-2xl);
  }

  .kd298 {
    display: none;
  }

  .l4c71c89 {
    width: 100%;
  }
}

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

.a218c7 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.a278a045 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.c91fc6d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .a218c7 {
    padding: 5rem 2rem;
  }

  .i922d92e {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .a218c7 {
    padding: 6rem 2rem;
  }

  .a278a045 {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
  }
}

.n0f5f2 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.kc6874 {
  width: 100%;
}

.c2a6 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

.baeeb {
  flex: 1 1 100%;
  min-width: 0;
}

.e137 {
  flex: 1 1 100%;
  min-width: 0;
}

.na157 {
  margin-bottom: 2rem;
}

.c50352 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: var(--line-height-tight);
}

.gd7f4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.c48c46a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.d29 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.a8c250 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

.c44604,
.e94d6164 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base);
  box-sizing: border-box;
}

.c44604:focus,
.e94d6164:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
}

.c44604::placeholder,
.e94d6164::placeholder {
  color: var(--color-text-muted);
}

.e94d6164 {
  resize: vertical;
  min-height: 140px;
}

.c75c7990 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: background-color var(--transition-base);
  line-height: var(--line-height-normal);
}

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

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

.fe1 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  text-align: center;
  margin-top: 1rem;
}

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

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

.kb6 {
  margin-bottom: 2rem;
}

.kedbd {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: var(--line-height-tight);
}

.k62 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.a30cb0 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.da809d {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background-color: var(--color-bg-card);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.da809d:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
}

.h36 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.h36 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.b56 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.df9d6 {
  font-family: var(--font-heading);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.m210 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  text-decoration: none;
  line-height: var(--line-height-normal);
  transition: color var(--transition-base);
}

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

.k1dbe644 {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.n6e4a3e {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: var(--line-height-tight);
}

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

.c149b3b7 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  padding-left: 1.5rem;
  position: relative;
}

.c149b3b7::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
}

@media (min-width: 768px) {
  .n0f5f2 {
    padding: 5rem 2rem;
  }

  .c2a6 {
    gap: 4rem;
  }

  .baeeb {
    flex: 1 1 45%;
  }

  .e137 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .n0f5f2 {
    padding: 6rem 2rem;
  }

  .c2a6 {
    gap: 5rem;
  }

  .baeeb {
    flex: 1 1 40%;
  }

  .e137 {
    flex: 1 1 40%;
  }
}

.jd9b6 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.a720fd8 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
}

.ic319 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.ad2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.na4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

.n9292c6 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-base);
  line-height: var(--line-height-normal);
  text-align: center;
}

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

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

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

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

@media (min-width: 768px) {
  .jd9b6 {
    padding: 5rem 2rem;
  }

  .na4 {
    flex-direction: row;
    gap: 1.5rem;
  }

  .n9292c6 {
    min-width: 180px;
  }
}

@media (min-width: 1024px) {
  .jd9b6 {
    padding: 6rem 2rem;
  }

  .a720fd8 {
    gap: 2rem;
  }
}

@media (max-width: 767px) {
  .c48c46a,
  .da809d,
  .k1dbe644 {
    padding: 1.5rem;
  }

  .c48c46a {
    gap: 1.25rem;
  }

  .na157,
  .kb6 {
    margin-bottom: 1.5rem;
  }
}
.e76,.n3227272{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.oe01ae{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .oe01ae{
    max-width: 100%;
  }
}

.oe01ae.f0be{
  z-index: 999;
}

.p5c237{
  padding-top: 50px;
}

.e76[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .o5dc {
    aspect-ratio: 6 / 9;
  }
  .e6b2 {
    aspect-ratio: 6 / 9;
  }
  .m01335b {
    aspect-ratio: 6 / 9;
  }
}