@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: #ffffff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #150538;
  --color-bg-card: #ffffff;

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

  --color-primary: #7e22ce;
  --color-primary-hover: #6b21a8;
  --color-primary-light: #ede9fe;
  --color-primary-lighter: #f3e8ff;

  --color-secondary: #a855f7;
  --color-secondary-light: #f3e8ff;
  --color-secondary-lighter: #faf5ff;

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

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

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

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

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

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

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

  font-size: 16px;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

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

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

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

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

button {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.he8b1a84 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) var(--spacing-lg);
}

.e2302e {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) var(--spacing-lg);
}

.b78fab0 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-4xl) var(--spacing-lg);
}

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

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

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

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

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

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

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

.h16a44 {
  display: flex;
  gap: var(--spacing-md);
}

.p10f0f35 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
}

.g51e82e7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}

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

.mc42 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .ha59,
  .b88e10cc,
  .f3e1 {
    grid-template-columns: 1fr;
  }

  .he8b1a84,
  .e2302e,
  .b78fab0 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

@media (max-width: 480px) {
  .d121 {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  button {
    width: 100%;
  }

  .h16a44 {
    flex-direction: column;
  }

  .g51e82e7 {
    flex-direction: column;
    align-items: flex-start;
  }
}
.pd69b {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  width: 100%;
}

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

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

.a347:hover {
  opacity: 0.8;
}

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

.a30dc1f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

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

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

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

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

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

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

.c3627471 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.c3627471.pc2ded2 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.k6679 {
  padding: clamp(1rem, 2vw, 1.25rem) 0;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-base);
}

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

.e564cf66 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: background var(--transition-base);
  width: auto;
}

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

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

  .c40f {
    display: flex;
  }

  .kbff110a {
    display: none;
  }

  .c3627471 {
    display: none;
  }
}

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

  .ldb3 {
    gap: clamp(2rem, 2.5vw, 3rem);
  }

  .n08c0d6 {
    font-size: 1rem;
  }

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

    .c1523fd {
  width: 100%;
}

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

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

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

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

.f39d8 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 8vw + 1rem, 4.5rem);
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pe4a {
  color: var(--color-accent);
  display: block;
}

.f58813 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

.n55a9 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 2px solid var(--color-border-light);
}

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

.g58 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
}

.fb584f {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.cf9f {
  text-align: center;
}

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

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

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

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

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

.e15 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  height: clamp(2rem, 4vw, 2.75rem);
  display: flex;
  align-items: center;
}

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

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

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

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

