@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&family=Red+Hat+Text:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #0c1929;
  --color-bg-secondary: #162d50;
  --color-bg-tertiary: #1e3a5f;
  --color-bg-card: #152a48;

  --color-text-primary: #ffffff;
  --color-text-secondary: #bfdbfe;
  --color-text-muted: #93c5fd;

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: #60a5fa;
  --color-secondary: #60a5fa;
  --color-secondary-light: #93c5fd;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #1e3a5f;
  --color-border-light: #162d50;

  --font-primary: 'Red Hat Text', sans-serif;
  --font-heading: 'Red Hat Display', sans-serif;

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

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

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

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

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

p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
}

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

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

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

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

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

.hcfaccd6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.p2b1:hover {
  background: var(--color-primary-hover);
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}

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

.a574f:hover {
  background: var(--color-secondary);
  color: var(--color-bg-primary);
}

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

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

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

.ab7d1396 {
  background: rgba(59, 130, 246, 0.2);
  color: var(--color-primary-light);
}

.obf389 {
  background: rgba(16, 185, 129, 0.2);
  color: var(--color-success-light);
}

.jdb4c9 {
  background: rgba(245, 158, 11, 0.2);
  color: var(--color-warning-light);
}

.g5cbb61 {
  background: rgba(239, 68, 68, 0.2);
  color: var(--color-danger-light);
}

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

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

.lbbdc {
  text-align: center;
}

.eba9 {
  text-align: right;
}

