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

:root {
  --color-bg-primary: #fefce8;
  --color-bg-secondary: #fef9c3;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #422006;
  --color-text-secondary: #713f12;
  --color-text-muted: #8d6002;

  --color-primary: #a16207;
  --color-primary-hover: #854d0e;
  --color-primary-light: #c9843d;
  --color-primary-lighter: #e8c4a0;

  --color-secondary: #eab308;
  --color-secondary-light: #f5d962;
  --color-secondary-lighter: #fae8a0;

  --color-success: #65a30d;
  --color-success-light: #86efac;
  --color-warning: #d97706;
  --color-warning-light: #fbbf24;
  --color-danger: #dc2626;
  --color-danger-light: #fca5a5;

  --color-border: #d4a574;
  --color-border-light: #e8d5c4;

  --font-primary: 'Commissioner', sans-serif;
  --font-heading: 'Fraunces', serif;

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

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-sm);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-md);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  font-size: 1rem;
}

.ic2 {
  background: var(--color-primary);
  color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .lf126c {
    padding: 0 var(--spacing-sm);
  }
}
.iba783 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
}

.ga3a {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(70px, 12vh, 90px);
  gap: clamp(1rem, 3vw, 2rem);
}

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

.a8a44d9:hover {
  opacity: 0.85;
}

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

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

.a20 {
  display: none;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  margin-left: clamp(1.5rem, 4vw, 3rem);
}

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

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

.jd44e1 {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  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;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
}

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

.n5b091 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.n5b091:hover {
  opacity: 0.7;
}

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

.n5b091.abb70 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.n5b091.abb70 span:nth-child(2) {
  opacity: 0;
}

.n5b091.abb70 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

.kc6 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-secondary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  padding-top: clamp(70px, 12vh, 90px);
}

.kc6.abb70 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

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

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

.f2e68:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
}

.e8f7 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 600;
  margin-top: 0.5rem;
  border-bottom: none;
  text-align: center;
  margin: 1.5rem clamp(1rem, 3vw, 2rem) 0;
}

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

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

  .jd44e1 {
    display: inline-block;
  }

  .n5b091 {
    display: none;
  }

  .kc6 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .pd5af0 {
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  }

  .jd44e1 {
    padding: 0.75rem 1.75rem;
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  }
}

    

.dbb8c97 {
  font-family: 'Commissioner', sans-serif;
}

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

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

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

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