.ab23407c {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g768 {
  text-align: center;
}

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

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

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

.e7f288 {
  flex: 1 1 clamp(200px, 22vw, 280px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

.pc7a2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
}

.l11b {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  height: clamp(2rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.p7e58aeb {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

.c0d8 {
  text-align: center;
}

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

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

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

.fcec5 {
  flex: 1 1 clamp(280px, 30vw, 380px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.h2e117 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-border-light);
}

.df757 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.fcec5:hover .df757 {
  transform: scale(1.05);
}

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

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

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

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

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

.l4b4 {
  text-align: center;
  padding-top: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

.a19870 .f830e86e {
  align-self: center;
}

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

.g9f0.n53fd44c {
  display: none;
}

.aadb6c {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.a560bbc,
.hfc57 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  font-family: var(--font-primary);
}

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

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

.hfc57 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid var(--color-bg-primary);
}

.hfc57:hover {
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 767px) {
  .c8a6663e {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }

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

  .hf6bece3 {
    flex: 1 1 100%;
  }

  .m8c4d82 {
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }

  .e7f288 {
    flex: 1 1 100%;
  }

  .jbadc1a9 {
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }

  .fcec5 {
    flex: 1 1 100%;
  }

  .d0b {
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }

  .pc7a2 {
    flex: 1 1 calc(50% - 0.625rem);
  }

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

  .aadb6c {
    min-width: auto;
    width: 100%;
  }

  .f7dcc087 {
    width: 100%;
  }

  .a560bbc,
  .hfc57 {
    flex: 1 1 auto;
  }
}

@media (max-width: 480px) {
  .f39d8 {
    font-size: clamp(1.75rem, 6vw, 2.5rem);
  }

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

  .pc7a2 {
    flex: 1 1 calc(50% - 0.375rem);
  }
}

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

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

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

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

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

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

.k35,
.d16f,
.k06160ca {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.k35 h3,
.d16f h3,
.k06160ca h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.5px;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .m048 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 3.5rem);
    align-items: start;
  }

  .ae78 {
    grid-column: 1 / -1;
    padding-bottom: clamp(2rem, 4vw, 2.5rem);
  }

  .k35,
  .d16f,
  .k06160ca {
    flex-direction: column;
  }

  .m49a18f2 {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .m048 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(3rem, 5vw, 4rem);
  }

  .ae78 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    padding-bottom: 0;
    border-bottom: none;
  }

  .k35,
  .d16f,
  .k06160ca {
    padding: 0;
  }

  .m49a18f2 {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
    

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

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

.i6162 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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

.a6bd88e {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ede151 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 3vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.cdf i {
  color: var(--color-accent);
  width: 20px;
}

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

  .cdf {
    padding: 0 clamp(1rem, 2vw, 1.5rem);
    border-right: 1px solid var(--color-border-light);
  }

  .cdf:last-child {
    border-right: none;
  }
}

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

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

.pc56ee5 {
  text-align: center;
}

.p2187 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ld2eb {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
  max-height: 250px;
}

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

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

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

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

.e7bfa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.ld2a,
.n3416,
.k70e5f62 {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.ld2a i,
.n3416 i,
.k70e5f62 i {
  color: var(--color-accent);
  width: 16px;
}

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

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

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

  .ld2eb {
    flex: 0 0 30%;
    min-width: 200px;
    max-height: 300px;
  }

  .k2228 {
    flex: 1 1 70%;
  }
}

@media (min-width: 1024px) {
  .ld2eb {
    max-height: 350px;
  }
}

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

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

.gb76 {
  text-align: center;
}

.nf454b6 {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h42b6 {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b4703 {
  flex: 1;
}

.n1753b65 {
  color: var(--color-text-light);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 1024px) {
  .b57a68b2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

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

* {
  box-sizing: border-box;
}

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

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

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

.m53f3de5 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kd880 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.7;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

.pba12 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.8;
}

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

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

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

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

.oaa2 {
  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: 1px solid var(--color-border-light);
}

.gec135 {
  flex-shrink: 0;
}

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

.d11 {
  flex: 1;
}

.j9ceae {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  display: block;
}

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

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

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

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

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

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

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

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

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

.jf7d .pba12 p {
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.ob114a31 .pba12 p {
  color: var(--color-text-primary);
}

.mcc32 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  margin: clamp(1.5rem, 3vw, 2rem) 0 0 0;
  padding-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid var(--color-border-light);
}

.d801 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
}

.o1803 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  display: block;
}

.n678a5 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
}

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

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

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

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

.gfa4826 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

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

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

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

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

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

.pd7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.b83bc0 {
  flex-shrink: 0;
  width: clamp(120px, 15vw, 180px);
  height: clamp(120px, 15vw, 180px);
}

.b83bc0 img {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-md);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

@media (max-width: 768px) {
  .ia7,
  .n18,
  .k3af {
    flex-direction: column;
  }

  .ie6efd,
  .j5f6,
  .dd04,
  .la1606,
  .pba12,
  .b8a6c72 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .gec135 img {
    width: 100px;
    height: 100px;
  }

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

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

  .mcc32 {
    flex-direction: row;
    gap: 1rem;
  }
}

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

  .bfb3 {
    font-size: 0.8125rem;
  }

  .g0a24a {
    font-size: 0.8125rem;
  }

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

  .b83bc0 {
    height: 150px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j9a343 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.3;
}

.ddb0b40f {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.8;
}

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

.d39d {
  order: -1;
}

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

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

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

.f8bc {
  text-align: center;
}

.kffea {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.c82f6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.n9abe934 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: #fff9e6;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid #f59e0b;
}

.a1fd25 {
  font-size: 1.5rem;
  color: #f59e0b;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.ea7a204 {
  flex: 1;
}

.h18 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

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

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

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

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

.kb22ed {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #ffffff;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.3;
}

.b5c4d5 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: #f3e8ff;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.8;
}

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

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

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

.o0d0 {
  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);
  box-shadow: var(--shadow-md);
}

.f10f {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.jd0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

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

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

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

.c40399c {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
}

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

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

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

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

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

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

@media (max-width: 1023px) {
  .o14a,
  .p1f60,
  .l1760670,
  .gc5f,
  .fa21b {
    flex-direction: column;
  }

  .b46417,
  .neec13,
  .p24b,
  .b2a,
  .a5f,
  .h1097,
  .h92,
  .of3cce,
  .l4a3a,
  .jcd4a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d39d {
    order: 0;
  }

  .ocb {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
  }

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

@media (max-width: 767px) {
  .d6ad {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .o14a,
  .p1f60,
  .l1760670,
  .gc5f,
  .fa21b {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

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

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

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

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

  .fb973 {
    align-items: center;
  }

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

  .a1fd25 {
    text-align: center;
    width: 100%;
  }
}

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

  .f62f,
  .j9a343,
  .c82f6,
  .kb22ed {
    font-size: 1.5rem;
  }

  .jd0 {
    font-size: 1.5rem;
  }

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

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

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

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

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

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

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

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

.e8d8a {
  display: block;
  width: 100%;
}

.pc6d8 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
}

.p1b {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: center;
  min-height: 380px;
}

.o72 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  border-radius: var(--radius-xl);
  overflow: hidden;
}

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

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

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

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

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

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

.he657781 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
}

.nd5 {
  color: var(--color-text-muted);
  opacity: 0.6;
}

.m7ce6cf {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
}

.m7ce6cf a,
.m7ce6cf span {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n9e39a {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

.h9659d {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.g366a3ab {
  list-style: none;
  counter-reset: step-counter;
}

.fe1d {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  counter-increment: step-counter;
  padding-left: clamp(2rem, 3vw, 2.5rem);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  line-height: 1.7;
  position: relative;
}

.fe1d::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 0;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.875rem;
}

.fe1d strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

.n556 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.jaabf::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1rem;
}

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

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

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

.f5f63f6 {
  color: var(--color-accent);
}

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

.k232d6bb {
  margin: 0;
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
}

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

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

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

.m5b802 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

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

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

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

.ob44d17a {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

.m9e24ef2 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(46, 16, 101, 0.08);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.dce {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  font-weight: 700;
  line-height: 1.4;
}

.d998 {
  color: var(--color-accent);
}

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

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

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

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

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

  .g9ae6a {
    position: static;
  }

  .p1b {
    flex-direction: column;
  }

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

  .o9f8560 {
    flex: 1 1 100%;
  }

  .a7918b {
    flex-direction: column;
  }

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

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

  .a53 {
    flex-direction: column;
  }

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

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

  .fbadc6 {
    flex-direction: column;
  }

  .e8bee {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

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

  .pc6d8 {
    min-height: auto;
  }

  .p1b {
    min-height: auto;
  }

  .o72 {
    min-height: 250px;
    max-height: 350px;
  }

  .g95f {
    min-height: 200px;
    max-height: 300px;
  }

  .mf2 {
    min-height: 200px;
    max-height: 300px;
  }

  .e8bee {
    min-height: 200px;
    max-height: 300px;
  }

  .g366a3ab {
    padding: 0;
  }

  .fe1d {
    padding-left: 2.5rem;
  }

  .fe1d::before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.75rem;
  }

  .m7ce6cf {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 480px) {
  .o72 {
    min-height: 200px;
  }

  .g95f {
    min-height: 150px;
  }

  .mf2 {
    min-height: 150px;
  }

  .e8bee {
    min-height: 150px;
  }

  .g9ae6a {
    padding: 1.25rem;
  }

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

  .o99ed {
    padding: 1.25rem;
  }

  .b41 {
    padding: 1.25rem;
  }

  .ja08 {
    padding: 1.25rem;
    border-left-width: 3px;
  }
}

.pb802a {
    width: 100%;
  }

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

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

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

  .d22 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: clamp(1rem, 3vw, 1.5rem) 0;
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
  }

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

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

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

  .le29feea {
    position: relative;
    width: 100%;
    min-height: 350px;
    max-height: 500px;
    overflow: hidden;
    border-radius: var(--radius-lg);
  }

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

  .o051 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(23, 5, 56, 0.65) 0%, rgba(126, 34, 206, 0.45) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(1.5rem, 4vw, 3rem);
  }

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

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

  .oad23 {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    color: #f0f0f0;
    line-height: 1.6;
    max-width: 600px;
  }

  .l0ca2 {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: #e0e0e0;
  }

  .na3 {
    display: inline-block;
  }

  .fb571b {
    color: #b0b0b0;
  }

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

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

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

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

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

  .oa2a {
    flex: 1 1 40%;
  }

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

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

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

  .cb20ee li {
    font-size: clamp(0.8125rem, 0.9vw, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding-left: 1.5rem;
    position: relative;
  }

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

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

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

  .c2677e {
    flex: 1 1 70%;
    display: flex;
    flex-direction: column;
    gap: clamp(3rem, 5vw, 4rem);
  }

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

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

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

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

  .i67 img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    display: block;
  }

  .a24661 {
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: var(--color-text-muted);
    font-style: italic;
    line-height: 1.5;
  }

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

  .na4de {
    margin: 0;
    font-size: clamp(1rem, 1.2vw, 1.25rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    font-style: italic;
  }

  .na4de p {
    margin: 0 0 1rem 0;
  }

  .o1bc7 {
    display: block;
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: var(--color-text-secondary);
    font-style: normal;
  }

  .ga1e34 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
    margin: clamp(2rem, 3vw, 2.5rem) 0;
    padding: clamp(2rem, 3vw, 2.5rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
  }

  .i34 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1 1 calc(33.333% - 1rem);
  }

  .ka28fa8 {
    display: block;
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--color-accent);
  }

  .l175873 {
    display: block;
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
  }

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

  .k46 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-bg-primary);
    border-radius: var(--radius-lg);
  }

  .ab3d {
    flex-shrink: 0;
  }

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

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

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

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

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

  .od3 {
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: var(--color-accent);
    margin: 0;
    font-weight: 600;
  }

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

  .b83c6 {
    background: #fff8f0;
    padding: clamp(2rem, 4vw, 3rem) 0;
    margin: clamp(2rem, 4vw, 3rem) 0;
    border-left: 4px solid #ff9500;
    border-radius: var(--radius-md);
    overflow: hidden;
  }

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

  .ffc0 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
    color: #8b5a00;
    margin: 0;
  }

  .je1830ac {
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: #6b4500;
    line-height: 1.7;
    margin: 0;
  }

  .d81e9dee {
    flex: 1 1 70%;
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

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

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

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

  .f46 {
    background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-dark) 100%);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    text-align: center;
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
  }

  .i86a9 {
    font-family: var(--font-heading);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 700;
    color: var(--color-text-on-accent);
    margin: 0 0 0.5rem 0;
  }

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

  .dc15 {
    display: inline-block;
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
    background: rgba(255, 255, 255, 0.2);
    color: var(--color-text-on-accent);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    transition: all var(--transition-base);
    border: 2px solid var(--color-text-on-accent);
  }

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

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

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

  .gd2f8 {
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .j2ca0 {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full);
    object-fit: cover;
    margin: 0 auto;
    display: block;
  }

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

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

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

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

  .o2e3d76 {
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border-top: 3px solid var(--color-accent);
  }

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

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

  .b1d0 li {
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding-left: 1.5rem;
    position: relative;
  }

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

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

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

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

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

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

  .na9d {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-decoration: none;
    transition: transform var(--transition-base);
  }

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

  .hdd6bc {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius-md);
    display: block;
  }

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

  .e9ea {
    font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
    color: var(--color-text-secondary);
    margin: 0;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  @media (max-width: 1023px) {
    .o8c {
      flex-direction: column;
      align-items: stretch;
    }

    .c2677e {
      flex: 1 1 100%;
    }

    .m38a {
      flex: 1 1 100%;
    }

    .iccf4 {
      position: static;
    }

    .j3956075 {
      flex-direction: column;
    }

    .fd5 {
      flex: 1 1 100%;
    }

    .oa2a {
      flex: 1 1 100%;
    }

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

  @media (max-width: 768px) {
    .le29feea {
      min-height: 250px;
      max-height: 350px;
    }

    .o051 {
      justify-content: center;
    }

    .d22 {
      flex-wrap: wrap;
    }

    .j3956075 {
      flex-direction: column;
    }

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

    .ab3d img {
      margin: 0 auto;
    }

    .ga1e34 {
      flex-direction: column;
    }

    .i34 {
      flex: 1 1 100%;
    }

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

.iced2ad0 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.cdb3 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

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

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

.pd02df0 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--color-border);
  max-height: 450px;
}

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

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

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

.m2be697c {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.75rem;
}

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

.i0b {
  font-size: clamp(0.875rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
}

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

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

.ofb9 {
  flex: 1;
}

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

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

.j2ae02ef {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--color-border);
  max-height: 350px;
}

.d1ba5ba7 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.jec {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.75rem;
}

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

.dc8531b9 {
  font-size: clamp(0.875rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
}

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

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

.jf882a8:hover {
  border-color: var(--color-secondary);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(168, 85, 247, 0.15);
}

.o62f80 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-secondary);
  height: 60px;
  display: flex;
  align-items: center;
}

