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

:root {
  --color-bg-primary: #1a0a0e;
  --color-bg-secondary: #2d1118;
  --color-bg-tertiary: #3f1722;
  --color-bg-card: #2a0f16;

  --color-text-primary: #ffffff;
  --color-text-secondary: #fecdd3;
  --color-text-muted: #fda4af;

  --color-primary: #fb7185;
  --color-primary-hover: #f43f5e;
  --color-primary-light: #fd8b99;
  --color-secondary: #fda4af;
  --color-secondary-light: #fdbbca;

  --color-success: #34d399;
  --color-success-light: #6ee7b7;
  --color-warning: #fbbf24;
  --color-warning-light: #fcd34d;
  --color-danger: #f87171;
  --color-danger-light: #fca5a5;

  --color-border: #451f2b;
  --color-border-light: #3a1a25;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);

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

  
  --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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.1);
}

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

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

.a1a5dd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-fast);
  cursor: pointer;
  border: none;
  font-size: 1rem;
  font-family: var(--font-primary);
}

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

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

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

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

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

.dfe:hover {
  background: var(--color-primary);
  color: var(--color-text-primary);
}

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

.lfe37ee:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

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

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

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

.mfc0f {
  background: var(--color-success);
  color: var(--color-text-primary);
}

.e83 {
  background: var(--color-warning);
  color: var(--color-text-primary);
}

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

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

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

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

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

.oa78 {
  display: flex;
}

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

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

.k3bd2 {
  flex-direction: column;
}

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

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

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

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

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

.j5c5a67c {
  text-align: center;
}

.kfbd8b {
  text-align: right;
}

.lfcd {
  text-align: left;
}

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

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

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

.e3c14527 {
  opacity: 0.5;
}

.i18e6c {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o297b {
  width: 100%;
}

.n778eaa5 {
  height: 100%;
}

.g96 {
  overflow: hidden;
}

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

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

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

  .a1a5dd {
    width: 100%;
  }
}
.p70d {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

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

.pb0:hover {
  opacity: 0.85;
}

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

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

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

.i29efeed {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  position: relative;
  padding-bottom: 0.25rem;
}

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

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

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

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

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

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

.pc83 span {
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 1px;
  transition: var(--transition-base);
  transform-origin: center;
}

.pc83.m2de709 span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.pc83.m2de709 span:nth-child(2) {
  opacity: 0;
}

.pc83.m2de709 span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

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

.h0f11a.m2de709 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.l2068 {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 101;
}

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

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

.a3fad {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 2rem 1.5rem;
}

.p60b99e {
  padding: 1rem 1rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  border-radius: var(--radius-md);
}

.p60b99e:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

.ea7197b {
  margin: 2rem 1.5rem 0 1.5rem;
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  text-align: center;
  transition: var(--transition-base);
  display: block;
}

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

@media (min-width: 768px) {
  .p1b {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }

  .bb01 {
    width: 48px;
    height: 48px;
  }

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

  .l50917 {
    display: flex;
  }

  .obbc6 {
    display: block;
  }

  .pc83 {
    display: none;
  }

  .h0f11a {
    display: none;
  }
}

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

  .l50917 {
    gap: 2.5rem;
  }

  .i29efeed {
    font-size: 0.975rem;
  }
}

    .o5fed657 {
  width: 100%;
}

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

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

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: 5px;
}

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

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

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

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

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