.f0c {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(2.5rem, 7vw + 0.5rem, 4rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

.k6ee67b {
  background: var(--color-accent);
  color: #ffffff;
}

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

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

.o0fa723:hover {
  background: var(--color-accent);
  color: #ffffff;
}

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

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

.pf2d157 {
  text-align: center;
}

.ba4 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e78ba9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.na0914 {
  flex: 1 1 350px;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(66, 32, 6, 0.08);
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  align-items: flex-start;
  transition: all 0.3s ease;
}

.na0914:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(66, 32, 6, 0.12);
}

.b38c {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

.l4237 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.le4 {
  flex: 1 1 200px;
  max-width: 280px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.kddc7cdc {
  color: var(--color-secondary);
  font-family: 'Fraunces', serif;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i4ac {
  color: #ffffff;
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m3b435a1 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.if2807 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.dbd63 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

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

.a15e80 {
  text-align: center;
}

.m25cd8 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b7b19c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.jb640d0b {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h18a9ba {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  line-height: 1.5;
}

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

.hdc i {
  color: #dc2626;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
}

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

.e97889c9 i {
  color: #16a34a;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
}

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

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

.ibfac7 {
  text-align: center;
}

.b0fc93 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.kad {
  flex: 1 1 250px;
  max-width: 320px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

.l8f4 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ka777d5 {
  text-align: center;
}

.mc0 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k60 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c0d29 {
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.o907b {
  color: var(--color-accent);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.5rem, 2.5vw + 0.5rem, 1.875rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.k180b {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a9a80 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c5b {
  text-align: center;
}

.i708bad3 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o86 {
  background: var(--color-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.5vw, 2rem);
}

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

.b79aea46 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ida563d {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c20c5 {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  overflow-x: auto;
  scroll-behavior: smooth;
}

.fdff370 {
  flex: 0 0 auto;
  width: clamp(150px, 25vw, 300px);
  height: clamp(100px, 15vw, 200px);
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.fdff370:hover {
  transform: scale(1.05);
}

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

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

.i6623 {
  text-align: center;
}

.p0e6096 {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hf8efc9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o52a1 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(66, 32, 6, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.o52a1:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(66, 32, 6, 0.12);
}

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

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

.n8d {
  color: var(--color-text-primary);
  font-family: 'Fraunces', serif;
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nd2a950 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

.pff080 {
  text-align: center;
}

.c5152 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.l1ce12.l5870 {
  display: none;
}

.g36 {
  color: #ffffff;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  margin: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g6f34,
.ca62761 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  border: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.g6f34 {
  background: var(--color-accent);
  color: #ffffff;
}

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

.ca62761 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.ca62761:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
  .na0914 {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }

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

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

  .kad i {
    font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  }

  .l1ce12 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

  .h331a4 {
    width: 100%;
  }

  .c20c5 {
    padding: 0 0 1rem 0;
  }

  .o52a1 {
    flex: 1 1 100%;
  }

  .l1ce12 {
    flex-direction: column;
    align-items: stretch;
  }

  .ka2a {
    flex-direction: column;
  }

  .g6f34,
  .ca62761 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .k4d {
    padding: clamp(6rem, 12vw, 10rem) 0;
  }

  .na0914 {
    flex-direction: row;
    align-items: flex-start;
  }
}

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

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

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

.cf5f75 {
  max-width: 45ch;
}

.cf5f75 h3,
.m1c h3,
.p674c h3,
.g229f0 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: 0.3px;
}

.cf5f75 p,
.p674c p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cf5f75 p {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

.j5b {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a21 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  line-height: var(--line-height-normal);
  margin: 0;
  max-width: 60ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .k5255f7 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
  }

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

  .p674c {
    border-top: none;
    border-bottom: none;
    padding: 0;
  }

  .k7e9c {
    grid-column: 1 / -1;
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (min-width: 1024px) {
  .k5255f7 {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }

  .cf5f75 {
    grid-column: 1;
    grid-row: 1;
  }

  .m1c {
    grid-column: 2;
    grid-row: 1;
  }

  .p674c {
    grid-column: 3;
    grid-row: 1;
  }

  .g229f0 {
    grid-column: 4;
    grid-row: 1;
  }

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

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 {
  font-family: 'Commissioner', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Fraunces', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.cac06d {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

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

.a472ae2 {
  text-align: center;
}

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

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

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

.e16511e {
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

.b0ddee {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  padding-top: 1rem;
  border-top: 1px solid rgba(194, 154, 108, 0.2);
}

.i26346,
.e9f3c,
.o3c79e {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.i26346 i,
.e9f3c i,
.o3c79e i {
  color: var(--color-accent);
}

.d4fff2d7 {
  align-self: flex-start;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.d4fff2d7:hover {
  color: var(--color-accent-hover);
  background: rgba(161, 98, 7, 0.05);
}

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

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

.oeb514d6 {
  text-align: center;
}

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

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

.b56c72b {
  display: grid;
  gap: clamp(1.5rem, 2vw, 2rem);
  grid-template-columns: 1fr;
}

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

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

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

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

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

@media (min-width: 768px) {
  .b56c72b {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

  .e16511e {
    flex: 1 1 calc(25% - 1.875rem);
    min-width: 300px;
  }

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

  .e202 {
    padding: clamp(6rem, 12vw, 10rem) 0;
  }
}

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

  .k71be056 {
    flex-direction: column;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.m10a6f {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.j04b0 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bc1a2 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

.la7fa6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-align: center;
  font-weight: 500;
}

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

.nc4 {
  flex: 1 1 calc(100% - 280px - clamp(2rem, 4vw, 4rem));
}

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

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

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

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

.e4434 {
  flex-direction: row-reverse;
}

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

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

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

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

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

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

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

.j41e09f strong {
  color: var(--color-accent);
  font-weight: 600;
}

.j764 {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

.d89 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

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

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

.pf9217 {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.n446cb {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

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

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

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

.n446cb:hover .e42db24 img {
  transform: scale(1.05);
}

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

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

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

@media (max-width: 1024px) {
  .fe3c356 {
    flex-direction: column;
    align-items: center;
  }

  .bc1a2 {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    top: 0;
  }

  .nc4 {
    flex: 1 1 100%;
  }

  .i8dfe,
  .e4434 {
    flex-direction: column;
  }

  .l8a9d183,
  .k1a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .gc30b57e,
  .o1fa {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .af3b50b2 {
    flex-direction: column;
  }

  .e62,
  .c84a3f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ac250 {
    font-size: clamp(0.75rem, 1vw, 0.8125rem);
  }

  .ffde {
    flex-direction: column;
  }

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

  .fe3c356 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .bc1a2 {
    flex: 0 0 100%;
  }
}

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

  .dfafa {
    padding: 1.5rem 1rem;
  }

  .ie4e5d55 {
    padding: 1.5rem 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.lf8 {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.j1039 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 95%;
}

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

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

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

.c9f7a2 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

  .ba0b9,
  .a8baf8f5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c9f7a2 {
    max-height: 300px;
  }
}

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

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

.l7b2c69 {
  flex: 0 0 240px;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

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

.a7a8 {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

.kf455 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

  .c4b,
  .o17d6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l7b2c69 {
    flex: 0 0 auto;
    position: static;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .m8c {
    flex-direction: column;
  }
}

.o535f {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.gc0c674e strong {
  color: var(--color-accent);
  font-weight: 700;
}

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

  .e0246a,
  .kcb99 {
    flex: 1 1 100%;
    max-width: 100%;
    order: initial;
  }
}

.i39c {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

.l13 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
  position: relative;
}

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

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

  .na93,
  .aa2076 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.j8b32ec {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

.aa1d3d strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

  .b4d79,
  .ob168 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.a23d {
  background: var(--color-bg-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

.ha1eb {
  color: var(--color-accent);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  margin: 0;
  font-family: var(--font-heading);
}

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

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

.ecaa {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.p1a {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
}

.p1a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(162, 98, 7, 0.15);
}

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

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

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

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

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

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

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

  .i7915 {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .l7b2c69 {
    order: -1;
    flex: 0 0 auto;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ib317c {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

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

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

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

.ha67c0 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
}

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

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

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

.ld8 {
  flex: 0 0 auto;
  width: 220px;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

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

.h6c1fc5,
.a1a8ade,
.f9e08445,
.h4bb {
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding-bottom: clamp(2rem, 4vw, 3rem);
  border-bottom: 1px solid var(--color-border-light);
}

.h6c1fc5:last-of-type {
  border-bottom: none;
}

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

.e1f80d,
.afe43e8,
.n724c1,
.g50f8 {
  flex: 1 1 50%;
  max-width: 50%;
}

.deb1b6,
.j33342b,
.h05db53,
.i1b148 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
}

.deb1b6 img,
.j33342b img,
.h05db53 img,
.i1b148 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.j281c,
.jf8373,
.nee2,
.ge61 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

.e1f80d p:last-child,
.afe43e8 p:last-child,
.n724c1 p:last-child,
.g50f8 p:last-child {
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.hcb8 {
  flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
}

.j4c4d {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

  .mea99 {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
  }

  .l8d2,
  .pf8eb3a3,
  .bc00 {
    text-align: left;
  }

  .lb6a9,
  .b7b5,
  .dcefa514,
  .nd410 {
    flex-direction: column;
  }

  .e1f80d,
  .afe43e8,
  .n724c1,
  .g50f8,
  .deb1b6,
  .j33342b,
  .h05db53,
  .i1b148 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l5e11ab3 {
    flex-direction: column;
  }

  .fecd,
  .ib317c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dbdaa {
    flex-direction: column;
  }

  .o316e,
  .ha67c0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .j4c4d {
    flex-direction: column;
  }

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

  .d8ca4782 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  }

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

  .p12822 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  }
}

@media (max-width: 480px) {
  .hcb8 {
    flex: 0 1 100%;
    min-width: auto;
  }

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

  .l8d2,
  .pf8eb3a3,
  .bc00 {
    text-align: center;
  }

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

  .d8ca4782 {
    gap: 0.25rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i26aee {
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-lg);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .fbac3 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .b2d09 {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    display: block;
  }

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

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

  .ja5dd63 {
    flex: 1 1 50%;
    max-width: 50%;
    overflow: hidden;
    border-radius: var(--radius-lg);
    order: -1;
  }

  .hd23e {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    display: block;
  }

  .od6c6cc {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .a08d {
    max-width: 320px;
  }

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

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

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

  .nb8c2 {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .nf6fa {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
  }

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

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

  .o1a38245 {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    font-weight: 500;
  }

  .h5cde {
    font-size: 0.875rem;
    color: var(--color-text-secondary);
    line-height: var(--line-height-normal);
  }

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

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

  .m133 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

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

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

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

  .p71 {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    display: block;
  }

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

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

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

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

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

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

  .ecd7765 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    max-width: 800px;
  }

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

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

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

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

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

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

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

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

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

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

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

  .aee8e3d2 {
    flex: 0 0 140px;
    overflow: hidden;
    border-radius: var(--radius-md);
    min-height: 140px;
  }

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

  .na076c1 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: center;
  }

  .l1c {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: var(--line-height-tight);
  }

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

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

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

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

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

    .fbac3,
    .j4bc,
    .od6c6cc,
    .ja5dd63,
    .m133,
    .d67 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ja5dd63 {
      order: 0;
    }

    .a08d {
      max-width: 100%;
    }

    .e6b2 {
      flex-direction: column;
    }

    .aee8e3d2 {
      flex: 1 1 100%;
      min-height: 200px;
    }

    .o56aa4 {
      flex-direction: column;
    }
  }

  @media (min-width: 769px) and (max-width: 1023px) {
    .i418 {
      max-width: 100%;
    }

    .e6b2 {
      flex-direction: row;
    }

    .aee8e3d2 {
      flex: 0 0 120px;
      min-height: 120px;
    }
  }

  @media (min-width: 1024px) {
    .f2e6d7 {
      position: relative;
      margin-top: -350px;
      padding-top: clamp(2rem, 5vw, 3rem);
      padding-bottom: clamp(3rem, 8vw, 6rem);
    }

    .a08d {
      position: relative;
      z-index: 10;
    }

    .k5e {
      padding-top: clamp(3rem, 8vw, 6rem);
    }
  }

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

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

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

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

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

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

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

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

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

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

.oa29 {
  font-size: clamp(0.875rem, 1.5vw + 0.3rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
}

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

.o7f1cc {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 3px solid var(--color-secondary);
}

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

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

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

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

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

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

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

  .kc2b6e {
    flex: 1 1 50%;
  }

  .o6eef {
    flex: 1 1 50%;
    min-height: 350px;
  }
}

.l6aeade6 {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

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

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

.k73f6a {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

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

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

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

.d02e {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  transition: all var(--transition-base);
}

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

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

.o0caf {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
}

.f6f305b6 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

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

.h7ede9 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 3px solid var(--color-secondary);
}

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

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

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

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

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

@media (min-width: 768px) {
  .c839fbc {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.g486 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

.h05688 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.o9208 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

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

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

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

.n94c05 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

.g225b {
  flex: 1;
}

.d882 {
  font-size: clamp(0.975rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  font-weight: 700;
}

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

.c7528560 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

.cf5aa2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 800px;
  margin: 0 auto;
}

.kc112 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  align-items: flex-start;
}

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

.d2f06 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.jb14 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

  .o7f1cc {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .ca301d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .h7ede9 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .e9df8 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .g2c0a {
    max-width: 1200px;
    margin: 0 auto;
  }

  .j53ff869 {
    max-width: 1000px;
  }
}

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

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

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

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

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

.k6a3c {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
}

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

.a5e {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

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

.da7110f4 {
  text-align: center;
}

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

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

.j2010dd p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j928 {
  text-align: center;
}

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

.d029eb {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

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

.j8e25497 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.g7dd {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k8c157 {
  text-align: center;
}

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

.dcdd5b52 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

.e7cf67 {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.leb7e7 {
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.g8f9ba {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.d6387 {
  text-align: center;
}

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

.mf4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

.g3a9 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  transition: var(--transition-base);
  color: var(--color-text-primary);
}

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

.f67db7 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

.l21 {
  text-align: center;
}

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

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

.l5e75b5 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
}

.ee0b3e {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  line-height: 1;
}

.j1b {
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

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

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

.me24f {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d24,
.jc97 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: var(--transition-base);
  cursor: pointer;
  border: none;
  min-width: 200px;
}

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

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

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

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

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

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

  .kb73426 {
    flex: 1 1 50%;
    max-height: 400px;
  }

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

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

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

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

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

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

  .d24,
  .jc97 {
    min-width: 220px;
  }
}

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

  .g3a9 {
    flex: 1 1 calc(25% - clamp(1rem, 1.875vw, 1.875rem));
    max-width: none;
  }

  .l5e75b5 {
    flex: 1 1 calc(25% - clamp(1rem, 1.875vw, 1.875rem));
    max-width: none;
  }

  .o3eec7 {
    flex-direction: row;
    gap: clamp(2rem, 2.5vw, 2.5rem);
  }

  .fa6 {
    flex: 1 1 calc(33.333% - clamp(1.33rem, 1.67vw, 1.67rem));
  }
}

@media (min-width: 1440px) {
  .lf126c {
    padding: 0 clamp(2rem, 2vw, 3rem);
  }
}

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

.n54c {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.e47f7a {
  max-width: 600px;
}

.g695eb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.f9e64 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.n237 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.i35a {
  max-width: 900px;
  margin: 0 auto;
}

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

.p6a78d15 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.p05df {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base);
}

.p05df:hover {
  background-color: var(--color-bg-tertiary);
}

.p05df[aria-expanded="true"] {
  background-color: var(--color-primary-light);
}

.p05df[aria-expanded="true"] .k9d161 {
  transform: rotate(45deg);
}

.i2f3da {
  flex: 1;
}

.k9d161 {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  line-height: 1;
}

.gdb9 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  animation: slideDown var(--transition-base);
}

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

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

.o1d3 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

.p6ab96 {
  max-width: 600px;
}

.af6d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

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

.n185b4f7 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
}

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

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

@media (min-width: 768px) {
  .n54c {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j4e26 {
    max-height: 400px;
    order: 2;
  }

  .n237 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o1d3 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .m317d {
    max-height: 400px;
    order: 2;
  }
}

@media (min-width: 1024px) {
  .n54c {
    padding: var(--spacing-3xl) var(--spacing-xl);
    gap: var(--spacing-3xl);
  }

  .g695eb {
    font-size: clamp(2rem, 5vw, 2.8rem);
  }

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

  .o1d3 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    gap: var(--spacing-3xl);
  }

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

  .p05df {
    padding: var(--spacing-xl);
    font-size: 1.1rem;
  }

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

  .gdb9 p {
    font-size: 1.025rem;
  }
}

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

.m77 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.b38 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.ac3ca85e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.mf075d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .m77 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

.n1d {
  padding: var(--spacing-2xl) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.gace2b {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .gace2b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .n1d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gace2b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.df1b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.k734b {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.b56c3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.e2df {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.f326637 {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  font-weight: 600;
  display: inline-block;
  align-self: flex-start;
}

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

.j3d3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
  text-align: center;
}

.j0707f3 {
  max-width: 700px;
  margin: 0 auto;
}

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

.o198 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.b17e6c80 {
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  font-weight: 600;
  display: inline-block;
}

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

@media (min-width: 768px) {
  .j3d3 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

.k5be {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}

.k5be img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

@media (min-width: 768px) {
  .k5be {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k5be {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

.hfb1bc {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
}

.hfb1bc .lf126c {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.hfb1bc .be11 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.hfb1bc h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.hfb1bc h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
}

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

.hfb1bc .m7a492 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.hfb1bc ul {
  margin: var(--spacing-md) 0 var(--spacing-lg) var(--spacing-lg);
  list-style-position: outside;
}

.hfb1bc ul 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);
}

.hfb1bc .idab7 {
  margin-bottom: var(--spacing-2xl);
}

.hfb1bc .dc22 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-3xl);
}

.hfb1bc .dc22 h2 {
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.hfb1bc .dc22 p {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
}

.hfb1bc .dc22 strong {
  color: var(--color-primary);
  font-weight: 600;
}

.hfb1bc .nbc4 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
}

@media (min-width: 768px) {
  .hfb1bc .lf126c {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .hfb1bc .lf126c {
    padding: 0 var(--spacing-xl);
  }

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

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

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

.bff9 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.be11 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.o2394933 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-2xl) 0;
}

.ccee7 {
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: iconPulse 0.6s ease-out;
}

.ccee7 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

@keyframes iconPulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.o2394933 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.bc6d8 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
  font-weight: 600;
}

.c9a842 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.c157e6 {
  margin-bottom: var(--spacing-xl);
  font-style: italic;
  color: var(--color-text-muted);
}

.h331a4 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  margin-top: var(--spacing-lg);
}

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

.ic2:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ic2:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ic2:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

@media (min-width: 768px) {
  .o2394933 {
    padding: var(--spacing-3xl) 0;
  }
  
  .ccee7 {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-xl);
  }
  
  .c9a842 {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o2394933 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .ccee7 {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }
  
  .h331a4 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.l60fc3cf {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.h258f1 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.be11 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

.i5864 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-xl);
}

.h0ab7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  perspective: 1000px;
}

.a97ce {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 10rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -0.02em;
  text-rendering: optimizeLegibility;
  position: relative;
  z-index: 2;
  animation: slideInDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.e26 {
  position: absolute;
  width: clamp(200px, 50vw, 600px);
  height: clamp(200px, 50vw, 600px);
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-full);
  opacity: 0.15;
  z-index: 1;
  animation: pulse 3s ease-in-out infinite;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}

.gfd1ca {
  width: 100%;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ef428f3e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.cbf2118a {
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c6e681 {
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.h331a4 {
  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.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: var(--transition-base);
  text-align: center;
  white-space: nowrap;
  min-height: 48px;
  gap: var(--spacing-xs);
}

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

.ic2:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ic2:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 768px) {
  .h258f1 {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

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

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

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

  .a97ce {
    font-size: clamp(5rem, 18vw, 12rem);
  }

  .e26 {
    width: clamp(300px, 60vw, 700px);
    height: clamp(300px, 60vw, 700px);
  }
}

@media (min-width: 1024px) {
  .h258f1 {
    padding: var(--spacing-3xl);
  }

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

  .h331a4 {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: 1.1rem;
  }

  .ef428f3e {
    font-size: 2.5rem;
  }

  .cbf2118a {
    font-size: 1.2rem;
  }

  .c6e681 {
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

.h9830b7a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.m1088 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.a6b1a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 750px;
}

.ka1a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.na28 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

@media (min-width: 768px) {
  .b76 {
    flex: 1 1 calc(50% - var(--spacing-xl));
  }
}

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

.l926 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 1.85rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
}

.m87 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.i68e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.m0045002 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.d22c {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.o3beb6,
.nb1542e {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.o3beb6::placeholder,
.nb1542e::placeholder {
  color: var(--color-text-muted);
}

.o3beb6:focus,
.nb1542e:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.nb1542e {
  min-height: 140px;
  resize: vertical;
}

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

.i9f78 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.l55519 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.d6c {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.d6c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.d6c:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

@media (min-width: 768px) {
  .bb7a3 {
    flex: 1 1 calc(50% - var(--spacing-xl));
  }
}

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

.b22b2a {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 1.85rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
}

.le89d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.b7e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

.n44b94a {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.cf9 {
  flex: 1;
}

.nd4b50 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-xs);
}

.g8bf {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-xs);
}

.gdcb60b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.aa24c,
.f85d3ac0 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.bcecc {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.p4840801 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
}

.l71dcc0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.m58 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 700;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.l919 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.ocb7 {
  max-width: 900px;
  margin: 0 auto;
}

.o85 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  text-align: center;
}

.n085 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
}

.ge0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ge0 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .ge0 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.dc0 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.dc0:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.e256d1 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.ab25 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.h57 {
  text-align: center;
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.e1755 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.df1b0 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 700;
  transition: color var(--transition-base);
}

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

.b60e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.nf5bcf {
  max-width: 1100px;
  margin: 0 auto;
}

.k741 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  text-align: center;
  line-height: var(--line-height-tight);
}

.f9e71e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .f9e71e {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .f9e71e {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
  }
}

.jbdfcc8c {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

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

.je91b4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.75rem;
  margin-bottom: var(--spacing-md);
}

.n278943 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.3rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.e1c7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .h9830b7a {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

@media (min-width: 1024px) {
  .h9830b7a {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

@media (max-width: 767px) {
  .na28 {
    gap: var(--spacing-2xl);
  }

  .b76,
  .bb7a3 {
    flex: 1 1 100%;
  }
}