@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400;500;600;700&family=DM+Sans: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-muted: #e9d5ff;

  --color-primary: #7e22ce;
  --color-primary-hover: #6b21a8;
  --color-primary-light: #f3e8ff;
  --color-primary-lighter: #faf5ff;
  
  --color-secondary: #a855f7;
  --color-secondary-light: #f5e6ff;
  --color-secondary-lighter: #fdf4ff;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(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);

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

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

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.7;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
}

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

h2 {
  font-size: 2.75rem;
  font-weight: 700;
}

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

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

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

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

p {
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.3px;
  margin-bottom: var(--spacing-md);
  font-weight: 400;
}

small {
  font-size: 0.875rem;
  line-height: 1.6;
  letter-spacing: 0.4px;
  font-weight: 400;
}

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

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

button,
.k01 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  display: inline-block;
  text-decoration: none;
}

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

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

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

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

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

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

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

.ked {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-md);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  letter-spacing: 0.3px;
  line-height: 1.6;
}

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

label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
  font-size: 0.95rem;
  letter-spacing: 0.2px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o83e18c {
  display: flex;
}

.ib38af {
  flex-direction: column;
}

.e33d78 {
  align-items: center;
}

.cea {
  justify-content: center;
}

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

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

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

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

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

.i848 { margin-top: var(--spacing-sm); }
.c75c { margin-top: var(--spacing-md); }
.h1a455 { margin-top: var(--spacing-lg); }
.c7a4e28 { margin-top: var(--spacing-xl); }
.na2 { margin-top: var(--spacing-2xl); }
.b58f { margin-top: var(--spacing-3xl); }

.eee7e { margin-bottom: var(--spacing-sm); }
.b03872 { margin-bottom: var(--spacing-md); }
.f89364 { margin-bottom: var(--spacing-lg); }
.l0bcd3 { margin-bottom: var(--spacing-xl); }
.h84e7e { margin-bottom: var(--spacing-2xl); }
.dde308 { margin-bottom: var(--spacing-3xl); }

.c773a { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.ff7 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.ma4e9979 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.h0d6524 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.m179 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.n9f86fc6 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

.pcf0 {
  text-align: center;
}

.k1517 {
  text-align: right;
}

.nf861d80 {
  text-align: left;
}

.i4a4 { font-weight: 400; }
.ca7cf2e { font-weight: 500; }
.i84f { font-weight: 600; }
.gc8 { font-weight: 700; }

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

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

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

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

.l5087 {
  font-size: 0.875rem;
  letter-spacing: 0.4px;
  line-height: 1.6;
}

.l330e7b {
  font-size: 1.125rem;
  letter-spacing: 0.3px;
  line-height: 1.7;
}

.j38e46 {
  font-size: 1.25rem;
  letter-spacing: 0.2px;
  line-height: 1.6;
}

.i0422 {
  text-decoration: underline;
  text-decoration-color: var(--color-primary);
  text-underline-offset: 4px;
}

.pe7 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

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

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

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

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

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

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

.j3ff135 {
  background: var(--color-border-dark);
}

.e28945a { border-radius: var(--radius-sm); }
.efabff { border-radius: var(--radius-md); }
.kc9 { border-radius: var(--radius-lg); }
.d381 { border-radius: var(--radius-xl); }
.hf8 { border-radius: var(--radius-2xl); }
.cbe { border-radius: var(--radius-full); }

.j677861 { box-shadow: var(--shadow-sm); }
.kc91 { box-shadow: var(--shadow-md); }
.n087 { box-shadow: var(--shadow-lg); }
.id4c { box-shadow: var(--shadow-xl); }

.eb92c { opacity: 0.5; }
.db9aea8 { opacity: 0.75; }

.j06 { transition: all var(--transition-fast); }
.j0e { transition: all var(--transition-base); }
.cf03fb { transition: all var(--transition-slow); }

@media (max-width: 1024px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2.75rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 1.75rem;
  }

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

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

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

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

@media (max-width: 640px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.1rem;
  }

  p {
    font-size: 0.95rem;
    line-height: 1.7;
  }

  .dfc3cf,
  .ge10a1,
  .nb3f4b7 {
    grid-template-columns: 1fr;
  }

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

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

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

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

  button,
  .k01 {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .d04 {
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.o3d050 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 1000;
}

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

.j8404f55 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.o3f5526b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 1.25rem;
  cursor: pointer;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

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

.o3f5526b:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

.nbf5.lbf7b5 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.a6aa {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.m34f477 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 1.25rem;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.m34f477:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

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

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

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

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

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

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

  .b617a1 {
    display: flex;
  }

  .m618ea {
    display: block;
  }

  .o3f5526b {
    display: none;
  }

  .nbf5 {
    display: none;
  }
}

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

  .of9b {
    font-size: 1.5rem;
  }

  .b617a1 {
    gap: 2.5rem;
  }

  .f19 {
    font-size: 1rem;
  }

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

@media (max-width: 767px) {
  .nbf5.lbf7b5 {
    box-shadow: var(--shadow-lg);
  }

  html.k3626 {
    overflow: hidden;
  }
}

    .p81a7 {
  width: 100%;
  font-family: var(--font-primary);
}

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

.maa3 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  position: relative;
  min-height: 500px;
}

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

.lcc {
  flex: 1 1 55%;
  position: relative;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
  background: var(--color-bg-secondary);
}

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

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

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

.hb991 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.kd8bd,
.i49af9d8 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

.p64 {
  flex: 0 1 auto;
}

.k62253 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 700;
  line-height: 1;
}

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