.oe8a7 {
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

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

.cc5c4ee {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 40% 45% 55% / 45% 50% 35% 60%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

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

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

.eb94a97 {
  text-align: center;
}

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

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

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

.f871cf {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 400px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

.f871cf:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.k7f877 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 113, 133, 0.15);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

.la8 {
  text-align: center;
}

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

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

.i88a1 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.ld843d {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  border-left: 3px solid transparent;
}

.ld843d:hover {
  border-left-color: var(--color-accent);
  transform: translateX(8px);
}

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

.b4d24 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

.ob87 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.g81 {
  text-align: center;
}

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

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

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

.na1a {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 450px;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m134fa {
  background: rgba(251, 113, 133, 0.1);
  border-left: 4px solid var(--color-danger);
}

.oe586 {
  background: rgba(34, 197, 94, 0.1);
  border-left: 4px solid var(--color-success);
}

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

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

.d39ca {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.db81a7 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

.m134fa .db81a7 {
  color: var(--color-danger);
}

.oe586 .db81a7 {
  color: var(--color-success);
}

.o3382ae {
  flex: 1;
}

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

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

.m7515a {
  text-align: center;
}

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

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

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

.j02b69 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 300px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  transition: all var(--transition-base);
}

.j02b69:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.db1 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 113, 133, 0.15);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

.a84 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
  margin: 0;
}

.fdb39 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

.j1b49 {
  text-align: center;
}

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

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

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

.l32 {
  flex: 1 1 100%;
  max-width: 700px;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
}

.l32:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.e6dfce91 {
  flex: 0 0 40%;
  width: 100%;
  height: auto;
  min-height: 200px;
  object-fit: cover;
}

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

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

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

.o9c6b9 {
  align-self: flex-start;
  padding: 0.5rem 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.875rem;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

.a68 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

.a68:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

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

.a05bb86 {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
  margin: 0;
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
}

.n3fe08 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
  padding: 0 clamp(1rem, 2vw, 1.5rem);
}

.j98 {
  align-self: flex-start;
  margin: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  padding: 0.5rem 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.875rem;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

.oca3 {
  flex: 1 1 200px;
  min-width: 200px;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.oca3:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.1);
}

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

.p5d26 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  cursor: pointer;
  transition: all var(--transition-base);
  flex: 0 1 auto;
}

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

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

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

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

.ib47742d {
  text-align: center;
}

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

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

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

.k7018b {
  flex: 1 1 calc(50% - 1rem);
  min-width: 220px;
  max-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  transition: all var(--transition-base);
}

.k7018b:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.e512 {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 113, 133, 0.15);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

.j91f02 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
}

.j91f02.j9f1ae1 {
  display: none;
}

.c227e08 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 250px;
  line-height: var(--line-height-normal);
}

.mab {
  display: flex;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
  flex-shrink: 0;
}

.ha27bdf,
.c726acb {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-md);
  border: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

  .nd9eff9 {
    flex: 1 1 100%;
  }

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

  .cc5c4ee {
    max-height: 350px;
  }

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

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

  .l32 {
    flex-direction: column;
  }

  .e6dfce91 {
    flex: 0 0 100%;
    min-height: 250px;
  }

  .me1a930 {
    flex: 1;
  }

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

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

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

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

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

  .mab {
    flex: 1 1 100%;
    justify-content: center;
  }

  .l856 {
    flex-direction: column;
  }

  .g20d,
  .he844 {
    width: 100%;
    text-align: center;
  }
}

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

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

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

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

  .l32 {
    max-width: 100%;
  }

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

@media (min-width: 1025px) {
  .f871cf {
    flex: 1 1 calc(50% - 1rem);
  }

  .j02b69 {
    flex: 1 1 calc(25% - 1.125rem);
  }

  .k7018b {
    flex: 1 1 calc(25% - 1.125rem);
  }

  .ebb5b7b {
    flex-direction: row;
    align-items: stretch;
  }

  .l32 {
    flex: 1 1 calc(60% - 1rem);
  }

  .gbcf4f0 {
    flex: 1 1 calc(40% - 1rem);
  }
}

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

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

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

.ha41f1 {
  display: block;
  max-width: 600px;
}

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

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

.h3a1248 {
  display: block;
}

.h3a1248 h4,
.lf92609c h4,
.g1ab614 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

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

.f916 li,
.j8640316 li {
  display: block;
}

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

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

.lf92609c {
  display: block;
}

.lf92609c p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g1ab614 {
  display: block;
}

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

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

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

.b866 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.8125rem);
  font-style: italic;
}

@media (min-width: 768px) {
  .fc7f {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 6vw, 4rem);
    justify-content: space-between;
  }

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

  .h3a1248,
  .lf92609c,
  .g1ab614 {
    flex: 0 1 auto;
    min-width: 140px;
  }

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

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

  .ha41f1 {
    flex: 1 1 300px;
    max-width: 450px;
  }

  .h3a1248,
  .lf92609c,
  .g1ab614 {
    flex: 0 1 180px;
  }
}
    

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

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

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

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

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

