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

:root {
  --color-bg-primary: #f5f3ff;
  --color-bg-secondary: #ede9fe;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #4338ca;
  --color-text-muted: #6c5aa2;

  --color-primary: #6d28d9;
  --color-primary-hover: #5b21b6;
  --color-primary-light: #f3e8ff;
  --color-secondary: #8b5cf6;
  --color-secondary-light: #ede9fe;

  --color-success: #10b981;
  --color-success-light: #ecfdf5;
  --color-warning: #f59e0b;
  --color-warning-light: #fffbeb;
  --color-danger: #ef4444;
  --color-danger-light: #fef2f2;

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

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', serif;

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

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(109, 40, 217, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(109, 40, 217, 0.1), 0 2px 4px -1px rgba(109, 40, 217, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(109, 40, 217, 0.1), 0 4px 6px -2px rgba(109, 40, 217, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(109, 40, 217, 0.1), 0 10px 10px -5px rgba(109, 40, 217, 0.04);

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

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

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: var(--font-size-5xl);
  font-weight: 700;
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-4xl);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: var(--font-size-3xl);
  font-weight: 600;
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: var(--font-size-2xl);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .cc9181 {
    padding: 0 var(--spacing-lg);
  }
  
  h1 {
    font-size: var(--font-size-4xl);
  }
  
  h2 {
    font-size: var(--font-size-3xl);
  }
  
  h3 {
    font-size: var(--font-size-2xl);
  }
}

@media (max-width: 480px) {
  .cc9181 {
    padding: 0 var(--spacing-md);
  }
  
  h1 {
    font-size: var(--font-size-3xl);
  }
  
  h2 {
    font-size: var(--font-size-2xl);
  }
  
  h3 {
    font-size: var(--font-size-xl);
  }
}

.e4104 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: var(--font-size-base);
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
}

.pe3e {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

.a97168c {
  background: var(--color-secondary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p33 {
  text-align: center;
}

.f1ef {
  text-align: right;
}

.e0458f9 {
  text-align: left;
}

.m7647eb { margin-top: var(--spacing-xs); }
.c8290 { margin-top: var(--spacing-sm); }
.bc48 { margin-top: var(--spacing-md); }
.ef6 { margin-top: var(--spacing-lg); }
.n5e9 { margin-top: var(--spacing-xl); }
.af80b20f { margin-top: var(--spacing-2xl); }

.bbea188 { margin-bottom: var(--spacing-xs); }
.g52d { margin-bottom: var(--spacing-sm); }
.jc30015 { margin-bottom: var(--spacing-md); }
.g8a65 { margin-bottom: var(--spacing-lg); }
.a3048 { margin-bottom: var(--spacing-xl); }
.i5b9 { margin-bottom: var(--spacing-2xl); }

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .naaae {
    padding: var(--spacing-2xl) 0;
  }
}

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

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

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

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

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

@media (max-width: 1024px) {
  .d362c010 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .f495a {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .d362c010,
  .f495a,
  .l9936d {
    grid-template-columns: 1fr;
  }
}

.a646e {
  display: flex;
}

.c685 {
  flex-direction: column;
}

.e0f7d {
  flex-wrap: wrap;
}

.p0f7 {
  justify-content: center;
}

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

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

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

.g27c {
  align-items: center;
}

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

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

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

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

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

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

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

.l1287a45 {
  display: none;
}

.m2f12 {
  display: block;
}

.d36cd {
  display: inline-block;
}

.ncc9d {
  opacity: 0.75;
}

.h1d1518 {
  opacity: 0.5;
}

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

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

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

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

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

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

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

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

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

.o9259d {
  box-shadow: var(--shadow-xl);
}
.i1036 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

.a92f13 {
  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: clamp(1rem, 3vw, 2rem);
}

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

.fb7fc2:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

.n4e2fdf9 {
  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: 0.5rem;
  transition: background var(--transition-fast), transform var(--transition-fast);
  flex-shrink: 0;
  border: none;
  cursor: pointer;
}

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

.l60 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: opacity var(--transition-fast);
}

.l60:hover {
  opacity: 0.7;
}

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

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

.i0d3.e9dff01 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.nef23 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  background: var(--color-bg-primary);
}

.o1a3 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--transition-fast);
}