@media (max-width: 767px) {
  .maa3 {
    flex-direction: column;
    min-height: auto;
  }

  .fc0 {
    flex: 1 1 100%;
  }

  .lcc {
    flex: 1 1 100%;
    min-height: 300px;
    clip-path: none;
  }

  .hb991 {
    flex-direction: column;
  }

  .kd8bd,
  .i49af9d8 {
    width: 100%;
    text-align: center;
  }
}

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

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

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

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

.i56cf {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.i56cf:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  background: var(--color-bg-card);
}

.i56cf i {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

.jfdbd155 {
  flex: 1 1 300px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-secondary);
  border-radius: 50%;
  aspect-ratio: 1;
  justify-content: center;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

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

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

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

@media (max-width: 767px) {
  .jfdbd155 {
    flex: 1 1 100%;
    max-width: none;
    border-radius: var(--radius-md);
    aspect-ratio: auto;
  }
}

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

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

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

.ba985 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

.ba985::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-border);
  z-index: 0;
}

.fd0a {
  flex: 1 1 calc(20% - 1rem);
  min-width: 140px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.n9f828 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
  font-size: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

@media (max-width: 767px) {
  .ba985::before {
    display: none;
  }

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

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

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

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

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

.ifd {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.a5b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  user-select: none;
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-weight: 500;
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  list-style: none;
  transition: all 0.3s ease;
}

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

.a5b i {
  color: var(--color-accent);
  font-size: 1rem;
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 1rem;
}

.ifd[open] .a5b i {
  transform: rotate(180deg);
}

.l508fc {
  flex: 1;
}

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

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

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

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

.b29 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.n602 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

.jb60 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

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

.h50a8c44 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  margin: 0;
  font-weight: 600;
}

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

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

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

.o678a56 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.5;
}

.o678a56::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 1.25rem;
  height: 1.25rem;
  background: currentColor;
  opacity: 0.3;
  border-radius: 2px;
}

.jb60 .o678a56 {
  color: var(--color-text-light-muted);
}

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

.nab4f8 .o678a56::before {
  background: var(--color-text-on-accent);
  opacity: 0.8;
}

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

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

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

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

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

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