.j354 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.fa9653 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  flex: 1 1 clamp(280px, 45vw, 420px);
  min-height: auto;
  transition: all var(--transition-base) ease;
}

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

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

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

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

.jf3 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
}

.b34f9e,
.acea5c,
.k514 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-family: var(--font-primary);
}

.b34f9e i,
.acea5c i,
.k514 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.m4857 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  transition: all var(--transition-base) ease;
  border-bottom: 2px solid transparent;
}

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

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

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

  .h4ed2 {
    flex: 1 1 50%;
    text-align: left;
  }

  .p2f1dee0 {
    flex: 1 1 50%;
  }

  .j81 {
    justify-content: center;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .fa9653 {
    flex: 1 1 clamp(300px, 45vw, 450px);
  }
}

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

  .kcf6 {
    padding: clamp(5rem, 10vw, 8rem) 0;
  }

  .j81 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 4vw, 3rem);
    max-width: 1000px;
    margin: 0 auto;
  }

  .fa9653 {
    flex: 1 1 auto;
  }
}

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

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

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

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

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

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

.b1fd0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.i7285677 {
  display: inline-block;
}

.n701d2 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.d8fb72 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  max-height: 400px;
}

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

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

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

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

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

.n16 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  max-height: 400px;
}

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

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

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

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

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

.h439f649 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.h8a373 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

.b1c5fa07::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

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

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

.o99d {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

.j486e90 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  max-height: 400px;
}

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

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

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

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

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

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

.a76a2 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

.h4eb77f {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  max-height: 400px;
}

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

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

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

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

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

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

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

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

.o05eb68b {
  flex-shrink: 0;
}

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

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

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

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

.dc11c:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

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

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

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

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

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

.j3b7a {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

.a56961 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1.4;
  margin: 0;
}

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