.o1a3:hover {
  opacity: 0.7;
}

.o1a3 i {
  font-size: 1.5rem;
  color: var(--color-text-primary);
}

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

.ke547 {
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-fast), color var(--transition-fast);
}

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

.cd90 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  border: none;
  cursor: pointer;
  margin: 1rem clamp(1rem, 4vw, 2rem);
  border-radius: 0.5rem;
  transition: background var(--transition-fast);
  display: block;
}

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

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

  .ifc {
    display: flex;
  }

  .n4e2fdf9 {
    display: inline-block;
  }

  .l60 {
    display: none;
  }

  .i0d3 {
    display: none;
  }

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

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

  .ifc {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .n4e2fdf9 {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

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

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

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

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

.dacc1457 {
  text-align: center;
}

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

.ob012 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 2vw, 1.5rem) 0 0 0;
  padding: 0;
}

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

.d254a8e {
  background: var(--color-bg-card);
  padding: clamp(1rem, 3vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  flex: 1 1 160px;
  max-width: 200px;
  transition: all 0.3s ease;
}

.d352a {
  transform: rotate(-2deg);
}

.c3d1f {
  transform: rotate(1deg);
}

.o4649 {
  transform: rotate(-1.5deg);
}

.p09 {
  transform: rotate(2deg);
}

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

.d254a8e i {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.g9f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

.e4104 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  cursor: pointer;
  border: none;
}

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

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

.p0290 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

.n9eb {
  text-align: center;
}

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

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

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

.hbe7f9 {
  display: flex;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: flex-start;
}

.m70a174 {
  font-size: clamp(2rem, 6vw, 4rem);
  font-weight: 900;
  color: var(--color-accent);
  flex-shrink: 0;
  line-height: 1;
}

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

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

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

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

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

.n4569c {
  text-align: center;
}

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

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

.m0a {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-full);
  display: flex; flex-direction: column;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  flex: 1 1 150px;
  max-width: 200px;
}

.m0a:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-md);
}

.m0a i {
  font-size: clamp(1rem, 2vw, 1.5rem);
}

.k28c3235 {
  display: block;
}

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

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

.n6bb8 {
  text-align: center;
}

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

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

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

.id0a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  flex: 1 1 220px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.k97ed {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 900;
  color: var(--color-accent);
  margin: 0;
  padding: 0;
}

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

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

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

.n9bb2f {
  text-align: center;
}

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

.h5de {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  margin: clamp(0.5rem, 2vw, 1rem) 0 0 0;
  padding: 0;
}

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

.j52ee {
  text-align: center;
  flex: 1 1 200px;
  max-width: 280px;
}

.d5b {
  font-size: clamp(2.5rem, 8vw, 4.5rem);
  font-weight: 900;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  padding: 0;
  line-height: 1;
}

.o79c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: rgba(255, 255, 255, 0.85);
  margin: clamp(0.5rem, 2vw, 1rem) 0 0 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

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

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

.ed26c {
  text-align: center;
}

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

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