.n30b175c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  margin: 0;
  font-weight: 700;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

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

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

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

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

  .n30b175c {
    width: 50px;
    height: 50px;
  }
}

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

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

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

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

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

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

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

.ncf9.o0c {
  display: none;
}

.ia405 {
  color: var(--color-text-light);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  flex: 0 1 auto;
  max-width: 500px;
}

.n391863 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.b3ae,
.o487 {
  padding: 0.5rem 1.25rem;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

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

.o487 {
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.o487:hover {
  border-color: var(--color-text-light);
}

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

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

  .n391863 {
    width: 100%;
    justify-content: center;
  }

  .b3ae,
  .o487 {
    flex: 1;
    min-width: 120px;
  }
}

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

@media (max-width: 1023px) {
  .maa3 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (max-width: 767px) {
  .jb60,
  .nab4f8 {
    padding: 1rem;
  }
}

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

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

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

.j83f582 {
  max-width: 500px;
}

.j83f582 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
}

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

.i03a2e,
.o27,
.e03 {
  display: block;
}

.i03a2e h4,
.o27 h4,
.e03 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.375rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
}

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

.ke58a6c li,
.g1a li {
  display: block;
}

.i03a2e a,
.e03 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
}

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

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

.o27 p + p {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

.h0c {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .n97 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .j83f582 {
    flex: 1 1 300px;
  }

  .i03a2e {
    flex: 0 1 180px;
  }

  .o27 {
    flex: 0 1 280px;
  }

  .e03 {
    flex: 0 1 200px;
  }

  .j620b {
    flex: 1 1 100%;
  }

  .ke58a6c,
  .g1a {
    gap: clamp(0.625rem, 1vw, 0.875rem);
  }
}

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

  .j83f582 {
    flex: 0 1 360px;
  }
}
    

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

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

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

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

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

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

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

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

.n6fde1a {
  text-align: center;
}

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

.ocbe {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a3c {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  line-height: 1.4;
}

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

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

.g30b8a0c {
  text-align: center;
}

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

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

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

.ad8004 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all var(--transition-base);
  flex: 1 1 clamp(300px, 100%, 380px);
  min-height: auto;
}

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

.mf829 {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

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

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

.j58bf7c2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  margin: 0.5rem 0 0 0;
}

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

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

.l17fc {
  color: var(--color-accent);
  background: transparent;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  margin-top: auto;
}

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

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

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

.o6f6 {
  text-align: center;
}

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

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

.j3d772e5 {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.ae39 {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-border-light);
  gap: 0;
}

.ae39:last-child {
  border-bottom: none;
}

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

.eab .cf43 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-weight: 700;
}

.cf43 {
  flex: 1 1 25%;
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  border-right: 1px solid var(--color-border-light);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ld4f7 {
  text-align: center;
}

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

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

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

.c7a88d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  flex: 1 1 clamp(250px, 100%, 320px);
  min-height: auto;
  transition: all var(--transition-base);
}

