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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #0a0f1e;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #677280;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #e2e8f0;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #3b82f6;
  --color-secondary-light: #bfdbfe;
  --color-secondary-lighter: #f0f9ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

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

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;

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

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: var(--line-height-normal);
}

.de2c7 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

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

h1 {
  font-size: var(--font-size-5xl);
}

h2 {
  font-size: var(--font-size-4xl);
}

h3 {
  font-size: var(--font-size-3xl);
}

h4 {
  font-size: var(--font-size-2xl);
}

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

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

p {
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

button, .o267 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

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

.oe3b89:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

.a4760f:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

.kc12:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

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

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

.l44 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.o73 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.j431 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

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

.j431 p {
  color: var(--color-text-light-secondary);
}

.j431 a {
  color: var(--color-primary-light);
}

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

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

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

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

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

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

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

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

.l48c26 {
  flex-direction: column;
}

.e73d04a {
  text-align: center;
}

.j435fc05 {
  text-align: left;
}

.l8a {
  text-align: right;
}

.a1e2ac { margin-top: var(--spacing-xs); }
.d9c175 { margin-top: var(--spacing-sm); }
.m7d { margin-top: var(--spacing-md); }
.k8c6 { margin-top: var(--spacing-lg); }
.m47 { margin-top: var(--spacing-xl); }
.l4d86 { margin-top: var(--spacing-2xl); }

.m1412 { margin-bottom: var(--spacing-xs); }
.ia23 { margin-bottom: var(--spacing-sm); }
.m528 { margin-bottom: var(--spacing-md); }
.eb4df5e { margin-bottom: var(--spacing-lg); }
.ce268c { margin-bottom: var(--spacing-xl); }
.o45c { margin-bottom: var(--spacing-2xl); }

.g9f6 { margin-top: var(--spacing-xs); margin-bottom: var(--spacing-xs); }
.g607e { margin-top: var(--spacing-sm); margin-bottom: var(--spacing-sm); }
.d0e8fc7 { margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); }
.b35 { margin-top: var(--spacing-lg); margin-bottom: var(--spacing-lg); }
.hfb { margin-top: var(--spacing-xl); margin-bottom: var(--spacing-xl); }
.iac64f57 { margin-top: var(--spacing-2xl); margin-bottom: var(--spacing-2xl); }

.ecb8ff43 { padding-top: var(--spacing-xs); }
.ef214b { padding-top: var(--spacing-sm); }
.n3231 { padding-top: var(--spacing-md); }
.j7bf3 { padding-top: var(--spacing-lg); }
.l10c5 { padding-top: var(--spacing-xl); }

.a28396 { padding-bottom: var(--spacing-xs); }
.g29b27 { padding-bottom: var(--spacing-sm); }
.h01 { padding-bottom: var(--spacing-md); }
.d0034 { padding-bottom: var(--spacing-lg); }
.ec0ee { padding-bottom: var(--spacing-xl); }