.l8c1 {
  display: flex;
  gap: clamp(1rem, 3vw, 2rem);
  overflow-x: auto;
  padding-bottom: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.ga72c8 {
  flex: 1 1 280px;
  max-width: 350px;
  min-height: 250px;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

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

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

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

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

.je9d2ee {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  padding: 0;
  max-width: 600px;
}

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

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

.e91 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.o3ba1 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

.ba6b80 {
  text-align: center;
}

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

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

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

.k627cc {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

.k627cc[open] {
  box-shadow: var(--shadow-md);
}

.g78 {
  cursor: pointer;
  padding: clamp(1rem, 3vw, 1.5rem);
  display: block;
  width: 100%;
  text-align: left;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  user-select: none;
}

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

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

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

.o248.l1287a45 {
  display: none;
}

.gd464e {
  color: var(--color-bg-tertiary);
  margin: 0;
  padding: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
}

.ga3a {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.a5834,
.h2bca {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  border: none;
}

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

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

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

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

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

  .d254a8e {
    flex: 1 1 100%;
  }

  .d352a,
  .c3d1f,
  .o4649,
  .p09 {
    transform: rotate(0deg);
  }

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

  .m6d253 {
    flex-direction: column;
  }

  .l8c1 {
    flex-direction: column;
  }

  .g0f8077b {
    flex-direction: column;
  }

  .oa55 {
    max-width: 100%;
  }

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

  .ga3a {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .fa82 {
    grid-auto-columns: 1fr;
  }

  .hbe7f9 {
    gap: 1.5rem;
  }
}

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

  .a0a53 {
    gap: 3rem;
  }
}

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

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

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

.cf9ebb0 {
  max-width: 500px;
}

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

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

.ad9 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3rem);
}

.n1ab25,
.o8c97,
.h1b {
  flex: 1 1 clamp(200px, 25vw, 280px);
}

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

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

.p9ec li a,
.a3d07 li a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base), text-decoration var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p9ec li a:hover,
.a3d07 li a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

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

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

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

.j4e5910 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .ad9 {
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .n1ab25,
  .o8c97,
  .h1b {
    flex: 1 1 100%;
  }

  .ne93d556 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}

@media (max-width: 480px) {
  .o44f9682 {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .p9ec,
  .a3d07 {
    gap: clamp(0.5rem, 1vw, 0.625rem);
  }
}
    

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

.dcaef {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

.dcaef::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
  pointer-events: none;
}

.e5f88f4 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

.l9f833 {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 800;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-tight);
}

.h2344b1 {
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
  opacity: 0.95;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j84 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  opacity: 0.9;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ic31d {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-tight);
}

.oef {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c4851 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nbdc6bb {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
}

.a5ce00 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.a5ce00 i {
  color: var(--color-accent);
  font-size: 0.875em;
}

.d853 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  white-space: nowrap;
}

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

.d853::after {
  content: '→';
  font-size: 1.1em;
}

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

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

  .dcaef {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .oe4 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jcd6 img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 30px rgba(109, 40, 217, 0.15);
}

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

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

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

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

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

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

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

.e8528 img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 30px rgba(109, 40, 217, 0.15);
}

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

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

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

.b056 img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 30px rgba(109, 40, 217, 0.15);
}

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

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

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

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

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

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

.ef97298 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ffe img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: 0 10px 30px rgba(109, 40, 217, 0.15);
}

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

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

.d7bb {
  text-align: center;
}

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

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

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

.n944c8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  transition: all 0.3s ease;
  min-width: 280px;
  max-width: 350px;
  flex: 1 1 280px;
}

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

.l4034dc2 {
  max-width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

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

.ae1e6fc4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.ld6d6e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  border: 1px solid var(--color-border);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  transition: all 0.3s ease;
  min-width: 240px;
  max-width: 280px;
  flex: 1 1 240px;
}

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

.h1a70e {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  color: var(--color-accent);
  height: 50px;
  display: flex;
  align-items: center;
}

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

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

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

.b17 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-lg);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
}

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

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

@media (max-width: 768px) {
  .dd3,
  .c03,
  .j4d4,
  .eaecb {
    flex-direction: column;
  }

  .n624,
  .jcd6,
  .b108b4,
  .e8528,
  .o66,
  .b056,
  .i38,
  .ffe {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b056 {
    order: 0;
  }

  .d6a {
    font-size: 0.8125rem;
  }

  .h715 {
    gap: 0.75rem;
  }

  .i7a31,
  .i3f {
    flex-direction: column;
    align-items: center;
  }

  .n944c8,
  .ld6d6e {
    min-width: 100%;
    max-width: 100%;
    flex: 1 1 100%;
  }
}

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

  .n944c8,
  .ld6d6e {
    min-width: 45%;
    flex: 1 1 45%;
  }
}