@media (max-width: 768px) {
  .j0c03,
  .b6e79,
  .gbfb59d,
  .l093c {
    flex-direction: column;
  }

  .cff7,
  .d8fb72,
  .h43,
  .n16,
  .c9d22c,
  .j486e90,
  .c158,
  .h4eb77f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .d86ba0d6 {
    flex-direction: column;
  }

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

@media (max-width: 1024px) {
  .o0d1 {
    padding: clamp(1.5rem, 3vw, 3rem) 0;
  }

  .kdc76ba,
  .obe8,
  .j63,
  .o3deeb {
    padding: clamp(2rem, 5vw, 4rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.o7c1e0c img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.a37877 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: 0.5rem 1rem;
  border-radius: 24px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: capitalize;
}

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

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

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

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

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

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

  .d7c,
  .o7c1e0c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.h85f3a32 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  max-width: 500px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bd1fb3 {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 3px solid var(--color-accent);
}

.ia60 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.bd1fb3 strong {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

  .ge74180,
  .c6c67 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.n74f30e7 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o36bfb {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
}

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

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

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

  .ec6d,
  .i373 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.aa831 {
  display: flex;
  gap: 1.5rem;
  padding: 1rem;
  background: var(--color-bg-card);
  border-radius: 8px;
}

.n05e71a {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
}

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

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

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

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

  .f9cf,
  .f64af344 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.p13 li {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding: 0.75rem;
  background: var(--color-bg-card);
  border-radius: 8px;
  border-left: 3px solid var(--color-accent);
  line-height: 1.6;
}

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

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

  .bd0d48d,
  .c99e37a1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.oc4715b6 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.75rem;
}

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

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

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

.l7d {
  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;
  max-width: 600px;
  width: 100%;
}

.be934b {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .be934b img {
    width: 80px;
    height: 80px;
  }
}

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

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

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

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

.ce5f55 {
  display: block;
}

.fb4 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
  height: 100%;
}

.fb4:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.pe1 {
  flex-shrink: 0;
  width: clamp(120px, 20vw, 200px);
  height: clamp(120px, 20vw, 200px);
}

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

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

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

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

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

  .pe1 {
    width: 100%;
    height: clamp(180px, 40vw, 250px);
  }
}

@media (max-width: 1024px) {
  .mf6e,
  .l056af,
  .n70,
  .kddfaa {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

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

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

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

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

.m71b5b4f {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  flex-wrap: wrap;
}

.m71b5b4f a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
}

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

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

.l934d {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
}

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

.abe1 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: var(--line-height-relaxed);
  max-width: 800px;
}

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

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

.b3d i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

.o69 i {
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.p0c {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.c12 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: background var(--transition-base);
  width: fit-content;
}

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

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

.h4d {
  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: var(--radius-md);
}

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

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

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

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

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

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

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

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

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

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

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

.ce7 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

  .ade5,
  .i496fe25 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

@media (max-width: 767px) {
  .bbf {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .m71b5b4f {
    gap: 0.5rem;
  }

  .b3d {
    font-size: 0.8125rem;
  }

  .j5ce5aa {
    max-height: 300px;
  }

  .adc,
  .d9c3,
  .j1fee,
  .e272,
  .k1b142,
  .if734a,
  .e7730354,
  .g0a1b,
  .i5fbe010 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

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

  .jb359 {
    align-items: center;
  }

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

  .ab5e i {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.a5f0 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  width: fit-content;
  border: 1px solid var(--color-accent);
}

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

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

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

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

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

.c723 {
  flex: 1 1 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.m6896 {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
}

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

  .o699,
  .c723 {
    flex: 1 1 100%;
  }

  .fe066 {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

.ac977 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(251, 113, 133, 0.1);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .a7d27d8,
  .a71b58ed {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.c084eb60 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}

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

.h4ca8496::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.2em;
}

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

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

.l9d6 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-top: 1.5rem;
}

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

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

.n79 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

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

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

.me9670 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 900px;
}

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

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

.h79 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  margin-top: 2rem;
}

.b40736cf {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.ced07 {
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.k736 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  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);
}

.l18 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .l18 {
    flex-shrink: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma9f4 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h63598 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.i37 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.i37:hover {
  transform: translateY(-4px);
  background: var(--color-bg-tertiary);
}

.a5d3b7f {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.dcb373ba {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

.h8c {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

.k8b88b0 {
  flex: 1 1 45%;
}

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

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

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

.l55e01 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

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

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

.od76f {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.j7f61a {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.a3dd4 {
  font-size: 2rem;
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 50%;
  flex-shrink: 0;
}

.e875 {
  flex: 1;
  padding-top: 0.25rem;
}

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

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

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

.n506f {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.b65c0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

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

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

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

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

  .k8b88b0,
  .l55e01 {
    flex: 1 1 100%;
  }

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

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

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

  .k52b091 {
    flex: 1 1 100%;
  }

  .j7f61a {
    gap: 1rem;
  }
}

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

body {
  background: var(--color-bg-primary, #fafaf9);
}

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

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

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

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

.k1cd57a0 {
  flex: 1 1 100%;
  min-width: 280px;
}

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

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

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

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

.k76be {
  flex: 1 1 100%;
  min-width: 280px;
  min-height: 300px;
}

@media (min-width: 768px) {
  .k76be {
    flex: 1 1 45%;
    min-height: 400px;
  }
}

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

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

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

.fcc5233 {
  text-align: center;
}

.fea25 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.j78 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k31 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.bc0eba1 {
  text-align: center;
}

.c9ac83 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.j53a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kd9922 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 8px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base, 0.3s ease);
}

.kd9922:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
}

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

.l60 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  line-height: 1;
}

.m3bc {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.p63490 {
  text-align: center;
}

.h98880 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.ndcd2508 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j496 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg, 8px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition-base, 0.3s ease);
}

.j496:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
}

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

.f8cc {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

.g04da1 {
  text-align: center;
}

.la2a4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.def {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p54d0af {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 8px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base, 0.3s ease);
  border-left: 4px solid var(--color-accent);
}

.p54d0af:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
}

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

.e463a4 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ca709 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

.fb34b8a:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

.hccab {
  text-align: center;
  margin-top: 1rem;
}

.l52ba {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent, #ffffff);
  text-decoration: none;
  border-radius: var(--radius-md, 6px);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base, 0.3s ease);
}

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

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

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

.j5a7576 {
  text-align: center;
}

.j6b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: 0.5rem;
  display: block;
}

.l93187d {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.jbc8d3 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg, 8px);
  box-shadow: var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base, 0.3s ease);
}

.jbc8d3:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
}

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

.mab1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

.h15a2:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

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

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

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