.fd07b4 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.d2a520e { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.ff8d06eb { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.bb1ff { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.pb34 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

.c78fc97 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.k2953 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.m9a38 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.c8c76 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.hd9752ad { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fef76df8 {
  opacity: 0.5;
}

.kf977 {
  opacity: 0.75;
}

.k47 {
  opacity: 0.9;
}

.bb4e885 {
  transition: all var(--transition-fast);
}

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

.c9ea6 {
  transition: all var(--transition-slow);
}

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

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

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

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

.i84367 {
  width: 100%;
  padding: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}

.i84367:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}

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

@media (max-width: 768px) {
  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

  .g1ea790,
  .la96d08,
  .n1fb {
    grid-template-columns: 1fr;
  }

  .l44,
  .o73,
  .j431 {
    padding: var(--spacing-2xl) 0;
  }
}

@media (max-width: 640px) {
  .de2c7 {
    padding: 0 16px;
  }

  button, .o267 {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-sm);
  }

  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  .od0e12b {
    flex-direction: column;
  }

  .b67e {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md);
  }
}
.kac2e1 {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    z-index: 100;
    box-shadow: var(--shadow-sm);
  }

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

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

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

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

  .o10fc0:hover .i2b {
    color: var(--color-accent);
    transition: color 0.3s ease;
  }

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

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

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

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

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

  .m506c3 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    margin: 0;
    flex-shrink: 0;
  }

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

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

  .h4567fe {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: var(--color-bg-secondary);
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all 0.3s ease;
    z-index: 99;
    overflow-y: auto;
    padding-top: 70px;
  }

  .h4567fe.e6a25 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .g9e {
    padding: 1rem clamp(1rem, 4vw, 2rem);
    display: flex;
    justify-content: flex-end;
    border-bottom: 1px solid var(--color-border-light);
  }

  .oed5a {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: var(--color-text-primary);
    font-size: 1.5rem;
    transition: color var(--transition-base);
    margin: 0;
  }

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

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

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

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

  .o6edf75 {
    display: block;
    margin: 1.5rem clamp(1rem, 4vw, 2rem);
    padding: 1rem 1.5rem;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    text-decoration: none;
    font-family: var(--font-primary);
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0.5rem;
    text-align: center;
    transition: all var(--transition-base);
  }

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

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

    .h4567fe {
      display: none;
    }

    .c2c1485 {
      display: flex;
    }

    .a25 {
      display: inline-block;
    }

    .oa62 {
      height: 75px;
    }
  }

  @media (max-width: 767px) {
    .o10fc0 {
      flex-grow: 1;
    }
  }

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

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

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

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

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

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

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

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

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

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

.md1f {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

@media (min-width: 640px) {
  .md1f {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.f7de13f2 {
  width: 100%;
  max-width: 450px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 60% 45% 55% / 60% 50% 55% 45%;
  display: block;
}

@media (max-width: 767px) {
  .f7de13f2 {
    max-width: 300px;
    max-height: 350px;
  }
}

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

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

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

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

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

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

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

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

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

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

.pc1fb0 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  border-radius: var(--radius-md);
}

.o9949e {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 40px;
}

.gab {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

.a9ef1 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
  font-weight: bold;
}

@media (max-width: 640px) {
  .a9ef1 {
    display: none;
  }
}

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

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

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

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

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

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

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

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

.b8e069 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.m73a50 {
  font-size: 2rem;
  color: var(--color-primary);
}

.d5b135 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.1875rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 600;
}

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

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

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

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

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

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

.c4c7:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.kfbed54 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 100px;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me32de3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: clamp(100px, 20vw, 140px);
  height: clamp(100px, 20vw, 140px);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  justify-content: center;
  padding: 1rem;
}

.me32de3 i {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-primary);
}