html, body, main {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b11e5 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.i89 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  display: block;
}

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

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

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

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

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

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

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

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

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

.fee img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  display: block;
}

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

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

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

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

.n5341151 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  display: block;
}

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

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

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

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

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

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

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

.aa06ea0 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.aa06ea0:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(109, 40, 217, 0.15);
}

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

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

.d04a {
  color: var(--color-text-secondary);
  font-size: clamp(0.8875rem, 1.5vw, 0.9375rem);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

.l2e85 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  display: block;
}

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

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

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

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

.c02 {
  flex: 1 1 calc(33.333% - clamp(1rem, 1.5vw, 1.5rem));
  min-width: 280px;
  max-width: 360px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(109, 40, 217, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.c02:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(109, 40, 217, 0.15);
}

.n2a3caf {
  overflow: hidden;
  border-radius: clamp(0.5rem, 1vw, 1rem) clamp(0.5rem, 1vw, 1rem) 0 0;
  max-height: 200px;
}

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

.c02 > * {
  padding: 0 clamp(1rem, 2vw, 1.5rem);
}

.c02 > :first-child {
  padding: 0;
}

.c02 > :last-child {
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

.i4d9 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(109, 40, 217, 0.08);
}

.jcdb {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

.p171f009 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

.jb899 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
}

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

.m71490 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.375rem, 0.5vw, 0.5rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

.m71490:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.2);
}

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

.a02 {
  max-width: 700px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border-light);
}

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

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