.p0b888 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight, 1.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 0.5rem;
}

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

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

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

@media (min-width: 768px) {
  .c4dae6 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .j43c73 {
    flex-direction: row;
  }

  .k1cd57a0 {
    flex: 1 1 45%;
  }

  .k76be {
    flex: 1 1 45%;
  }
}

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

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

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

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

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

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

  .e2b876 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

.a06 {
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.d33d37 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

.ld2 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
}

.b7bd1a9 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw + 0.3rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

.j9088 {
  max-width: 600px;
  margin: 0 auto;
}

.f79af6f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.dc6ae {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

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

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

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

@media (min-width: 640px) {
  .c69a9b {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .n1c90c {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

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

  .p1e1 {
    height: 280px;
  }

  .oe2724 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c69a9b {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

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

  .p1e1 {
    height: 320px;
  }

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

  .d33d37 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .d33d37:nth-child(even) {
    direction: rtl;
  }

  .d33d37:nth-child(even) > * {
    direction: ltr;
  }

  .p1e1 {
    height: auto;
    min-height: 300px;
  }

  .na07 {
    padding: var(--spacing-2xl);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1280px) {
  .c69a9b {
    padding: var(--spacing-5xl) 0;
  }

  .n1c90c {
    padding: var(--spacing-5xl) 0;
  }

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

  .oe2724 {
    padding: var(--spacing-5xl) 0;
  }
}

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

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

.k379562c {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

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

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

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

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

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

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

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

.h46646 {
  background: transparent;
  border: none;
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: color var(--transition-fast);
}

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

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

.hd15004c {
  flex: 1;
  line-height: var(--line-height-normal);
}

.fd3d5 {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.h46646[aria-expanded="true"] .fd3d5 {
  transform: rotate(180deg);
}

.md0c1c1 {
  padding: 0 var(--spacing-lg) var(--spacing-lg);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

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

.n96ca7 {
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  text-align: center;
}

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

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

.i5e665 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

.hbfc {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

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

.g3978ad {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-normal);
}

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

.a2a30cf,
.a2ddb464 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
}

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

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

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

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

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

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

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

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

  .n7b {
    grid-template-columns: 1fr 320px;
    gap: var(--spacing-4xl);
  }

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

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

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

  .nb0ae2 {
    flex-direction: row;
    gap: var(--spacing-lg);
  }
}

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

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

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

  .h46646 {
    font-size: 1.125rem;
  }

  .md0c1c1 p {
    font-size: 1rem;
  }
}

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

.b5963 .b0d4 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b5963 .a0398 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.b5963 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.b5963 .mf834c5 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.b5963 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.b5963 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);
}

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

.b5963 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);
}

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

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

.b5963 .e64 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.b5963 .e64 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.b5963 .e64 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.b5963 .gb01 strong {
  color: var(--color-primary);
  display: block;
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {
  .b5963 .b0d4 {
    padding: 0 var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .b5963 .b0d4 {
    padding: 0 var(--spacing-xl);
  }

  .b5963 .a0398 {
    padding: var(--spacing-5xl) 0;
  }
}

.j088a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
}

.c1199a {
  width: 100%;
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.b0d4 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.l95b9 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.l95b9 svg {
  color: var(--color-success);
  width: 120px;
  height: 120px;
}

.ma0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  line-height: var(--line-height-tight);
  margin: 0;
}

.ma0 .a181 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-md) 0 0 0;
  line-height: var(--line-height-normal);
}

.ma0 .gdd1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0 0 0;
}

.ma0 .n0f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
}

.a1a5dd {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  letter-spacing: 0.3px;
  transition: var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  margin-top: var(--spacing-xl);
}