.db0 {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ef97de {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

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

.jfcaed {
  display: flex;
}

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

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

.dd945bb {
  flex-direction: column;
}

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

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

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

.l349bd {
  opacity: 0.5;
}

.pe1991 {
  opacity: 0.75;
}

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

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

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

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

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

.bf98cb32 {
  transition-duration: var(--transition-fast);
}

.kb7f5f36 {
  transition-duration: var(--transition-slow);
}

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

.kff70532 {
  cursor: pointer;
}

.ja2 {
  user-select: none;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

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

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

  .o2b {
    padding: var(--spacing-lg);
  }
}
.l29a58e5 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  width: 100%;
}

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

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

.o10618:hover {
  opacity: 0.8;
}

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

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

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

.ge1b7f {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

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

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

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

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

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

.kffed3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 5px;
  flex-shrink: 0;
}

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

.kffed3[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.kffed3[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.kffed3[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.c267fc4.gdc7a2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.f2c547 {
  display: block;
  padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.f2c547:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2.5rem);
}

.f64249 {
  margin: auto clamp(1rem, 4vw, 2rem) clamp(1rem, 3vw, 1.5rem);
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  width: 100%;
}

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

@media (min-width: 768px) {
  .kffed3 {
    display: none;
  }

  .c267fc4 {
    display: none;
  }

  .nfa5e {
    display: flex;
  }

  .de1 {
    display: block;
  }
}

@media (max-width: 767px) {
  .b2be023 {
    height: 60px;
  }

  .i62f2 {
    width: 36px;
    height: 36px;
  }

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

    .l464 {
  width: 100%;
}

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

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

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

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

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

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

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

.ob0b7 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.fd54,
.fa9e55 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

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

.g9d973 {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1rem;
  height: 500px;
}

.eae4 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.cfb {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.m60f {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

  .me0 {
    flex: 1 1 100%;
  }

  .g9d973 {
    flex: 1 1 100%;
    height: 400px;
    grid-template-columns: 1fr 1fr;
  }

  .eae4 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  .cfb {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  .m60f {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
}

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

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

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

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

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

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

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

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

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

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

.o2d {
  flex: 1 1 200px;
  max-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.m6f31 {
  flex: 0 0 auto;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.l15 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
}

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

.e3d6 {
  flex: 0 0 auto;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

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

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

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

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

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

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

.j37 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  max-width: 600px;
}

.b4add4 .fd54 {
  background: var(--color-bg-primary);
  color: var(--color-accent);
}

.b4add4 .fd54:hover {
  background: var(--color-bg-secondary);
}

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

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

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

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

.bca77 {
  flex: 1 1 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.h73d {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin: 0 auto;
}

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

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

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

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

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

.p43444 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

.o28 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
}

.o28 i {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex: 0 0 auto;
}

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

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

  .n2b1,
  .a3a711 {
    flex: 1 1 100%;
  }
}

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

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

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

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

.b5e4 {
  flex: 1 1 200px;
  max-width: 240px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

.m38 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n284e336 {
  display: flex;
  justify-content: center;
  padding: clamp(1rem, 2vw, 2rem) 0;
}

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

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

.nfc9 {
  border: 2px dotted var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.eb29 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.nfc9 .fd54 {
  align-self: center;
}

.f8d {
  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, 2rem);
  border-top: 1px solid var(--color-border);
}

.f8d.k4e {
  display: none;
}

.b7d1eb {
  color: var(--color-text-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  max-width: 500px;
  text-align: center;
}

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

.g23,
.l10322 {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

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

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

.l10322:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-primary);
}

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

  .fd54,
  .fa9e55 {
    width: 100%;
  }

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

  .b7d1eb {
    width: 100%;
  }

  .fa1 {
    width: 100%;
  }

  .g23,
  .l10322 {
    flex: 1 1 auto;
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  .g9d973 {
    height: 300px;
  }

  .ofb829 {
    gap: 0.75rem;
  }

  .b5e4 {
    flex: 1 1 150px;
    max-width: 180px;
    padding: 1rem;
  }

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

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

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

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

.m8cf17 {
  display: block;
}

.m8cf17 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, 1.25rem);
  letter-spacing: -0.01em;
}

.m8cf17 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.7;
  max-width: 55ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f2d {
  display: block;
}

.f2d h3,
.i526 h3,
.ba1da h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: -0.01em;
}

.l2bd80,
.o657ce {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.75rem) clamp(1.5rem, 4vw, 2.5rem);
}

.l2bd80 li,
.o657ce li {
  display: block;
}

.f2d a,
.ba1da a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: all var(--transition-base);
  line-height: 1.6;
}

.f2d a:hover,
.ba1da a:hover {
  color: var(--color-accent);
}

.i526 {
  display: block;
}

.i526 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
  padding: clamp(0.375rem, 1vw, 0.625rem) 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.gfd p:first-child {
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 500;
}

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

@media (min-width: 768px) {
  .c03 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: start;
  }

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

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

  .f2d,
  .i526,
  .ba1da {
    display: block;
  }
}

@media (min-width: 1024px) {
  .c03 {
    grid-template-columns: 2fr 1.2fr 1.2fr 1.2fr;
  }

  .m8cf17 {
    grid-column: 1;
  }

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

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

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

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

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

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

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

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

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

.na453f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

.c7c9f {
  padding: 0.75rem clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-bg-tertiary);
  border-radius: 0.375rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

.c7c9f:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-color: var(--color-accent);
}

.c7c9f.gdc7a2 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

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

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

.p95a2 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  padding: clamp(2rem, 5vw, 3rem);
}

.o7ec {
  display: block;
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-accent);
  opacity: 0.3;
  line-height: 1;
  margin-bottom: 1rem;
}

.kc81e {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.pea6ea {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

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

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

.i21 {
  flex: 1 1 clamp(300px, 45vw, 500px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.i21:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(59, 130, 246, 0.15);
}

.h480abbe {
  width: 100%;
  overflow: hidden;
  border-radius: 0.375rem;
}

.l31a {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.i21:hover .l31a {
  transform: scale(1.03);
}

.n89f4 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
}

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

.k15 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-bg-tertiary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

.jbc5552 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.m87897 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  padding: 0.625rem 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

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

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

  .h3a {
    flex-direction: column;
  }

  .c7c9f {
    width: 100%;
  }

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .i21 {
    flex: 1 1 clamp(300px, 45vw, 480px);
  }
}

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.afa {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.e0bb {
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

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

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

  .cf7e659,
  .c28 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i0e {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

.dc712334 {
  flex: 1 1 60%;
  max-width: 60%;
}

.a4a {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

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

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

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

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

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

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

  .dc712334,
  .a4a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.bb5 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

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

  .m8a06b3,
  .g73 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.m1017 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nf79::before {
  content: '•';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
}

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

  .ce041f4,
  .k90b4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.n76 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  transition: all var(--transition-base);
}

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

.la50af9f {
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k39d,
  .k98 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.md69c9 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
  max-width: 700px;
  margin: 0 auto;
}

.pb8cb {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  margin-top: 0;
}

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

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

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

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

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

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

.c32d {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

.f4ce {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0;
}

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

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

.g47d {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  transition: all var(--transition-base);
}

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

.n8738643 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.g47d:hover .be36f {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

a {
  color: inherit;
  text-decoration: none;
}

strong {
  font-weight: 600;
}

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

  .m077 {
    display: none;
  }
}

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

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

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

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

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

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

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

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

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

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

.a6990 span:last-child {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

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

.c5f2 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.h361ef {
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

  .h52c,
  .g3ec {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.i249ff {
  flex: 1;
}

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

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

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

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

.c8b188 {
  color: var(--color-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  margin: 0 0 0.5rem 0;
}

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

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

  .m27f {
    margin: 0 auto;
  }
}

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

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

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

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

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

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

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

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

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

  .me1047b4,
  .c056 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ib186d22 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

.ib186d22 i {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

.c216 {
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

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

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

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

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

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

.k602f2 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

  .f7927992,
  .ja0fd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.g26 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

  .h33d47bd,
  .fe997db {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.m1cf74a {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

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

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

  .ac83,
  .jabdc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.lc3a3b {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

.icd3 {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  margin-bottom: 1rem;
}

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

.pa77 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

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

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

  .a51e,
  .n3d6eca {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.o79 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.o79:hover .f1ac4f87 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

.e66e34 a {
  color: var(--color-secondary);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.hfdc {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

  .p3493a,
  .a158a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m37 {
  flex-shrink: 0;
}

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

.pc431745 {
  flex: 1;
}

.af7966 {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

.b98747 a {
  color: var(--color-secondary);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.ha183f {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

  .lc29166,
  .j988 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.e783c3 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

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

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

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

  .m2ed,
  .f532 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m2ed {
    order: 0;
  }
}

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

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

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

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

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

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

.p5e0a47 {
  flex: 1 1 auto;
  min-width: 100px;
  text-align: center;
}

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

.h457 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

.ob40f3f4 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

  .e02a51b,
  .oc7e9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

.m4820 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
}

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

.bfbdf9 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  height: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

.l3f44 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

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

  .l47ba,
  .a3a1e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.e79 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

.f9d0fe6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

.m31f7:hover .a22 {
  transform: scale(1.05);
}

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

.k71 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

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

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

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

@media (max-width: 768px) {
  .iea,
  .k310c,
  .d4c2ff,
  .a245,
  .l316,
  .ee69c,
  .h56dc28 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .fbffdf {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 2vw, 1.5rem);
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

    .d2804a4,
    .cce4 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .cce4 img {
      max-height: 300px;
    }
  }

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

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

  .m547073 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 3px solid var(--color-accent);
  }

  .g123f {
    flex: 1;
  }

  .ha21a6 {
    color: var(--color-text-muted);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.25rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .i999d5,
    .lbe18e6 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .lbe18e6 img {
      max-height: 300px;
    }
  }

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

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

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

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

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

  .e1b4f {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 280px;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-accent);
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h7c4 {
    color: var(--color-accent);
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-family: var(--font-heading);
  }

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

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

    .nb4ce03,
    .j6446 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .nb4ce03 img {
      max-height: 300px;
    }
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .paa7 {
    color: var(--color-text-secondary);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    line-height: 1.7;
    padding-left: 2rem;
    position: relative;
  }

  .paa7:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--color-accent);
    font-weight: 700;
    font-size: 1.25rem;
  }

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

    .ec36,
    .fc54a4 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .fc54a4 img {
      max-height: 300px;
    }
  }

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

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

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

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

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

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

  .bdce3 {
    color: var(--color-accent);
    font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
    font-weight: 700;
    font-family: var(--font-heading);
  }

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

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

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

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

  .h858 {
    color: var(--color-warning);
    font-size: clamp(1.0625rem, 2vw + 0.5rem, 1.375rem);
    font-weight: 700;
    margin-bottom: 1rem;
    font-family: var(--font-heading);
  }

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

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

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

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

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

  .faa {
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

  .na2 {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    transition: all 0.3s ease;
  }

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

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

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

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

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

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

  .h6fade83 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
    min-width: 300px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
  }

  .h6fade83:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-xl);
  }

  .e1b {
    width: 100%;
    height: 250px;
    overflow: hidden;
  }

  .e1b img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .h6fade83:hover .e1b img {
    transform: scale(1.05);
  }

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

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

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

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

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

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

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

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

.n5e7da {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

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

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

.fadd {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

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

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

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

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

.d215bc1 {
  text-align: center;
}

.g74eeb {
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

.ndf {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

.ndf p {
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
}

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

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

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

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

.k3c9f4 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

.c3599c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(33.333% - 1.7rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.c3599c:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.15);
}

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

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

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

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

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

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

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

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

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

.hd79b h2 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}

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

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

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

  .hd79b {
    flex: 1 1 100%;
  }

  .jba12cb3 {
    flex: 1 1 100%;
    max-height: 350px;
  }
}

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

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

.kdf {
  text-align: center;
}

.ed5a82 {
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

.c2723 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.7;
}

.jef {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 650px;
  margin: 0 auto;
}

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

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

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

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

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

.d0c9b44 {
  text-align: center;
}

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

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

.o4ca51 {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

.k003a50 {
  flex: 0 0 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.f365dc {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  text-align: center;
  z-index: 2;
}

.gdb {
  width: 2px;
  background: var(--color-border);
  flex: 1;
  margin-top: 1rem;
}

.o4ca51:last-child .gdb {
  display: none;
}

.jeb7ba {
  flex: 1;
  padding-top: 0.75rem;
}

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

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

@media (max-width: 600px) {
  .o4ca51 {
    gap: 1.25rem;
  }

  .k003a50 {
    flex: 0 0 60px;
  }

  .f365dc {
    width: 50px;
    height: 50px;
    font-size: 0.75rem;
  }
}

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

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

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

.c68e5 {
  color: var(--color-secondary);
  font-size: 1.375rem;
  flex: 0 0 auto;
  margin-top: 0.25rem;
}

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

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

@media (max-width: 768px) {
  .nc62,
  .e82541,
  .k17279,
  .nf7,
  .o6f0,
  .m3e989d,
  .f40b0a {
    padding: clamp(2rem, 5vw, 4rem) 0;
  }
}

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

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

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

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

.m515 {
  flex: 1 1 clamp(100%, 50%, 600px);
  min-height: 300px;
}

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

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

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

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

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

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

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

.add {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

.oc2 {
  flex: 1 1 clamp(100%, 45%, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

.gffdf {
  flex: 1 1 clamp(100%, 45%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  text-align: center;
}

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

.hdc4 {
  font-size: clamp(2rem, 3vw + 0.5rem, 3rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

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

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

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

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

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

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

.b9386 {
  flex: 1 1 clamp(100%, 45%, 300px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.gf0046 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.nd441 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ka58 {
  flex: 1 1 clamp(100%, 55%, 700px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
}

.ic6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ne4 {
  flex: 1 1 clamp(100%, 40%, 400px);
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  height: fit-content;
}

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

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

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

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

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

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

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

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

.be8ddb {
  flex: 1 1 clamp(100%, 45%, 380px);
  text-decoration: none;
  color: inherit;
  transition: all var(--transition-base);
}

.c9603 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  min-height: 180px;
  transition: all var(--transition-base);
}

.be8ddb:hover .c9603 {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}

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

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

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

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

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

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

.i9e {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(2rem, 3vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ka58 {
    flex: 1 1 100%;
  }

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

@media (max-width: 1024px) {
  .b411 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .oc2,
  .gffdf,
  .b9386,
  .be8ddb {
    flex: 1 1 100%;
  }
}

.m4280 {
  width: 100%;
}

.afe {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.h89d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .afe {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .afe {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.db9c4288 {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.m6ac {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.de709 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

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

.kfb8 {
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  display: inline-block;
  width: fit-content;
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.d7757 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex: 1;
}

.pbd89 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  padding: var(--spacing-xs) 0;
}

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

.pbd89:active {
  color: var(--color-accent-dark);
}

@media (min-width: 768px) {
  .b7ee0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .db9c4288 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .de709 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .b7ee0 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .m6ac {
    flex-direction: row;
  }

  .de709 {
    width: 45%;
    height: 280px;
  }

  .m47170 {
    width: 55%;
    padding: var(--spacing-xl);
  }
}

.j118c {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.c126bf {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.e40 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.d1c11 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: background-color var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
}

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

.d1c11:active {
  background-color: var(--color-accent-dark);
  transform: translateY(0);
}

@media (min-width: 768px) {
  .j118c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .j118c {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.p429d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.hbeb80 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 600px;
}

.l1ed {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

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

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

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

@media (min-width: 768px) {
  .p429d {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .hbeb80 {
    flex: 1;
    min-width: 0;
  }

  .m0d {
    flex: 1;
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .p429d {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .l1ed {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
  }

  .m0d {
    max-height: 400px;
  }
}

.m662e {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

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

.l67e2 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.a6a3a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: background-color var(--transition-base);
}

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

.a6a3a:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.dbb823 {
  flex: 1;
  line-height: 1.5;
}

.k755862 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: var(--spacing-md);
  color: var(--color-accent);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.l67e2[data-open="true"] .k755862 {
  transform: rotate(45deg);
}

.bcf {
  padding: 0 var(--spacing-lg) var(--spacing-lg);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  background-color: var(--color-bg-card);
}

.bcf p {
  margin: 0;
}

@media (min-width: 768px) {
  .m662e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .a6a3a {
    padding: var(--spacing-xl) var(--spacing-2xl);
    font-size: clamp(1.0625rem, 2vw, 1.25rem);
  }

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

@media (min-width: 1024px) {
  .m662e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

.m156fc3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.k53c7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 600px;
}

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

.p3ad {
  font-size: clamp(0.95rem, 2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  font-weight: 400;
}

.m7e78455 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.0625rem);
  font-weight: 600;
  text-align: center;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  width: fit-content;
  box-shadow: var(--shadow-md);
}

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

.m7e78455:focus {
  outline: 2px solid var(--color-accent-dark);
  outline-offset: 2px;
}

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

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

@media (min-width: 768px) {
  .m156fc3 {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .k53c7 {
    flex: 1;
    min-width: 0;
  }

  .e7098855 {
    flex: 1;
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .m156fc3 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .e7098855 {
    max-height: 400px;
  }
}

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

.f8df2c main {
  width: 100%;
}

.f8df2c .g42 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f8df2c .gbef {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.f8df2c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.f8df2c .k2ef72b {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.f8df2c h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.f8df2c p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

.f8df2c li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.f8df2c .p31c7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.f8df2c .p31c7 h2 {
  margin-top: 0;
}

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

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

.f8df2c .j2c strong {
  display: inline-block;
  width: 80px;
  color: var(--color-primary);
}

@media (max-width: 768px) {
  .f8df2c .gbef {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .f8df2c .j2c strong {
    display: block;
    width: auto;
    margin-bottom: var(--spacing-xs);
  }
}

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

.o9dc {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.n198a7e0 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.g42 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.hd52d3 {
  text-align: center;
  padding: var(--spacing-3xl) var(--spacing-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.cfee {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.l3ca {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
  flex-shrink: 0;
}

@keyframes scaleIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.g3c2148 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.5px;
}

.gda {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: var(--spacing-md);
}

.cf1a0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.cf1a0:last-of-type {
  margin-bottom: var(--spacing-xl);
}

.hcfaccd6 {
  display: inline-block;
  padding: var(--spacing-md) 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;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.p2b1 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

@media (min-width: 640px) {
  .hd52d3 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    gap: var(--spacing-xl);
  }

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

  .cf1a0:last-of-type {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .o9dc {
    padding: var(--spacing-lg);
  }

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

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

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

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

@media (min-width: 1024px) {
  .hd52d3 {
    padding: var(--spacing-4xl);
    gap: var(--spacing-2xl);
  }

  .l3ca {
    width: 120px;
    height: 120px;
  }

  .p2b1:hover {
    transform: translateY(-3px);
  }
}

.c96 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o89e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .o89e {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o89e {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

.g42 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

@media (min-width: 768px) {
  .g42 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g42 {
    padding: 0 var(--spacing-xl);
  }
}

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

@media (min-width: 768px) {
  .gbef {
    gap: var(--spacing-xl);
  }
}

.h8f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  animation: float-gentle 6s ease-in-out infinite;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.k32a57 {
  width: 100%;
  max-width: 180px;
  height: auto;
  margin-bottom: var(--spacing-md);
}

@media (min-width: 768px) {
  .k32a57 {
    max-width: 220px;
    margin-bottom: var(--spacing-lg);
  }
}

.c74f41 {
  color: var(--color-primary);
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

.oa4 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 800;
  color: var(--color-primary);
  line-height: 1;
  margin: 0;
  letter-spacing: -2px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

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

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

.j21e7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
  line-height: 1.6;
}

.e1a94a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-md) 0 0 0;
  line-height: 1.7;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.ncdc558 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ncdc558 {
    margin-top: var(--spacing-xl);
  }
}

.hcfaccd6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  outline: none;
}

@media (min-width: 768px) {
  .hcfaccd6 {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

.p2b1 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.m53aab6d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 480px) {
  .oa4 {
    font-size: clamp(2.5rem, 10vw, 3.5rem);
  }

  .l7a56f h2 {
    font-size: clamp(1.25rem, 4vw, 1.5rem);
  }

  .k32a57 {
    max-width: 140px;
  }
}

.e29 {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow: hidden;
}

.ed142f55 {
  background-color: var(--color-bg-secondary);
  padding: 4rem 0;
  overflow: hidden;
}

.e0994ebf {
  text-align: center;
}

.p82 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.n9c8f28 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .ed142f55 {
    padding: 6rem 0;
  }
}

@media (min-width: 1024px) {
  .ed142f55 {
    padding: 8rem 0;
  }
}

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

.aafdc {
  width: 100%;
}

.ebcb4 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

@media (min-width: 768px) {
  .ebcb4 {
    gap: 4rem;
  }

  .df3ce {
    flex: 1 1 45%;
  }

  .e9500 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .h695b6 {
    padding: 5rem 0;
  }

  .ebcb4 {
    gap: 5rem;
  }
}

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

.f03b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.a5da {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.b6425 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.o6b0aa0 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.m37bcb {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.l40,
.a6e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  padding: 0.875rem 1.125rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: var(--transition-base);
  outline: none;
}

.l40::placeholder,
.a6e::placeholder {
  color: var(--color-text-muted);
}

.l40:focus,
.a6e:focus {
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.a6e {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.c6ea {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

.hb5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: 1.125rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.5px;
  width: 100%;
}

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

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

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

.j26 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

.e44b34 {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-primary);
  transition: var(--transition-base);
}

.e44b34:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

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

.adac8c8f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.9rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.fdf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.e845 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.i6ae1 {
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

.i6ae1:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.lc97a {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.k2ada8c {
  flex: 1;
  min-width: 0;
}

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

.h916ff {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-xs);
}

.aa3eb226 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

.aa3eb226:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.c19 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.5;
}

.bf3cd8d {
  padding: 2rem;
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-align: center;
}

.le00 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.j89718 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: 0.875rem 1.75rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
}

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

.g7c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.g6f {
  width: 100%;
}

.c0c9a9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-sm);
}

.e4214ee {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto var(--spacing-2xl);
}

.b7925 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  .b7925 {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .b7925 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem;
  }
}

.e7cee134 {
  padding: 1.75rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

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

.ncc {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.g53 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.b24ef1b9 {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-primary);
  transition: var(--transition-base);
}

.b24ef1b9:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.f99a9 {
  text-align: center;
  padding: 2.5rem 1.5rem;
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
}

.f1e1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.gaeee {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: 0.875rem 1.75rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
}

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

@media (min-width: 768px) {
  .h695b6 {
    padding: 4rem 0;
  }

  .g7c {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .h695b6 {
    padding: 6rem 0;
  }

  .g7c {
    padding: 6rem 0;
  }
}

@media (max-width: 479px) {
  .ebcb4 {
    gap: 2rem;
  }

  .df3ce,
  .e9500 {
    flex: 1 1 100%;
  }

  .hb5 {
    padding: 1rem 1.5rem;
  }

  .l40,
  .a6e {
    padding: 0.75rem 1rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.kffed3,.o252{width:34px;}
.kffed3[aria-expanded="true"]{display:none;}
.c267fc4.gdc7a2{z-index:999;}
.c267fc4{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.c267fc4{max-width:100%;}}
.nfa5e{justify-content:flex-end;}