@media (max-width: 768px) {
  .e6e24d,
  .d23,
  .a6e0971,
  .d16722 {
    flex-direction: column;
  }

  .b11e5,
  .i89,
  .c101,
  .fee,
  .n5341151,
  .ocd8,
  .fb9fae8,
  .l2e85 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .e576 {
    align-items: center;
  }
}

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

  .c02 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
  }
}

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

  .ncc16139 {
    width: 100%;
  }

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

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

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

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

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

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

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

  .e8dbd456 {
    max-width: 800px;
  }

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

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

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

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

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

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

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

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

  .e205 p {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-primary);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1.25rem;
  }

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

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

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

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

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

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

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

  .f90ca p {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1.25rem;
  }

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

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

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

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

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

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

  .h823 {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

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

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

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

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

  .kc8f h3 {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    line-height: var(--line-height-snug);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .kc8f p {
    font-size: clamp(0.9rem, 1.5vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
  }

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

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

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

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

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

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

  .ndb2ca6 p {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1.25rem;
  }

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

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

  .i2168 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
  }

  .a11e7ae {
    flex-shrink: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .e40763 {
    font-size: clamp(1.0625rem, 2vw, 1.375rem);
    font-family: var(--font-heading);
    color: var(--color-text-primary);
    line-height: var(--line-height-snug);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .b4bc8 p {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1.25rem;
  }

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

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

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

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

  .f9cf {
    max-width: 800px;
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-warning);
  }

  .cf6 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    font-family: var(--font-heading);
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    line-height: var(--line-height-snug);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

    .e205,
    .gd28f01 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .c94a {
      flex-direction: column-reverse;
    }

    .f90ca,
    .i7c04 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .l92d739b {
      flex-direction: column;
    }

    .mbf34ab,
    .ndb2ca6 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ke2a1 {
      flex-direction: column;
    }

    .b4bc8,
    .oe1 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .g158 {
      flex-direction: column;
    }

    .ca8a62 {
      min-width: 50px;
      width: 50px;
      height: 50px;
    }

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

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

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

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

  @media (min-width: 769px) and (max-width: 1023px) {
    .g158 {
      gap: 1rem;
    }

    .ca8a62 {
      min-width: 50px;
      width: 50px;
      height: 50px;
      font-size: 1.25rem;
    }
  }

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

html, body {
  width: 100%;
}

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

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

.i367f {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.j9d33f2d {
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d183ae6 {
  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);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.eb69db {
  flex: 1 1 70%;
}

.o42c3f {
  flex: 1 1 30%;
  position: sticky;
  top: 2rem;
}

.g88 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

.f19 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  line-height: 1.3;
}

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

.a95914d {
  flex: 1 1 calc(50% - 1rem);
  min-width: 220px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

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

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

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

.hf32e {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.c085e4 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .ia7,
  .hb1,
  .oc238,
  .d0acc8 {
    flex-direction: column;
  }

  .eb6c4,
  .j5d,
  .cd54873c,
  .o437,
  .jf4884,
  .aecedc,
  .a440bdb5,
  .oa28d8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o437,
  .oa28d8 {
    order: 0;
  }

  .h16 {
    flex-direction: column;
  }

  .eb69db,
  .o42c3f {
    flex: 1 1 100%;
  }

  .o42c3f {
    position: static;
    top: auto;
  }

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

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

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

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

  .d183ae6 {
    flex: 1 1 100%;
  }

  .j9d33f2d img {
    max-height: 350px;
  }

  .j5d img,
  .o437 img,
  .aecedc img,
  .oa28d8 img {
    max-height: 300px;
  }
}

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

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

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

.l1f {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: var(--line-height-normal);
}

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

.j2cec86 {
  height: 1px;
  background: var(--color-border-light);
  margin: 0;
}

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

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

.ic39 {
  text-align: center;
  max-width: 800px;
}

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

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

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

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

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

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

.g758 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

.n8ca {
  flex: 1 1 45%;
  min-width: 280px;
}

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

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

.h9674ab2 {
  flex: 1 1 45%;
  min-width: 280px;
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

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

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

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

.b260 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

.dfc55 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.dfc55:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

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

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

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

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

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

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

.m778 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

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

.bbe33 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-primary);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.l1971 {
  flex: 1 1 45%;
  min-width: 280px;
}

.ibdb {
  flex: 1 1 45%;
  min-width: 280px;
}

.pa4 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

.i44 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: var(--line-height-relaxed);
  margin-bottom: 1.5rem;
  font-family: var(--font-heading);
}

.p411 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  display: block;
  font-style: normal;
  font-weight: 600;
}

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

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

.ea46cf7 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

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

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

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

.ff52 p {
  margin-bottom: 0.75rem;
}

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

@media (min-width: 768px) {
  .o872 {
    gap: 3rem;
  }

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

  .g23a40 {
    flex: 1 1 calc(25% - 1.5rem);
  }

  .d235 {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .he1313 {
    padding: 6rem 0;
  }

  .f116 {
    padding: 6rem 0;
  }

  .n3a {
    padding: 6rem 0;
  }

  .d64aa75a {
    padding: 6rem 0;
  }

  .f75d746c {
    padding: 6rem 0;
  }

  .m9399e {
    padding: 6rem 0;
  }
}

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

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

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

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

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

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

.p507 {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.a849a75 {
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: 0.75rem;
  min-height: 300px;
  max-height: 500px;
}

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

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

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

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

.b5acec2 {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.fe8fb {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin: 0;
}

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

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

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

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

.h3f6:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(109, 40, 217, 0.15);
}

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

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

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

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

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

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

.h60 {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin: 0;
}

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

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

.e66e {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-left: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

.m48f {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin: 0;
}

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

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

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

.l685b:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(109, 40, 217, 0.15);
}

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

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

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

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

.a69 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

.a69:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

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

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

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

.c592 {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin: 0;
}

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

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

.o04f6e87 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

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

  .h94 {
    flex: 1 1 100%;
  }

  .a849a75 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }

  .h3f6 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }

  .e66e {
    flex: 1 1 100%;
  }

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

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

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

.j16f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.na9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

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

@media (min-width: 768px) {
  .j16f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

.n845 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.cd3b8595 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.b58e80 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.de8 {
  padding: var(--spacing-xl);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.b4e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.g5f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.g59c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

@media (min-width: 768px) {
  .n845 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .cd3b8595 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

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

.jc4510 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.acbc8ac {
  max-width: 600px;
  margin: 0 auto;
}

.ibad66 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.m52d59e2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.i94 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .jc4510 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.pe66a986 {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.p40 {
  max-width: 1200px;
  margin: 0 auto var(--spacing-2xl);
}

.gd1541 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

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

.e0ba5 {
  max-width: 1200px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.e0ba5 img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 6;
  object-fit: cover;
}

.m672945 {
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.dbe40 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.l8e5336 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.p50c {
  width: 48px;
  height: 48px;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  flex-shrink: 0;
}

.p50c svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

.d94b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
  font-weight: 600;
}

.ff784 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.j70 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  margin-top: auto;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.k55407 {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  white-space: nowrap;
}

.pa34 {
  padding: var(--spacing-4xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: center;
}

.ad4ff7 {
  max-width: 1200px;
  margin: 0 auto;
  grid-column: 1;
}

.c75c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.h9e9 {
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  max-width: 500px;
}

.haba04a {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

.h1d {
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.h1d img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@media (min-width: 768px) {
  .pe66a986 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .m672945 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .dbe40 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .pa34 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

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

@media (min-width: 1024px) {
  .pe66a986 {
    padding: 5rem var(--spacing-2xl);
  }

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

  .m672945 {
    padding: 5rem var(--spacing-2xl);
  }

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

  .pa34 {
    padding: 5rem var(--spacing-2xl);
    grid-template-columns: 1fr 1.2fr;
  }

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

@media (min-width: 1440px) {
  .p40,
  .dbe40,
  .ad4ff7 {
    max-width: 1400px;
  }
}

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

.a13a91 main {
  width: 100%;
}

.cc9181 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c538e {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.a13a91 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: var(--line-height-tight);
}

.a13a91 .eaf3f1 {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.a13a91 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.a13a91 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.a13a91 ul {
  list-style-position: inside;
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.a13a91 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.a13a91 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.a13a91 em {
  color: var(--color-text-secondary);
  font-style: italic;
}

.a13a91 .adc3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.a13a91 .adc3 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.a13a91 .adc3 p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.a13a91 .adc3 strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 100px;
}

@media (min-width: 768px) {
  .c538e {
    padding: var(--spacing-4xl) 0;
  }

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

@media (min-width: 1024px) {
  .cc9181 {
    padding: 0 var(--spacing-lg);
  }

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

.f8e244 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n238f1b {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.bb836 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.a08 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.bed47 {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.bed47 svg {
  width: 48px;
  height: 48px;
  stroke: currentColor;
}

.ib0d2d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
  line-height: var(--line-height-tight);
}

.m128c3 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xl) 0;
  font-weight: 500;
  line-height: var(--line-height-snug);
}

.f59e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.ja65a3e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.e4104 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
}

.pe3e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.pe3e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.pe3e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.adb52 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw, 1.15rem);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .n238f1b {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .bed47 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-xl);
  }

  .bed47 svg {
    width: 56px;
    height: 56px;
  }
}

@media (min-width: 768px) {
  .n238f1b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .n238f1b {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .bed47 {
    width: 120px;
    height: 120px;
  }

  .bed47 svg {
    width: 64px;
    height: 64px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .a08 {
    animation: none;
  }

  .bed47 {
    animation: none;
  }

  .e4104 {
    transition: background-color var(--transition-fast), color var(--transition-fast);
  }

  .e4104:hover {
    transform: none;
  }
}

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

.ad51be17 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.mc61465 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

.bb836 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.jdd2342 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-xl);
  animation: fadeInUp 0.8s ease-out;
}

.i59 {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  color: var(--color-primary);
  opacity: 0.8;
  animation: floatIcon 3s ease-in-out infinite;
}

.p048 {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.n067e1 {
  position: relative;
  margin: var(--spacing-lg) 0;
}

.gfaa {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -2px;
  line-height: var(--line-height-tight);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
  animation: slideDown 0.6s ease-out;
}

.hb763 {
  height: 4px;
  width: 80px;
  background-color: var(--color-primary);
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-full);
  animation: expandWidth 0.8s ease-out 0.3s backwards;
}

.j6700 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-top: var(--spacing-lg);
  animation: fadeIn 0.8s ease-out 0.2s backwards;
}

.l472 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  animation: fadeIn 0.8s ease-out 0.3s backwards;
}

.fb6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  animation: fadeIn 0.8s ease-out 0.4s backwards;
}

.e4104 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.5px;
  animation: fadeIn 0.8s ease-out 0.5s backwards;
}

.pe3e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.dac {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
}

.o8c68669 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
  animation: fadeIn 0.8s ease-out 0.6s backwards;
}

.lee5 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 80px;
  }
}

@keyframes floatIcon {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

@media (max-width: 640px) {
  .mc61465 {
    padding: var(--spacing-md);
    min-height: calc(100vh - var(--spacing-md));
  }

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

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

  .gfaa {
    font-size: clamp(2.5rem, 10vw, 4rem);
  }

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

  .dac {
    width: 100%;
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .mc61465 {
    padding: var(--spacing-xl);
  }

  .i59 {
    width: 110px;
    height: 110px;
  }
}

@media (min-width: 1024px) {
  .mc61465 {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

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

  .i59 {
    width: 130px;
    height: 130px;
  }

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

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

.l72ff {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.a7f {
  text-align: center;
}

.m32 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.a65d3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .l72ff {
    padding: var(--spacing-4xl) 0;
  }
}

.a430184b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.n22f5a {
  width: 100%;
}

.j9ec805 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

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

  .cd3fa5 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .ib3a26e {
    flex: 1 1 50%;
    max-width: 520px;
  }

  .cd3fa5 {
    flex: 1 1 40%;
  }
}

.k1f83 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.3px;
}

.if1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.l04e3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.e94cab4d {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.ice8,
.k2bb {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
}

.ice8::placeholder,
.k2bb::placeholder {
  color: var(--color-text-muted);
}

.ice8:focus,
.k2bb:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.ice8:invalid:not(:placeholder-shown),
.k2bb:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.k2bb {
  min-height: 140px;
  resize: vertical;
  max-height: 400px;
}

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

.d06416 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.ad232 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  border-bottom: 1px solid var(--color-primary);
}

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

.m6b {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

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

.m6b:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.ge5009dc {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.3px;
}

.af066fc7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.f96ab9 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.fdf3688 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  flex-shrink: 0;
  font-size: var(--font-size-lg);
}

.l7532 {
  flex: 1;
}

.i8cb {
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: 0.3px;
}

.le31d4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.b3f0cc {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.k0334e6 {
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.p44c {
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

.p808d0 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.p808d0 li {
  margin: 0;
}

.ocf2d4b0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  transition: all var(--transition-fast);
  padding: var(--spacing-xs) 0;
  border-bottom: 2px solid transparent;
}

.ocf2d4b0:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .a430184b {
    padding: var(--spacing-4xl) 0;
  }
}

@media (min-width: 1024px) {
  .a430184b {
    padding: var(--spacing-4xl) 0;
  }

  .j9ec805 {
    gap: var(--spacing-4xl);
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .ib3a26e {
    order: 1;
  }

  .cd3fa5 {
    order: 2;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.l60,.o1a3{width:34px;}
.l60[aria-expanded="true"]{display:none;}
.i0d3.e9dff01{z-index:999;}
.i0d3{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.i0d3{max-width:100%;}}
.ifc{justify-content:flex-end;}
@media (max-width:768px){.i12cd4{min-height:500px;}}
@media (max-width:768px){.f819{min-height:500px;}}