.g50a40 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 640px) {
  .j088a {
    min-height: auto;
    padding: var(--spacing-md) 0;
  }

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

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

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

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

  .l95b9 svg {
    width: 100px;
    height: 100px;
  }

  .a1a5dd {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .c1199a {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .c1199a {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

.b143b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.k799066 {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.b0d4 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.b4a {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  padding: var(--spacing-2xl) 0;
}

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

.ka06c {
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  position: relative;
  z-index: 2;
}

.neab8bc {
  position: absolute;
  width: 200%;
  height: 200%;
  bottom: -50%;
  left: -50%;
  background: radial-gradient(circle at 20% 50%, var(--color-primary-light) 0%, transparent 50%);
  opacity: 0.15;
  animation: wave-motion 8s ease-in-out infinite;
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
}

@keyframes wave-motion {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(30px, 20px) rotate(10deg);
  }
}

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

.kac h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.ga1 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  margin: 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.d6f7 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.e8e07d4 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg) 0;
  flex-wrap: wrap;
}

.a1a5dd {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  font-family: var(--font-primary);
  cursor: pointer;
  text-align: center;
  line-height: var(--line-height-normal);
}

.g50a40 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.o1f {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-lg);
}

.k1c {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.f4f843 li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
}

.f4f843 li::before {
  content: '';
  margin-right: var(--spacing-sm);
  display: inline-block;
}

.f4f843 li:last-child {
  border-bottom: none;
}

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

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

  .f4f14 {
    min-height: 350px;
  }

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

  .e8e07d4 {
    gap: var(--spacing-lg);
    padding: var(--spacing-2xl) 0;
  }

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

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

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

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

  .f4f14 {
    min-height: 400px;
  }

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

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

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

.nb31d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.m2634b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.bed5a32a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
  max-width: 600px;
}

@media (min-width: 768px) {
  .nb31d {
    padding: var(--spacing-3xl) 0;
  }

  .m81d {
    gap: var(--spacing-lg);
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .nb31d {
    padding: var(--spacing-4xl) 0;
  }

  .m81d {
    gap: var(--spacing-xl);
    padding: 0;
  }
}

.hfb37a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.ad7b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.b7e4 {
  flex: 1 1 100%;
  min-width: 0;
}

.a7f6c {
  flex: 1 1 100%;
  min-width: 0;
}

.fed10 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xl);
}

.nd9b08 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.a824 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.lff {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.k61 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.8vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ad3 {
  color: var(--color-danger);
  font-weight: 700;
}

.o3882e54,
.a99a48 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.o3882e54::placeholder,
.a99a48::placeholder {
  color: var(--color-text-muted);
}

.o3882e54:focus,
.a99a48:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.o3882e54:invalid:not(:placeholder-shown),
.a99a48:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.a99a48 {
  min-height: 150px;
  resize: vertical;
}

.i5894 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.8vw + 0.3rem, 0.85rem);
  color: var(--color-danger);
  line-height: var(--line-height-tight);
  min-height: 1.2rem;
  display: block;
}

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

.fe89 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  box-sizing: border-box;
}

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

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

.fe89:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.c97c9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.nb89c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  border-bottom: 1px solid transparent;
}

.nb89c:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.a0a66d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-xl);
}

.l050011 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.p7c1fe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.g030 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.p3651b47 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.pe7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.i31fcd8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}

.bb2 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.gcd6c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.j9b9ea {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
}

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

.d290 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.8vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.i97e19 {
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.gd6b7ce {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.jd35 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 700;
  text-align: center;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.h31864e0 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.m9fcd90 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: 0 var(--spacing-md);
  text-align: center;
}

.a31 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

.nc3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.i4fd {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 700;
  transition: all var(--transition-base);
  width: fit-content;
  margin: 0 auto;
}

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

@media (min-width: 768px) {
  .hfb37a {
    padding: var(--spacing-3xl) 0;
  }

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

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

  .b7e4,
  .a7f6c {
    flex: 1 1 calc(50% - var(--spacing-lg));
  }

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

  .m9fcd90 {
    gap: var(--spacing-lg);
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hfb37a {
    padding: var(--spacing-4xl) 0;
  }

  .d0a5d4 {
    padding: 0;
  }

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

  .b7e4,
  .a7f6c {
    flex: 1 1 calc(50% - var(--spacing-2xl));
  }

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

  .m9fcd90 {
    gap: var(--spacing-xl);
    padding: 0;
  }
}
.pc83,.kb52126a{
  width: 34px;
}

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

.h0f11a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .h0f11a{
    max-width: 100%;
  }
}

.h0f11a.m2de709{
  z-index: 999;
}

.a3fad{
  padding-top: 50px;
}

.pc83[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .e5c9 {
    aspect-ratio: 6 / 9;
  }
  .k32a6d {
    aspect-ratio: 6 / 9;
  }
}