.c7a88d:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

  .if3f6 {
    flex: 0 1 calc(33.333% - 0.67rem);
    min-width: 100px;
  }

  .jf5 {
    gap: 1.5rem;
  }

  .ad8004 {
    flex: 1 1 100%;
  }

  .ae39 {
    flex-direction: column;
    gap: 0;
  }

  .cf43 {
    flex: 1 1 auto;
    border-right: none;
    border-bottom: 1px solid var(--color-border-light);
    padding: 0.75rem clamp(0.75rem, 2vw, 1rem);
  }

  .cf43:last-child {
    border-bottom: none;
  }

  .iad {
    gap: 1.5rem;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .f5aa02 {
    gap: 1.5rem;
  }

  .if3f6 {
    flex: 0 1 calc(33.333% - 1rem);
  }

  .jf5 {
    gap: 2rem;
  }

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

  .iad {
    gap: 2rem;
  }

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

@media (min-width: 1024px) {
  .f5aa02 {
    gap: 2rem;
  }

  .if3f6 {
    flex: 0 1 auto;
  }

  .jf5 {
    gap: 2.5rem;
  }

  .ad8004 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

  .iad {
    gap: 2.5rem;
  }

  .c7a88d {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

.lb0 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  width: fit-content;
}

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

.p73 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 90%;
}

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

.b424bc {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.b424bc i {
  color: var(--color-accent);
  font-size: 1em;
}

.a0c3b {
  margin-top: clamp(1rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

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

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

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

.lc80bd {
  text-align: center;
}

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

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

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

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

.pea5de {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: 1.3;
}

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

.kb59 {
  list-style: none;
  margin: clamp(1.5rem, 2vw, 2rem) 0 0 0;
}

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

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

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

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

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

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

.j583 {
  text-align: center;
}

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

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

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

.fe6a0c7 {
  flex: 1;
}

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

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

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

.f2df {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: 1.3;
}

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

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

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

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

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

.a820 {
  text-align: center;
}

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

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

.m5bbaf {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  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);
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

.o69 {
  text-align: center;
}

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

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

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

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

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

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

.c8cd08 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.f602:hover .c8cd08 img {
  transform: scale(1.05);
}

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

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

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

.f95b {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: color 0.3s ease;
  align-self: flex-start;
  margin-top: auto;
}

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

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

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

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

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

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

.l5e33f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .ecea623a,
  .gd27,
  .ha036b74 {
    flex-direction: column;
  }

  .heb467,
  .i5fa43,
  .ie50,
  .i4c33e,
  .m6bd,
  .faaca5d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .oce93 {
    align-items: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .m5bbaf {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 220px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mc6d53 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 650px;
}

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

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

.e1709 i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.je810a {
  width: 100%;
  margin-top: clamp(1rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.je810a img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 500px;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m5d6 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g013:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}

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

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

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

.lb5aa4 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h05e {
  list-style: none;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.hbf6999 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  padding-left: 1.75rem;
  position: relative;
  margin-bottom: 0.75rem;
}

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

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

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

.n436ff {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

.a25f {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem;
}

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

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

@media (max-width: 768px) {
  .ea284f,
  .f3f,
  .n946c6,
  .lecc,
  .k7b {
    flex-direction: column;
  }

  .i66ff815,
  .pb8d03,
  .pf797a08,
  .n85cc,
  .mb67bf,
  .h1b,
  .hd6c03,
  .d4f94,
  .hfd8a9,
  .n8f0115 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c2f9 {
    flex-direction: column;
  }

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

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

  .g013 {
    max-width: 100%;
  }

  .n5734c {
    font-size: 0.8125rem;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .hef {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .g013 {
    flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
    max-width: none;
  }

  .g013:nth-child(3) {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .g013 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    max-width: none;
  }
}

* {
  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;
  overflow-x: hidden;
}

.ge1 {
  display: block;
}

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

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

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

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

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

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

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

.b8fd3b5 a {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

.b749136b {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  width: fit-content;
}

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

.cf8b86 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  max-width: 65ch;
  line-height: 1.6;
}

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

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

.a654 i {
  color: var(--color-accent);
  font-size: 1.1rem;
}

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

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

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

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

.e7495 {
  flex: 1 1 65%;
  min-width: 0;
}

.ab37b17d {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

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

.g2fb2 {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.c095d7e {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.g08 {
  flex: 1;
}

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

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

.p69599 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-xl);
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

.j08e6 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
}

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

.h80ec2b {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.g1e0 {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

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

.o947e {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

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

.k9f80 {
  flex: 1;
}

.k9f80 .pf78ee {
  margin-bottom: 0;
}

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

.ed1cabb5 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
}

.lb064c {
  width: 100px;
  height: 100px;
  margin: 0 auto clamp(1rem, 2vw, 1.5rem);
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--color-accent);
}

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

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

.j786faa2 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  margin: 0;
}

.j786faa2 a {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

.db07 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.l3618a a {
  color: var(--color-accent);
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.e0a19 {
  color: var(--color-accent);
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

  .e7495 {
    flex: 1 1 100%;
  }

  .ab37b17d {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }
}

@media (max-width: 768px) {
  .b8fd3b5 {
    flex-wrap: wrap;
    gap: 0.25rem;
  }

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

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

  .h269,
  .ca5ca {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k343c47d {
    gap: 1rem;
  }

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

  .p9ea1b1c {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .a9e495 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

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

  .c095d7e {
    margin: 0 auto;
  }

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

  .b0b6894f {
    margin: 0 auto;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n75ce56 i {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
}

.l4b8ff img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
  display: block;
}

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

  .e3fa5,
  .l4b8ff {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.i726 {
  max-width: 100%;
}

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

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

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

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

.h1e:hover {
  box-shadow: 0 8px 24px rgba(126, 34, 206, 0.12);
  transform: translateY(-4px);
}

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

.oc86280d {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  line-height: 1.4;
}

.f7b0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.k49bb {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 2vw, 2rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

.jf3df {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  padding-left: 1.75rem;
  position: relative;
  line-height: 1.6;
}

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

.ma454f4 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.1);
  display: block;
}

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

  .e3f7d0e4,
  .ma454f4 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.icb0e9c0 {
  flex: 1;
}

.md9e136 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.8vw, 1.3rem);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

.d9d6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  line-height: 1.7;
}

@media (max-width: 768px) {
  .aaa2 {
    flex-direction: column;
    align-items: flex-start;
  }
}

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

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

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

.h2990c {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 2vw, 2rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

.gebac7 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  counter-reset: item;
  padding-left: 0;
}

.gebac7 .jf3df {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  padding-left: 2.5rem;
  position: relative;
  line-height: 1.6;
  counter-increment: item;
}

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

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

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

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

.p443c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  line-height: 1.6;
}

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

.je131 {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(126, 34, 206, 0.08);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.je131:hover {
  box-shadow: 0 12px 28px rgba(126, 34, 206, 0.15);
  transform: translateY(-6px);
}

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

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

.je131:hover .mfc7a9 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

.j34 {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 2vw, 2rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

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

.cd086 {
  flex-shrink: 0;
}

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

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

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

.ida5c a {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

.f309 {
  color: var(--color-accent);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

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

  .cd086 {
    margin: 0 auto;
  }
}

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

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

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

.i106f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  line-height: 1.9;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.j73:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(126, 34, 206, 0.25);
}

@media (max-width: 768px) {
  .l8f31a1 {
    padding: 0 clamp(1rem, 2vw, 1.5rem);
  }
}

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

  .n629e19 {
    gap: 1.5rem;
  }
}

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

html, body, h1, h2, h3, h4, h5, h6, p, span, a, li, blockquote {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.p3d2bbff {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 20px rgba(126, 34, 206, 0.1);
}

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

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

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

.c2875c {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

.m96 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 750px;
  margin: 0 auto;
}

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

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

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

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

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

.i39 .jef71b {
  color: #ffffff;
}

.i39 .h28e {
  color: #e9d5ff;
}

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

.k7d82 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  max-width: 350px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(233, 213, 255, 0.2);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  transition: all 0.3s ease;
}

.k7d82:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(233, 213, 255, 0.4);
  transform: translateY(-4px);
}

.o81c1 {
  font-size: 2.5rem;
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

.ne582c1d {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.75rem;
}

.kf4b2db {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #e9d5ff;
  line-height: 1.6;
}

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

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

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

.c4d6fc {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 750px;
  margin: 0 auto;
}

.c4d6fc p {
  margin-bottom: 1.25rem;
}

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

.bc76bda {
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 20px rgba(126, 34, 206, 0.1);
}

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

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

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

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

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

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

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

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

.d41306 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(233, 213, 255, 0.2);
}

.b771bc0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 700px;
  margin: 0 auto;
}

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

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

.p24 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: #ffffff;
}

.pb19 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #e9d5ff;
  line-height: 1.7;
}

.pb19 p {
  margin-bottom: 0.75rem;
  color: #e9d5ff;
}

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

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

  .i800f7 {
    text-align: center;
  }

  .g4a85d3 {
    text-align: center;
  }

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

@media (min-width: 769px) {
  .k7d82 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }
}

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

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

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

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

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

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

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

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

.a852 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  width: fit-content;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

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

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

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

.fb40 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .dfe,
  .fb40 {
    flex: 1 1 100%;
  }

  .lf298 {
    gap: 1.5rem;
  }
}

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

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

.e88 {
  text-align: center;
}

.ee87cc05 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  line-height: 1.2;
}

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

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

.e4e p {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin: 0;
}

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

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

.b4124647 {
  text-align: center;
}

.p6efcaf9 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  line-height: 1.2;
}

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

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

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

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

.obfbb996 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.75rem;
}

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

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

@media (max-width: 1024px) {
  .d844993f {
    flex: 1 1 calc(50% - clamp(1.5rem, 2.5vw, 2.5rem));
    min-width: 260px;
  }
}

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

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

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

.lbd35 {
  text-align: center;
}

.h04b {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  line-height: 1.2;
}

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

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

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

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

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

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

.g71e0cf {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .h8eea,
  .g71e0cf {
    flex: 1 1 100%;
  }
}

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

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

.o5ba72 {
  text-align: center;
}

.ea10244 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  line-height: 1.2;
}

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

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

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

.b11e3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.k5f {
  color: var(--color-text-on-accent);
  font-size: 1.25rem;
  font-weight: 700;
  font-family: var(--font-heading);
}

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

.a8f {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw, 1.3125rem);
  margin: 0;
  line-height: 1.3;
}

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

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

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

.b7c0 {
  text-align: center;
}

.h435fb {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  line-height: 1.2;
}

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

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

.e7c31 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 2.5vw, 2rem));
  min-width: 260px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  position: relative;
}