.g99 {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.d8584 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.75rem;
}

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

.ecc1cb52 {
  font-size: clamp(0.875rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
}

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

.nc25f02 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(168, 85, 247, 0.05);
  border-left: 3px solid var(--color-secondary);
  border-radius: 8px;
}

.h975 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-secondary);
  line-height: 1;
}

.c2ca54d {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.g2c {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.e4e193c4 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-secondary);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.75rem;
}

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

.b5d096d {
  font-size: clamp(0.875rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

.b8e4 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  border: 1px solid var(--color-border);
  max-height: 400px;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

.he0 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 900px;
  margin: 0 auto;
}

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

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

.f69176eb {
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.if554 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 2.5rem;
}

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

  .jfb:nth-child(even) {
    flex-direction: row-reverse;
  }

  .ofb9 {
    flex: 0 1 50%;
  }

  .j2ae02ef {
    flex: 0 1 45%;
    max-height: 400px;
  }

  .nc25f02 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

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

@media (min-width: 1024px) {
  .jf882a8 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .nc25f02 {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .j2ae02ef {
    max-height: 500px;
  }

  .pd02df0 {
    max-height: 550px;
  }

  .b8e4 {
    max-height: 450px;
  }
}

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

  .nc25f02 {
    flex: 1 1 100%;
  }

  .jfb {
    flex-direction: column;
  }

  .jfb:nth-child(even) {
    flex-direction: column;
  }

  .ofb9 {
    flex: 1 1 100%;
  }

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

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

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

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

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

.i34a8192 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(0.8rem, 2vw, 1.2rem);
  letter-spacing: 0.5px;
}

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

.h6e36c4 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n73bb3 {
  flex: 1 1 100%;
  width: 100%;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

  .fb378 {
    flex: 1 1 45%;
    text-align: left;
  }

  .n73bb3 {
    flex: 1 1 45%;
    max-height: 500px;
  }
}

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

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

.k0af0 {
  text-align: center;
}

.c8aa {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(0.8rem, 2vw, 1.2rem);
}

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

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

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

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

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

.n213 {
  text-align: center;
}

.k7ef {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(0.8rem, 2vw, 1.2rem);
}

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

.l5846 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ma5f {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  min-height: auto;
}

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

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

@media (min-width: 1024px) {
  .ma5f {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

.h7c2 {
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.l021 {
  text-align: center;
}

.i00b1 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: clamp(0.8rem, 2vw, 1.2rem);
}

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

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

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

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

.p0f6 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.8rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.cfb {
  flex: 1 1 100%;
  width: 100%;
  max-height: 350px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

  .a26a032 {
    flex: 1 1 45%;
  }

  .cfb {
    flex: 1 1 45%;
    max-height: 450px;
  }
}

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

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

.k94 {
  text-align: center;
}

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

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

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

.ke41a9d {
  flex: 1 1 100%;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.8rem);
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

.cabf {
  background: var(--color-bg-primary);
  border: 2px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 700px;
  width: 100%;
}

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

.m09044 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cc8 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 2vw, 1.2rem);
}

.defbc1,
.c96daf {
  display: inline-block;
  padding: clamp(0.8rem, 1.5vw, 1.1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  text-align: center;
  font-family: var(--font-primary);
}

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

.defbc1:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

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

@media (min-width: 600px) {
  .cc8 {
    flex-direction: row;
    justify-content: center;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .defbc1,
  .c96daf {
    flex: 1 1 auto;
    max-width: 250px;
  }
}

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

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

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

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

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

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

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

.lbb8a33 {
  padding: var(--spacing-3xl) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.lbb8a33 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.nacd7ebe {
  padding: var(--spacing-3xl) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a098 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.paa7b6 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

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

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

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

.ha0 {
  display: flex;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

.j64 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.paa7b6 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: 1.3;
}

.paa7b6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.n240 {
  padding: var(--spacing-3xl) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.n240 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.n240 p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.ce520 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .lbb8a33 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .nacd7ebe {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .a098 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .nfdd38f8 {
    height: 320px;
  }

  .n240 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .lbb8a33 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .nacd7ebe {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .paa7b6:nth-child(even) {
    grid-template-columns: 1fr 1fr;
    direction: rtl;
  }

  .paa7b6:nth-child(even) > * {
    direction: ltr;
  }

  .nfdd38f8 {
    height: 100%;
    min-height: 380px;
  }

  .n240 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1440px) {
  .a098 {
    max-width: 1400px;
  }

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

  .nfdd38f8 {
    min-height: 420px;
  }
}

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

.oe0bef60 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.kd1c7e1 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

.p36ac6c9 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .oe0bef60 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.p508 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.m16 {
  font-size: clamp(0.95rem, 1.2vw + 0.25rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .p508 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.ab14 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.if7b {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.l13d4077 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
  display: flex;
  flex-direction: column;
}

.l13d4077:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.ed1e21 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: inline-block;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
}

.h288069f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.4rem);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.c4722 {
  font-size: clamp(0.9rem, 1.2vw + 0.1rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.ka0c1b {
  display: inline-block;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-base), color var(--transition-base);
}

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

@media (min-width: 768px) {
  .ab14 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .if7b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .if7b {
    grid-template-columns: repeat(2, 1fr);
  }

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

.l0bfe4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.k221b1fa {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.b8f8 {
  font-size: clamp(0.95rem, 1.2vw + 0.25rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.h6c38 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1.2vw + 0.1rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
  border: none;
  cursor: pointer;
}

.h6c38:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .l0bfe4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.kbf30b34 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.i564e96 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw + 0.25rem, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.2;
}

.o94ea4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.e6532848 {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  background-color: var(--color-bg-card);
  aspect-ratio: 16 / 10;
}

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

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

@media (min-width: 768px) {
  .kbf30b34 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .o94ea4 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .o94ea4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

.g1c4ff0 .d121 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.g1c4ff0 .ac62 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.g1c4ff0 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.g1c4ff0 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.g1c4ff0 .ha51 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.g1c4ff0 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding-left: var(--spacing-lg);
}

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

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

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

.g1c4ff0 .i42a46 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.g1c4ff0 .i42a46 h2 {
  margin-top: 0;
}

.g1c4ff0 .i42a46 p {
  margin-bottom: var(--spacing-sm);
}

.g1c4ff0 .i42a46 strong {
  display: block;
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-xs);
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .g1c4ff0 .d121 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .g1c4ff0 .d121 {
    padding: 0 var(--spacing-xl);
  }

  .g1c4ff0 .ac62 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.pc980 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

.d121 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ma6 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-2xl) 0;
}

.k8d16 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
}

.k8d16 svg {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  color: var(--color-success);
  animation: checkPulse 0.8s ease-out;
}

@keyframes checkPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.pc980 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.d43e47d {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-success);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.ib395 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.8;
}

.h28468aa {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.o8b31d {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}

.e12 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.e12:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 640px) {
  .ma6 {
    padding: var(--spacing-3xl) 0;
  }
}

@media (min-width: 768px) {
  .d121 {
    padding: 0 var(--spacing-lg);
  }

  .ma6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .ma6 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .k8d16 svg {
    animation: none;
  }

  .o8b31d {
    transition: none;
  }
}

.c5c {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.d288d5 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

.ac62 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.d64d {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.p674d6 {
  position: relative;
  margin-bottom: var(--spacing-2xl);
}

.c389 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.g738e2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 40vw, 400px);
  height: clamp(200px, 40vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.15;
  z-index: 1;
  animation: pulse 3s ease-in-out infinite;
}

.l828 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

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

.f4ea2ed7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.ed0411 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
}

.k18 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
}

.o8b31d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

.e12 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.c24fe {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.oc9c5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-secondary);
  transition: var(--transition-base);
}

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

.df09 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  display: block;
}

.ca1cd8 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  text-align: center;
  font-weight: 500;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.1;
  }
}

@media (min-width: 640px) {
  .c5c {
    padding: var(--spacing-lg) 0;
  }

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

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

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

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

@media (min-width: 768px) {
  .c5c {
    padding: var(--spacing-xl) 0;
  }

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

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

  .c24fe {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .c5c {
    min-height: 100vh;
  }

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

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

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

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

.p364 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.m970de29 {
  text-align: center;
}

.ce7b2a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.h2b947 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .p364 {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .p364 {
    padding: var(--spacing-4xl) 0;
  }
}

.d23247 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.ba2 {
  width: 100%;
}

.h4d957 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  width: 100%;
}

.d842c {
  width: 100%;
  flex: 1 1 auto;
}

.e7cbf {
  width: 100%;
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  .d23247 {
    padding: var(--spacing-4xl) 0;
  }

  .h4d957 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4xl);
    align-items: start;
  }

  .d842c {
    width: 100%;
  }

  .e7cbf {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .d23247 {
    padding: var(--spacing-4xl) 0;
  }

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

.o8b7798 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-2xl);
  letter-spacing: -0.3px;
}

.e7bd54c8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.f5dce {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.d5d4cf9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 0.8vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.md9a44e3 {
  color: var(--color-danger);
  font-weight: 600;
}

.e972d0f,
.cf6393 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.e972d0f::placeholder,
.cf6393::placeholder {
  color: var(--color-text-muted);
}

.e972d0f:focus,
.cf6393:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.cf6393 {
  min-height: 140px;
  resize: vertical;
}

.f56 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.n75c0 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.k08c478 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.8vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

.m4ce6 {
  color: var(--color-primary);
  text-decoration: underline;
  transition: color var(--transition-base);
}

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

.oc2fd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 0.9vw + 0.6rem, 1.05rem);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  margin-top: var(--spacing-md);
}

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

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

.l8f1bbd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-2xl);
  letter-spacing: -0.3px;
}

.j59fd53f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.p1edeb {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.d8510 {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.cb16edaf {
  flex: 1;
}

.ke390 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

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

.gaf {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.k0cd9 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.2px;
}

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

.bdac51 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 0.9vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.i64d0b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  transition: color var(--transition-base), transform var(--transition-fast);
}

.i64d0b::before {
  content: "→";
  display: inline-block;
  transition: transform var(--transition-fast);
}

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

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

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

  .d842c,
  .e7cbf {
    width: 100%;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.kbff110a{width:34px;}
.kbff110a[aria-expanded="true"]{display:none;}
.ldb3{justify-content:flex-end;}