.ofb428 {
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
  color: var(--color-text-light);
  text-align: center;
  margin: 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

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

.i06b3c {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.l817370 {
  flex: 1 1 auto;
  text-align: center;
  padding: 0 clamp(1rem, 2vw, 2rem);
  min-width: 150px;
}

.k955 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.1875rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.idf552a {
  width: 1px;
  height: 2rem;
  background: var(--color-border-light);
}

@media (max-width: 640px) {
  .idf552a {
    width: 100%;
    height: 1px;
    margin: clamp(0.5rem, 1vw, 1rem) 0;
  }
}

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

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

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

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

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

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

.i0b8e {
  flex: 1 1 clamp(280px, 35vw, 380px);
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

.g1c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  margin-top: 0.5rem;
  display: inline-block;
  transition: color 0.3s ease;
}

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

.k69442d {
  text-align: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

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

.i5e784 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  padding: clamp(2rem, 4vw, 3rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-lg);
}

.i24cf6 {
  font-size: clamp(3rem, 6vw, 4.5rem);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

.cea {
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.1875rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: 1rem;
  user-select: none;
  transition: all 0.3s ease;
  list-style: none;
}

.cea::-webkit-details-marker {
  display: none;
}

.cea::before {
  content: '+';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.f42723[open] .cea::before {
  content: '−';
  transform: rotate(180deg);
}

.f42723[open] .cea {
  background: var(--color-bg-card);
  color: var(--color-primary);
}

.g36e56 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

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

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

.kc3fa9f1 {
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  white-space: nowrap;
}

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

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

.lc5.abbdf {
  display: none;
}

.e7bf6886 {
  color: var(--color-text-light-secondary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  flex: 1 1 auto;
  min-width: 200px;
}

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

.aa2,
.n18e {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

.n18e:hover {
  border-color: var(--color-text-light);
  background: rgba(255, 255, 255, 0.05);
}

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

  .md1f .o267 {
    width: 100%;
  }

  .oeb {
    flex-direction: column;
  }

  .i06b3c {
    flex-direction: column;
  }

  .idf552a {
    width: 100%;
    height: 1px;
    margin: clamp(0.5rem, 1vw, 1rem) 0;
  }

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

  .me32de3 {
    width: 120px;
    height: 120px;
  }

  .lc5 {
    flex-direction: column;
    padding-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .aa2,
  .n18e {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.b60 {
  max-width: 45ch;
}

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

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

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

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

.j547f619 li,
.h080 li {
  margin: 0;
  padding: 0;
}

.ja68de a,
.l46 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base) ease;
  display: inline-block;
}

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

.k91a7 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ec1ecee {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0;
  font-weight: 500;
}

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

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

  .b60 {
    grid-column: 1 / 2;
  }

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

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

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

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

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

  .j547f619 li,
  .h080 li {
    flex: 0 0 auto;
  }
}

@media (min-width: 1024px) {
  .f4722af3 {
    display: flex;
    flex-direction: row;
    gap: clamp(3rem, 6vw, 4rem);
    align-items: flex-start;
  }

  .b60 {
    flex: 0 0 auto;
    max-width: 280px;
  }

  .ja68de {
    flex: 0 0 auto;
  }

  .k91a7 {
    flex: 0 0 auto;
    max-width: 280px;
  }

  .l46 {
    flex: 0 0 auto;
  }

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

  .d317e1e {
    width: 100%;
    padding-top: clamp(2rem, 4vw, 2.5rem);
  }
}

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

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

.i82242.o331 {
  width: 100%;
  overflow: hidden;
}

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

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

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

.ofd6ae2e {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  max-width: 700px;
  width: 100%;
}

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

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

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

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

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

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

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

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

.d118c {
  text-align: center;
}

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

.ifa3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.0625rem);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.l5f {
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: row;
  gap: 0;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.l5f:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.l50f {
  flex: 0 0 auto;
  width: 100%;
  min-width: 250px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

.h4d960 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  justify-content: space-between;
}

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

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

.nae39 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.5rem;
}

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

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

.ae33 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  padding: 0.5rem 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  width: fit-content;
}

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

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

  .l50f {
    width: 100%;
    min-height: 200px;
  }

  .h4d960 {
    padding: clamp(1.25rem, 3vw, 1.75rem);
  }

  .ec154 {
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .nae39 {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .l50f {
    min-width: 280px;
    max-width: 350px;
  }

  .h4d960 {
    padding: clamp(1.5rem, 2.5vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .l50f {
    min-width: 380px;
    max-width: 420px;
  }

  .h4d960 {
    padding: clamp(1.75rem, 2vw, 2.25rem);
  }

  .ofd6ae2e {
    padding: clamp(2.5rem, 4vw, 4rem);
  }
}

@media (min-width: 1440px) {
  .l50f {
    min-width: 450px;
  }
}

.b4bac {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o98 {
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  height: fit-content;
}

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

.l6fb8b7 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

.l6298 {
  width: 100%;
}

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

.m7bd98c5 .de2c7 {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

.ac5ca {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.c1e {
  flex-shrink: 0;
  width: 140px;
  height: 100px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.h05cead1 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

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

@media (max-width: 1023px) {
  .c2d66 {
    grid-template-columns: 1fr;
  }

  .o98 {
    position: static;
    order: -1;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .ea7d {
    flex-direction: column;
  }

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

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

  .p22 {
    flex-direction: column;
  }

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

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

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

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

  .a0a {
    flex-direction: column;
  }

  .p27 {
    flex-direction: column;
    flex: 1 1 100%;
  }

  .c1e {
    width: 100%;
    height: 200px;
  }

  .f24b {
    flex-wrap: wrap;
    gap: 0.25rem;
  }

  .g43d92 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .k66a4 {
    display: none;
  }

  .p27 {
    gap: 1rem;
  }

  .c1e {
    width: 100%;
    height: 160px;
  }
}

.nfc270 {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.oda6623 {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

.p022ce {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.a8c {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.b30 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  display: block;
}

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

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

.c07fc2a2 {
  flex: 0 0 auto;
  width: 180px;
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

.he32 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.gc4 {
  width: 100%;
  max-width: 120px;
  height: auto;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  border: 2px solid var(--color-accent);
}

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

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

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

.o7c3e85 {
  font-size: clamp(0.75rem, 0.8vw + 0.4rem, 0.8125rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

.fa21 {
  font-size: clamp(0.75rem, 0.8vw + 0.4rem, 0.8125rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.o2181f1 {
  flex: 1 1 auto;
  min-width: 0;
}

.jd35,
.c680,
.n59c93,
.d22 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

.lffbb1e,
.g15ce3,
.c151fc3,
.b3c4 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ca7c,
.fb059,
.k6baba7,
.a415d {
  flex: 1 1 50%;
  max-width: 50%;
}

.nc3ba,
.e51e4,
.m01a,
.pa1f01 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

.kbb {
  flex: 1 1 auto;
}

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

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

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

.ac71 {
  max-width: 100%;
}

.c84 {
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

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

.k08ed:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}

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

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

.k67 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #f1f5f9;
  text-align: center;
  margin: 0;
  font-weight: 700;
}

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

.b12298 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.b12298:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateX(4px);
}

.m61 {
  flex: 0 0 140px;
}

.g5ee9293 {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

.j4b {
  flex: 1 1 auto;
  min-width: 0;
}

.d6aadfa7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  font-weight: 600;
  line-height: 1.4;
}

.l3b650 {
  color: #60a5fa;
  text-decoration: none;
  transition: all 0.3s ease;
}

.l3b650:hover {
  color: #93c5fd;
  text-decoration: underline;
}

.df6ea {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: #cbd5e1;
  margin: 0;
  line-height: 1.6;
}

@media (max-width: 1023px) {
  .c07fc2a2 {
    width: 160px;
  }

  .oc2941 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .jd35,
  .c680,
  .n59c93,
  .d22 {
    padding: clamp(1.5rem, 4vw, 2rem) 0;
  }
}

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

  .l7d3,
  .p37 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b30 {
    max-height: 300px;
  }

  .b1390cd {
    flex-direction: column;
  }

  .c07fc2a2 {
    width: 100%;
    position: static;
  }

  .he32 {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: center;
    text-align: left;
  }

  .gc4 {
    max-width: 100px;
    flex: 0 0 100px;
  }

  .hb90ef4 {
    flex-direction: column;
  }

  .lffbb1e,
  .g15ce3,
  .c151fc3,
  .b3c4,
  .ca7c,
  .fb059,
  .k6baba7,
  .a415d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nc3ba,
  .e51e4,
  .m01a,
  .pa1f01 {
    max-height: 250px;
  }

  .h8af79d3 {
    flex-direction: column;
  }

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

  .m61 {
    flex: 0 0 auto;
    width: 100%;
  }

  .g5ee9293 {
    width: 100%;
    height: 180px;
  }

  .ffa4 {
    font-size: clamp(0.75rem, 0.8vw + 0.4rem, 0.8125rem);
  }
}

@media (max-width: 480px) {
  .i1a3 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

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

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

  .l68c6b3d {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .kaa2 {
    padding: clamp(0.75rem, 1.5vw, 1rem);
  }

  .g5ee9293 {
    height: 150px;
  }
}

.g20dc72a {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

.f629 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p94dc4a i {
  color: var(--color-primary);
  font-size: 1rem;
}

.j0446e6b {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.ie6 {
  flex: 0 0 auto;
  width: 200px;
  position: sticky;
  top: 2rem;
}

.o89 {
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.l80 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  border: 3px solid var(--color-primary);
}

.g5d16da {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.idc6c4 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ebd2c {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 700px;
}

.i26c4 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.nc0f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h911e0f {
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.labd8a7 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  display: block;
}

.cb9e74 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  margin: clamp(2rem, 4vw, 3rem) 0;
}

.m6bb4e8 {
  flex: 0 0 auto;
  font-size: 1.5rem;
  color: var(--color-primary);
}

.c3b7 {
  flex: 1 1 auto;
  min-width: 0;
}

.bcdf {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-light);
  margin: 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.af4ba {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0;
  text-align: center;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.l58ef {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .p8c3a7e9,
  .j0446e6b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k324 {
    flex-direction: column;
  }

  .ie6 {
    width: 100%;
    position: static;
  }

  .ebd2c {
    max-width: 100%;
  }

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

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

  .f84e {
    max-height: 300px;
  }

  .e26 {
    font-size: 0.75rem;
    margin-bottom: 1rem;
  }

  .k0a89634 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .of57629 {
    flex-direction: column;
  }

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

  .o89 {
    padding: 1rem;
  }

  .labd8a7 {
    max-height: 250px;
  }

  .cb9e74 {
    flex-direction: column;
    border-left: none;
    border-top: 4px solid var(--color-primary);
  }

  .m6bb4e8 {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .f67b1 {
    padding: 1.5rem 0;
  }

  .bf352 {
    font-size: 1.5rem;
  }

  .f629 {
    font-size: 1rem;
  }

  .hc15a {
    gap: 1rem;
    font-size: 0.75rem;
  }

  .e26 {
    font-size: 0.7rem;
    gap: 0.25rem;
  }

  .nc0f {
    font-size: 1.25rem;
  }

  .h911e0f {
    font-size: 0.95rem;
  }

  .af4ba {
    font-size: 1.25rem;
  }

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

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

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

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

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

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

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

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

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

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

  .mebb,
  .l41f1654,
  .d883672 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

  .nbd80 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    max-width: 90%;
  }

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

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

  .b0afb {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 4rem);
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2rem);
    padding-top: clamp(2rem, 4vw, 3rem);
  }

  .je997a77 {
    flex: 1 1 70%;
    max-width: 70%;
  }

  .ha917a8 {
    flex: 1 1 30%;
    max-width: 30%;
    position: sticky;
    top: clamp(1rem, 3vw, 2rem);
    height: fit-content;
  }

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

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

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

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

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

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

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

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

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

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

  .k0a {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }

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

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

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

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

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

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

  .he274 {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    padding-left: clamp(1.5rem, 3vw, 2rem);
    position: relative;
  }

  .he274:before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--color-primary);
    font-weight: 700;
  }

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

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

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

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

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

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

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

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

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

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

  .m44 {
    color: var(--color-text-light);
    display: block;
    font-size: clamp(0.9375rem, 1.2vw, 1rem);
    margin-bottom: 0.5rem;
  }

  .n6cc {
    color: var(--color-text-light);
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }

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

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

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

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

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

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

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

  .a84f7 {
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
    overflow: hidden;
  }

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

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

  .bb8 {
    color: var(--color-text-primary);
    display: block;
    margin-bottom: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

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

  .f7533 {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }

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

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

  .k74b {
    font-family: var(--font-heading);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    color: var(--color-primary);
    min-width: clamp(3rem, 5vw, 4rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

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

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

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

  .k3869 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
    min-width: 250px;
  }

  .c8f99a90 {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
    text-decoration: none;
    color: inherit;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

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

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

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

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

  .c8f99a90:hover .lde39 {
    color: var(--color-primary);
  }

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

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

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

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

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

    .b0afb {
      flex-direction: column;
    }

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

    .ha917a8 {
      flex: 1 1 100%;
      max-width: 100%;
      position: static;
    }

    .c66b {
      flex-direction: column;
    }

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

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

    .f78ecb {
      flex-direction: column;
    }

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

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

    .e31f {
      flex-direction: column;
    }

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

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

    .ffe0bc {
      flex-direction: column;
    }

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

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

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

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

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

    .efd571 {
      flex-wrap: wrap;
    }
  }

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

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

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

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

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

.h0d {
  text-align: center;
}

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

.i043 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

.a185fc {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

.a0dcef0 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

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

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

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

.o524404 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.bf61 {
  text-align: center;
}

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

.fdd7bd0 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

.f43a272 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

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

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

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

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

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

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

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

.fda7afc7 {
  flex: 1;
  min-width: 0;
}

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

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

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

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

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

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

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

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

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

  .p8f1d {
    margin-top: 0;
  }
}

@media (min-width: 1024px) {
  .obdf1 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .jbe88696,
  .de0c,
  .a1fcb,
  .pebb90 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

.n0e77e3 h1,
.n0e77e3 h2,
.n0e77e3 h3,
.n0e77e3 h4 {
  font-family: var(--font-heading);
}

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

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

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

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

.c2a2a1d4 {
  flex: 1 1 100%;
  text-align: center;
  max-width: 700px;
}

.g171c83 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

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

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

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

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

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

  .c2a2a1d4 {
    flex: 1 1 50%;
    text-align: left;
    max-width: none;
  }

  .gea723 {
    flex: 1 1 50%;
    max-height: 450px;
  }
}

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

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

.gd962b {
  text-align: center;
}

.b7a572 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

.p58550f p {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

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

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

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

.p7390 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

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

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

.h3ad9 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.h08 {
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
}

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

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

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

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

.h88d0cb6 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
  max-width: 1000px;
  margin: 0 auto;
}

.db443446 {
  text-align: center;
}

.k0e0 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

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

.db7b4 {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

.ff185f9e {
  text-align: center;
}

.p98 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

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

.a16c {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 500;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.n904b {
  text-align: center;
}

.lf47 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

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

.c980a4 {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

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

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

.h54dafd {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

.pc9575 {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

.me08a {
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

.ge3bd50f {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-fast);
  display: inline-block;
}

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

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

.l55 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: var(--transition-base);
}

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

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

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

.f86a {
  text-align: center;
}

.fb489b {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  line-height: var(--line-height-tight);
}

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

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

.ld9 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.mfb7cc {
  display: inline-block;
  padding: clamp(0.85rem, 1.2vw, 1.1rem) clamp(2rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1.1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: var(--transition-base);
}

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

@media (min-width: 768px) {
  .m90 {
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }

  .he60 {
    gap: clamp(1.5rem, 2.5vw, 2rem);
  }
}

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

  .j118 {
    flex: 1 1 calc(33.333% - 1.7rem);
  }
}

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

.o70 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.meaec0 {
  max-width: 900px;
  margin: 0 auto;
}

.hdcb2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.j8fc {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  max-width: 650px;
}

@media (min-width: 768px) {
  .o70 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

.p7050fc {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.a1a8c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.faee {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.p88c3 {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.faee:hover .p88c3 img {
  transform: scale(1.03);
}

.a39 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ac3e {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
}

.ge8734 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.o5468c {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .p7050fc {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

@media (min-width: 1024px) {
  .p7050fc {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .a1a8c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

.e3f6e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

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

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

.j634 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.fecff02f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

.fecff02f:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .e3f6e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

@media (min-width: 1024px) {
  .e3f6e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.nbb4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.naed {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.o481 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

.j525deb8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.bac3 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.mcc330 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
}

.d5f6a8a3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.h46 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.h46:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.id5ac {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  text-align: left;
  font-weight: 600;
}

.id5ac:hover {
  background-color: var(--color-bg-tertiary);
}

.i396f303 {
  flex: 1;
  line-height: var(--line-height-normal);
}

.ba416 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.id5ac[aria-expanded="true"] .ba416 {
  transform: rotate(45deg);
}

.ff306f {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.ff306f p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.hdf {
  display: none;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.hdf img {
  width: 100%;
  height: auto;
  display: block;
}

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

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

.j0d7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
}

.p7b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-2xl) 0;
}

.n7f633 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .nbb4 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .bac3 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .mcc330 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-4xl);
  }

  .hdf {
    display: block;
  }

  .d5f6a8a3 {
    grid-column: 1;
  }

  .hdf {
    grid-column: 2;
  }

  .g680 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .nbb4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .o481 {
    font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  }

  .bac3 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .g680 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.bc4 main {
  width: 100%;
}

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

.bc4 .k61c2b {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.bc4 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.bc4 .d5f9f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.bc4 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

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

.bc4 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.bc4 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.bc4 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.bc4 .cd9f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-3xl);
}

.bc4 .cd9f h2 {
  margin-top: 0;
}

.bc4 .cd9f p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .bc4 .de2c7 {
    padding: 0 var(--spacing-lg);
  }

  .bc4 .k61c2b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .bc4 .de2c7 {
    padding: 0 var(--spacing-xl);
  }

  .bc4 .k61c2b {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.m07 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g67d0954 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.de2c7 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.k61c2b {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.hf5bafd {
  text-align: center;
}

.baeb3a {
  margin: 0 auto var(--spacing-2xl);
  width: fit-content;
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.baeb3a svg {
  width: 80px;
  height: 80px;
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.df44f8e {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
}

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

.g04 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-lg);
  margin: var(--spacing-2xl) 0;
  text-align: left;
}

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

.l1b {
  list-style: none;
  padding: 0;
  margin: 0;
}

.l1b li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-normal);
}

.l1b li:last-child {
  margin-bottom: 0;
}

.l1b li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
}

.jae8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.o267 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  margin-top: var(--spacing-xl);
}

.oe3b89 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.oe3b89:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.oe3b89:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .g67d0954 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .g67d0954 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .baeb3a svg {
    width: 100px;
    height: 100px;
  }

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

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

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

  .g04 {
    margin: var(--spacing-3xl) 0;
  }

  .jae8 {
    margin: var(--spacing-3xl) 0;
  }
}

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

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

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

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

  .g04 {
    padding: var(--spacing-md) var(--spacing-md);
    margin: var(--spacing-lg) 0;
  }

  .l1b li {
    padding-left: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
  }

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

  .o267 {
    width: 100%;
    margin-top: var(--spacing-lg);
  }
}

* {
  box-sizing: border-box;
}

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

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

.c121ca {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

.j62f23e8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.de2c7 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.k61c2b {
  width: 100%;
  max-width: 800px;
  display: flex; flex-direction: column;
}

.le5 {
  text-align: center;
  width: 100%;
  animation: fadeInUp 0.8s ease-out;
}

.i466a {
  width: 100%;
  max-width: 280px;
  height: auto;
  margin: 0 auto var(--spacing-xl);
  animation: puppetSway 4s ease-in-out infinite;
}

.k05306 {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

.f12 {
  animation: headTilt 3s ease-in-out infinite;
  transform-origin: 100px 80px;
}

.p0c944f5 {
  animation: stringsWave 3s ease-in-out infinite;
  transform-origin: 100px 0;
}

.nc0dc8d {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 5.5rem);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
}

.nd91 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
  font-weight: 700;
}

.m7aed7 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: 0.3px;
}

.j4dc9a {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
  letter-spacing: 0.2px;
}

.ab181b {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: 0.3px;
  box-shadow: var(--shadow-md);
}

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

.ab181b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.g32 {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.i2f {
  font-size: clamp(0.85rem, 0.95vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  letter-spacing: 0.2px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes puppetSway {
  0%, 100% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(-8px) rotate(-1deg);
  }
  75% {
    transform: translateX(8px) rotate(1deg);
  }
}

@keyframes headTilt {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-2deg);
  }
}

@keyframes stringsWave {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
  }
}

@media (min-width: 640px) {
  .j62f23e8 {
    padding: var(--spacing-2xl);
  }
  
  .i466a {
    max-width: 320px;
    margin: 0 auto var(--spacing-2xl);
  }
  
  .ab181b {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  }
}

@media (min-width: 768px) {
  .j62f23e8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .i466a {
    max-width: 340px;
    margin: 0 auto var(--spacing-3xl);
  }
  
  .nc0dc8d {
    margin-bottom: var(--spacing-lg);
  }
  
  .nd91 {
    margin-bottom: var(--spacing-xl);
  }
  
  .m7aed7 {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j62f23e8 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .i466a {
    max-width: 360px;
    margin: 0 auto var(--spacing-3xl);
  }
  
  .ab181b {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: var(--font-size-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .le5,
  .i466a,
  .f12,
  .p0c944f5 {
    animation: none;
  }
  
  .ab181b {
    transition: none;
  }
  
  .ab181b:hover {
    transform: none;
  }
}

@media (max-width: 480px) {
  .c121ca {
    min-height: 100vh;
  }
  
  .j62f23e8 {
    min-height: 100vh;
    padding: var(--spacing-md);
  }
  
  .de2c7 {
    padding: 0 var(--spacing-sm);
  }
  
  .i466a {
    max-width: 240px;
    margin: 0 auto var(--spacing-lg);
  }
  
  .nc0dc8d {
    margin-bottom: var(--spacing-md);
  }
  
  .nd91 {
    margin-bottom: var(--spacing-lg);
  }
  
  .g32 {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-xl);
  }
}

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

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

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

.j3c410 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.na51d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
}

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

.febc1f {
  width: 100%;
}

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

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

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

@media (min-width: 1024px) {
  .ac5c {
    flex: 1 1 45%;
    max-width: 500px;
  }

  .fd9 {
    flex: 1 1 45%;
  }
}

.mfbf134 {
  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);
  line-height: var(--line-height-tight);
}

.p864 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

.ncef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.peda {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.m8a11f,
.ac8c {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.m8a11f::placeholder,
.ac8c::placeholder {
  color: var(--color-text-muted);
}

.m8a11f:focus,
.ac8c: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);
}

.ac8c {
  min-height: 140px;
  resize: vertical;
  max-height: 400px;
}

.j88f {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  text-align: center;
  margin-top: var(--spacing-sm);
}

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

.j88f:active {
  transform: translateY(0);
}

.jfd1 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  text-align: center;
  margin-top: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.g4316 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.ec3369d {
  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);
  line-height: var(--line-height-tight);
}

.k12ca3 {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-xl);
  align-items: flex-start;
}

.ifc8a {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.n65576 {
  flex: 1;
  min-width: 0;
}

.j09 {
  font-family: var(--font-heading);
  font-size: var(--font-size-base);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.k6376 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.b10e {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.o76bb397 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-xl);
}

.ec3 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n4e7 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

.e5e209b {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  margin: 0;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

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

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

.g395 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.b9064c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.d3055cc,
.p090b4 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: 1rem 2.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

.d3055cc {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

.p090b4:hover {
  background-color: var(--color-primary-light);
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

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

  .l2b94 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .n50ff {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

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

  .l2b94 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .n50ff {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .p5e3c {
    gap: 4rem;
  }

  .ac5c {
    flex: 1 1 auto;
  }

  .fd9 {
    flex: 1 1 auto;
  }
}

@media (max-width: 640px) {
  .p864,
  .j88f {
    gap: var(--spacing-md);
  }

  .j8f {
    flex-direction: column;
    width: 100%;
  }

  .d3055cc,
  .p090b4 {
    width: 100%;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.m506c3,.oed5a{width:34px;}
.m506c3[aria-expanded="true"]{display:none;}
.h4567fe.e6a25{z-index:999;}
.h4567fe{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.h4567fe{max-width:100%;}}
.c2c1485{justify-content:flex-end;}
@media (max-width:768px){.gfd67f{min-height:500px;}}