.m822837d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: 1.25rem;
  font-weight: 700;
  font-family: var(--font-heading);
}

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

.f1c {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw, 1.3125rem);
  margin: 0;
  line-height: 1.3;
}

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

@media (max-width: 1024px) {
  .e7c31 {
    flex: 1 1 calc(50% - clamp(1.5rem, 2.5vw, 2rem));
  }
}

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

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

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

.le5fe91 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin: 0;
  line-height: 1.2;
}

.n57a25 {
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  line-height: 1.7;
  margin: 0;
  opacity: 0.95;
}

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

.obd,
.m21 {
  padding: clamp(0.875rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

  .obd,
  .m21 {
    width: 100%;
    text-align: center;
  }
}

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

.hc554dbc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.j14b {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.l93b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.fb1f {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.m8bb {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin: 0;
}

.k90a38 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.j27 {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ka2716 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.acff {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.o368f0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.cde671a {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.e53a {
  background-color: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  font-size: 0.8rem;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  display: inline-block;
}

.edbd7f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.cd8f {
  max-width: 700px;
  margin: 0 auto;
}

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

.fee9b {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-2xl) 0;
}

.cc6 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

@media (min-width: 640px) {
  .hc554dbc {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .m8bb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .hc554dbc {
    padding: var(--spacing-4xl) 0;
  }

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

  .m8bb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .k90a38 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .k90a38:nth-child(even) {
    grid-template-columns: 1fr 1fr;
    direction: rtl;
  }

  .k90a38:nth-child(even) > * {
    direction: ltr;
  }

  .p5334fec {
    height: 100%;
    min-height: 320px;
  }

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

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

  .j14b {
    font-size: clamp(2.5rem, 5vw, 4rem);
  }
}

@media (min-width: 1200px) {
  .m8bb {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

.p5e9c2d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

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

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

.m62 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 500px;
}

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

@media (min-width: 768px) {
  .p5e9c2d {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }

  .i2f4a312 {
    font-size: clamp(2rem, 5vw, 2.75rem);
  }

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

@media (min-width: 1024px) {
  .p5e9c2d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.a81 {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.gf73920a {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.lb4416 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.d19 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
}

.d19:hover {
  background-color: var(--color-bg-tertiary);
}

.pf4e68 {
  flex: 1;
  line-height: 1.4;
}

.ae5d89 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 1.25rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.lb4416.lbf7b5 .ae5d89 {
  transform: rotate(45deg);
}

.i35 {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  line-height: 1.7;
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .a81 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .a81 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.od2804a2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
  overflow: hidden;
}

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

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

.i725ab8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.o8e604 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.j9a1 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-md) 0;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 500;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-fast);
  line-height: 1.5;
}

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

.j9a1::after {
  content: "→";
  margin-left: var(--spacing-sm);
  transition: transform var(--transition-fast);
}

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

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

@media (min-width: 768px) {
  .od2804a2 {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-2xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .od2804a2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.f94d {
  background-color: var(--color-primary);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.k9eeb {
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.k52e402f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
}

.l9320 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
}

.i6851b43 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  margin-top: var(--spacing-md);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 768px) {
  .f94d {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .k52e402f {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .f94d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.o9ddd main {
  width: 100%;
}

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

.o9ddd .k9e1b8 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.o9ddd h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.o9ddd h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.o9ddd .i9d3a {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.o9ddd ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

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

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

.o9ddd .ad6a8222 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.o9ddd .ad6a8222 h2 {
  margin-top: 0;
}

.o9ddd .ad6a8222 p {
  margin-bottom: var(--spacing-sm);
}

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

.o9ddd .h79cf p {
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .o9ddd .b533 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .o9ddd .b533 {
    padding: 0 var(--spacing-xl);
  }

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

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

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

.h917 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.gd7d3efa {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.k9e1b8 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mdb2d {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl) 0;
}

.n4120991 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-bottom: var(--spacing-md);
  animation: scaleInBounce 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.n4120991 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-width: 1.5;
}

.mdb2d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.df9c60 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-primary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.a297 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.n37065 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.k01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-width: 200px;
}

.o3ad85 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

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

@keyframes scaleInBounce {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 640px) {
  .gd7d3efa {
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .mdb2d {
    gap: var(--spacing-md);
    padding: var(--spacing-lg) 0;
  }

  .n4120991 {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-sm);
  }

  .k01 {
    min-width: 160px;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 641px) and (max-width: 1024px) {
  .gd7d3efa {
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .mdb2d {
    gap: var(--spacing-lg);
    padding: var(--spacing-2xl) 0;
  }

  .n4120991 {
    width: 90px;
    height: 90px;
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 1025px) {
  .gd7d3efa {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .n4120991 {
    width: 110px;
    height: 110px;
    margin-bottom: var(--spacing-lg);
  }

  .k01 {
    min-width: 220px;
  }
}

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

.j1d {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.f4fbf73d {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  position: relative;
}

.f4fbf73d::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 500px;
  height: 500px;
  background-color: var(--color-primary-lighter);
  border-radius: 50%;
  opacity: 0.15;
  pointer-events: none;
}

.f4fbf73d::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -5%;
  width: 400px;
  height: 400px;
  background-color: var(--color-secondary-lighter);
  border-radius: 50%;
  opacity: 0.12;
  pointer-events: none;
}

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

.k9e1b8 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e1bc8aed {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
  position: relative;
  z-index: 1;
}

.od1 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.kbea {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k57399 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.e9a0 {
  position: absolute;
  width: 250px;
  height: 250px;
  border: 2px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulse-ring 3s ease-in-out infinite;
}

@keyframes pulse-ring {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.5;
  }
}

.cc583 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  animation: fade-up 0.6s ease-out;
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m152 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.ka36dbf {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.5;
}

.c62fd1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.pa7ac2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: var(--spacing-md);
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e34 {
  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-card);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.o3466e {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  display: block;
}

.m55e {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
}

.h86 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  margin-top: var(--spacing-md);
}

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

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

@media (min-width: 640px) {
  .f4fbf73d {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
  
  .kbea {
    width: 280px;
    height: 280px;
  }
  
  .e9a0 {
    width: 350px;
    height: 350px;
  }
  
  .pa7ac2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) {
  .f4fbf73d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .kbea {
    width: 320px;
    height: 320px;
    margin-bottom: var(--spacing-lg);
  }
  
  .e9a0 {
    width: 400px;
    height: 400px;
  }
  
  .e1bc8aed {
    gap: var(--spacing-2xl);
  }
  
  .cc583 {
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .f4fbf73d {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
  
  .kbea {
    width: 360px;
    height: 360px;
  }
  
  .e9a0 {
    width: 450px;
    height: 450px;
  }
  
  .e34:hover {
    box-shadow: var(--shadow-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kbea,
  .cc583 {
    animation: none;
  }
  
  .e9a0 {
    animation: none;
  }
  
  .e34 {
    transition: none;
  }
  
  .h86 {
    transition: none;
  }
}

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

.b533 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.oc3a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.l9faf1aa {
  text-align: center;
  padding: var(--spacing-lg) 0;
}

.aedd86 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.e7ca5292 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

.k7deab2 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.n99da9 {
  width: 100%;
}

.mb2d7f {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

@media (min-width: 1024px) {
  .ifdb4 {
    flex: 0 1 500px;
  }
}

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

.g9ed9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.abbba008 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.m57 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.pf1679 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o84b8 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.ndf55,
.k64 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.ndf55::placeholder,
.k64::placeholder {
  color: var(--color-text-muted);
}

.ndf55:focus,
.k64:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light));
}

.k64 {
  resize: vertical;
  min-height: 140px;
}

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

.h4cf {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.kcd {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

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

.l0f2bb {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

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

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

.l5dfe {
  font-weight: 700;
}

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

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

@media (min-width: 1024px) {
  .k33d {
    flex: 0 1 500px;
  }
}

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

.c07eed {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.h25d9d80 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.pa96fb7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.jadf8c9 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.l6beb035 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.l6beb035 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.c2e3592 {
  flex: 1;
}

.i288 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.p95 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin-bottom: var(--spacing-xs);
}

.h118c60 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

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

.n6a3f {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
}

.kb335 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-align: center;
  border-left: 4px solid var(--color-primary);
}

.m11 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

.md02d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  transition: all var(--transition-base);
}

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

.afd34a6e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.b74ec39 {
  width: 100%;
}

.j01b0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

.obdaf2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .obdaf2 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

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

.b00436:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

.o5f3 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.cde9c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.b74280 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  border-bottom: 1px solid transparent;
}

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

.n1ac1e {
  text-align: center;
  padding: var(--spacing-2xl);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-lg);
}

.acb0a01 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

.b2ee8c3 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  transition: all var(--transition-base);
}

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

@media (max-width: 767px) {
  .oc3a {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

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

  .ff85d95,
  .hb9 {
    margin-bottom: var(--spacing-xl);
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .oc3a {
    padding: var(--spacing-3xl) 0;
  }

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

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

@media (min-width: 1024px) {
  .oc3a {
    padding: var(--spacing-4xl) 0;
  }

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

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

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.o3f5526b,.m34f477{width:34px;}
.o3f5526b[aria-expanded="true"]{display:none;}
.nbf5.lbf7b5{z-index:999;}
.nbf5{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.nbf5{max-width:100%;}}
.b617a1{justify-content:flex-end;}
@media (max-width:768px){.m254a2{min-height:500px;}}
