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

:root {
  --color-bg-primary: #fffbeb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #1c1917;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f5f5;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fef3c7;
  --color-primary-lighter: #fde68a;

  --color-secondary: #f59e0b;
  --color-secondary-hover: #d97706;
  --color-secondary-light: #fef08a;
  --color-secondary-lighter: #fef3c7;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;
  --color-border-dark: #44403c;

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

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

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

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

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

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

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

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

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

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

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

h3 {
  font-size: clamp(1.25rem, 3vw, 1.875rem);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

.b22 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

.mb52:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

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

.if02d:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.if02d:focus-visible {
  outline: 2px solid var(--color-secondary-hover);
  outline-offset: 2px;
}

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

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

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

.g95ee2c {
  background: transparent;
  color: var(--color-primary);
  box-shadow: none;
}

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

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

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

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

.b22:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

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

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

.aee55c3 {
  padding: var(--spacing-5xl) 0;
}

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

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

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

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

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

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

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

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

.f3c13d2 {
  padding: var(--spacing-5xl) 0;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .jd2d50,
  .mf97,
  .b7c {
    grid-template-columns: 1fr;
  }
}

.n99 {
  display: flex;
}

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

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

.m05 {
  flex-direction: column;
}

.g9b20b89 {
  gap: var(--spacing-xs);
}

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

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

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

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

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

.b9cf7 {
  text-align: center;
}

.c00 {
  text-align: left;
}

.k3f08 {
  text-align: right;
}

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

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

.daa {
  color: var(--color-secondary);
}

.pe9cb478 {
  color: var(--color-success);
}

.gc095d {
  color: var(--color-warning);
}

.la8a0b {
  color: var(--color-danger);
}

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

.pb3d1 {
  font-size: 0.875rem;
}

.ca5 {
  font-size: 1rem;
}

.d053ace3 {
  font-size: 1.125rem;
}

.f9f3 {
  font-size: 1.25rem;
}

.d5ee {
  font-size: 1.5rem;
}

.p215ea2c {
  font-size: 1.875rem;
}

.p10f933 {
  font-weight: 400;
}

.aaa0d4 {
  font-weight: 500;
}

.e418 {
  font-weight: 600;
}

.bc42f {
  font-weight: 700;
}

.c8c3f {
  line-height: var(--line-height-tight);
}

.m8d5 {
  line-height: var(--line-height-normal);
}

.nd719c {
  line-height: var(--line-height-relaxed);
}

.f241c0 {
  line-height: var(--line-height-loose);
}

.f1d {
  margin: 0;
}

.nd463b88 {
  margin: var(--spacing-xs);
}

.n19 {
  margin: var(--spacing-sm);
}

.f76e79 {
  margin: var(--spacing-md);
}

.a77536e {
  margin: var(--spacing-lg);
}

.p7509f0 {
  margin: var(--spacing-xl);
}

.o1d08 {
  margin: var(--spacing-2xl);
}

.fda0b {
  margin: var(--spacing-3xl);
}

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

.f1b {
  margin-top: auto;
  margin-bottom: auto;
}

.d40b8 {
  margin-bottom: var(--spacing-xs);
}

.h776b716 {
  margin-bottom: var(--spacing-sm);
}

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

.g93754de {
  margin-bottom: var(--spacing-lg);
}

.bc67a {
  margin-bottom: var(--spacing-xl);
}

.c1d {
  margin-bottom: var(--spacing-2xl);
}

.i31 {
  margin-bottom: var(--spacing-3xl);
}

.d74da {
  margin-top: var(--spacing-xs);
}

.mb56 {
  margin-top: var(--spacing-sm);
}

.j153e9 {
  margin-top: var(--spacing-md);
}

.j95 {
  margin-top: var(--spacing-lg);
}

.m645f {
  margin-top: var(--spacing-xl);
}

.l8c99 {
  margin-top: var(--spacing-2xl);
}

.e93 {
  margin-top: var(--spacing-3xl);
}

.kef7 {
  padding: var(--spacing-xs);
}

.e69280 {
  padding: var(--spacing-sm);
}

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

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

.oddc313b {
  padding: var(--spacing-xl);
}

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

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

.ka8cd81 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.meae6 {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

.b88f6 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.d691920 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.n8f6dac2 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.je31ab {
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
}

.dedf {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.n4b9862 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.l15 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

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

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

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

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

.m47a {
  border-radius: 0;
}

.h4fc12 {
  border-radius: var(--radius-xs);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m6f {
  box-shadow: var(--shadow-xs);
}

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

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

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

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

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

.ebfe2 {
  box-shadow: none;
}

.ef5 {
  opacity: 0.5;
}

.ped3ed0 {
  opacity: 0.75;
}

.o2d {
  opacity: 1;
}

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

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

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

.p2b1 {
  background: var(--color-bg-card);
}

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

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

.j21662 {
  background: var(--color-primary-lighter);
}

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-tertiary);
    color: var(--color-text-light);
  }

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

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

  .k03b {
    background: #2a2520;
    color: var(--color-text-light);
  }

  .k03b p {
    color: var(--color-text-light-secondary);
  }
}
.o94cae {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.a85f1:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.j882aa2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 0;
  flex-shrink: 0;
}

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

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

.j882aa2.kc25e span:nth-child(2) {
  opacity: 0;
}

.j882aa2.kc25e span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.p0187b98 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 380px;
  height: 100vh;
  background: var(--color-bg-primary);
  box-shadow: -2px 0 var(--shadow-lg);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.p0187b98.kc25e {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.dc8 {
  margin: 1rem 1rem 0 1rem;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-sm);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  text-align: center;
}

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

@media (min-width: 768px) {
  .pcfc {
    height: 80px;
  }

  .a87ae5 {
    display: flex;
  }

  .b10d2 {
    display: inline-block;
  }

  .j882aa2 {
    display: none;
  }

  .p0187b98 {
    display: none;
  }
}

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

  .b10d2 {
    display: none;
  }
}

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

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

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

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

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

.a0893774 {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: stretch;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.a4b1c {
  flex: 1 1 50%;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 4rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.b738843 {
  flex: 1 1 50%;
  position: relative;
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
}

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

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

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

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

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

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

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

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

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

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

  .a4b1c {
    flex: 1 1 100%;
    clip-path: none;
  }

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

  .c1d1e {
    flex-direction: column;
  }

  .b22 {
    width: 100%;
  }
}

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

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

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

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

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

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

.p329 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

  .cb9 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.jc5,
.lcb02d10 {
  flex: 1 1 50%;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.f40,
.lbbdc {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-light);
  font-weight: 600;
  margin: 0 0 1rem 0;
  font-family: var(--font-heading);
}

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

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

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

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

  .jc5,
  .lcb02d10 {
    flex: 1 1 100%;
  }
}

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

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

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

.aebf {
  position: relative;
  padding: 2rem 0;
}

.aebf::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

.m314 {
  display: flex;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  gap: clamp(1rem, 2vw, 2rem);
}

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

.g3e .h8b6 {
  text-align: right;
}

.nf7 {
  flex-direction: row;
}

.nf7 .h8b6 {
  text-align: left;
}

.ia2d0 {
  flex: 0 0 auto;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

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

.h8b6 {
  flex: 1 1 45%;
  padding: clamp(1rem, 2vw, 1.5rem);
}

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

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

@media (max-width: 768px) {
  .aebf::before {
    left: 20px;
  }

  .m314 {
    flex-direction: column !important;
    gap: 0;
  }

  .g3e .h8b6,
  .nf7 .h8b6 {
    text-align: left;
  }

  .ia2d0 {
    width: 60px;
    justify-content: flex-start;
    padding-left: 0;
  }

  .m5cb5 {
    width: 50px;
    height: 50px;
    font-size: 0.75rem;
  }

  .h8b6 {
    padding-left: 80px;
    margin-top: -60px;
  }
}

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

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

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

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

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

.n1e9 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.n1e9:hover .a5937c8 img {
  transform: scale(1.05);
}

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

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

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

.m1a1d5 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

.be47f35 {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

.k63e1 {
  flex: 1 1 140px;
  max-width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

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

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

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

  .k63e1 {
    flex: 0 1 auto;
    width: 100%;
    max-width: 300px;
  }
}

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

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

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

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

.l71e3 {
  display: flex;
  flex-direction: row;
  gap: 0;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.p295 {
  flex: 1 1 50%;
  background: linear-gradient(135deg, var(--color-bg-tertiary), rgba(28, 25, 23, 0.8));
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
}

.d0a8 {
  flex: 1 1 50%;
  background: linear-gradient(135deg, var(--color-bg-primary), rgba(255, 251, 235, 0.9));
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
}

.ef4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

.p295 .ef4 {
  color: var(--color-accent);
}

.d0a8 .ef4 {
  color: var(--color-accent);
}

.ha2c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin: 0;
  line-height: var(--line-height-tight);
}

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

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

.m6c {
  display: none;
}

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

  .p295,
  .d0a8 {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

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

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

.d562f5 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  transition: color var(--transition-base);
}

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

.d562f5::after {
  content: '+';
  font-size: 1.25rem;
  color: var(--color-accent);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.hb4[open] .d562f5::after {
  transform: rotate(45deg);
}

.a781a96 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0.75rem 0 0 0;
  animation: slideDown var(--transition-base);
}

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

.d437 {
  flex: 1 1 40%;
  min-height: 350px;
}

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

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

  .jde {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

.oac29.f48d403 {
  display: none;
}

.ifcd {
  color: var(--color-text-light);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: var(--line-height-normal);
  flex: 1 1 auto;
  min-width: 200px;
}

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

.a2df3,
.fe60718 {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.fe60718 {
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid var(--color-text-light);
}

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

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

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

  .pf2 {
    flex: 1 1 100%;
  }

  .a2df3,
  .fe60718 {
    flex: 1 1 auto;
    min-width: 100px;
  }
}

@media (max-width: 480px) {
  .bf4d0acb,
  .i99,
  .if3847ae,
  .f55529,
  .g3e15e,
  .n96cdb26,
  .n5ef73c4,
  .pc047,
  .p3dad9 {
    padding: 2rem 0;
  }

  .h6ebaef8 {
    flex-direction: column;
  }

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

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

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

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

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

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

.l7c6f93 {
  max-width: 520px;
}

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

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

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

.hf3c8,
.n6641,
.d67687 {
  flex: 1 1 200px;
  min-width: 180px;
}

.hf3c8 h4,
.n6641 h4,
.d67687 h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 600;
  letter-spacing: -0.3px;
}

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

.n4c15 li,
.d463fc li {
  margin: 0;
  padding: 0;
}

.n4c15 a,
.d463fc a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

  .hf3c8,
  .n6641,
  .d67687 {
    flex: 1 1 100%;
  }

  .n4c15,
  .d463fc {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}

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

  .n1dda {
    gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .l7c6f93 {
    max-width: 100%;
  }

  .md1 {
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }
}
    

.lbed.i49 {
  display: block;
  width: 100%;
}

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

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

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

.g96 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p744359 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.c59a480 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pf908 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.b5e46 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  align-items: center;
}

.c7e,
.lcbc,
.ad73 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.c7e i,
.lcbc i,
.ad73 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.oc3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: auto;
}

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

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

  .c3a11f3 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .a5f {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

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

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

html, body {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

.n9c a:hover {
  color: #fbbf24;
}

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

.n9c span:last-child {
  color: var(--color-text-muted);
}

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

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

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

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

.f7d2 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  font-weight: 500;
}

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

.c37,
.je33 {
  color: var(--color-text-muted);
}

.a996aec9 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.h83 {
  font-size: clamp(0.9375rem, 1.2vw, 1.25rem);
  color: #e0e0e0;
  line-height: 1.6;
}

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

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

  .ob6d5,
  .d2cb9dac {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .acc181 {
    max-height: 350px;
  }
}

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

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

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

.me6736b2 {
  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: 0 2px 8px rgba(0, 0, 0, 0.04);
}

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

.c7f1f {
  text-align: center;
}

.oc078c {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-family: 'Playfair Display', serif;
  font-weight: 600;
}

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

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

.a09 {
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
  margin-bottom: 0.75rem;
}

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

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

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

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

  .ncb73 {
    flex: 1 1 100%;
    position: static;
  }
}

.i2177f60,
.ge745a5,
.n8883 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.d0a {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

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

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

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

.kffeb3d8 p {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

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

  .kffeb3d8,
  .o8b24bc5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o8b24bc5 img {
    max-height: 300px;
  }
}

.l61a12 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.ee9d {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-align: center;
}

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

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

.a167f92c {
  font-size: 2.5rem;
  color: var(--color-accent);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1;
}

.gaa {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  margin: 0;
}

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

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

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

.ke265a {
  font-size: clamp(1rem, 1.1vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
  font-family: 'Playfair Display', serif;
}

.ca1f36 {
  list-style: none;
  padding-left: 0;
}

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

.ca1f36 li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.2rem;
}

.ca1f36 li:last-child {
  margin-bottom: 0;
}

.dbcca {
  background: var(--color-bg-primary);
  border: 2px solid #fcd34d;
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

.a2009 {
  font-size: clamp(1.125rem, 1.3vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  margin: 0;
}

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

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

.h4ce8e {
  font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

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

.ef35fc10 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.p5dd {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.gfff {
  font-size: clamp(0.9375rem, 1.1vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.6;
  margin: 0;
}

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

.f15 {
  flex: 1 1 calc(33.333% - 1.7rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.f15:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.d478 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f3f4f6;
}

.fcbe {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.f15:hover .fcbe {
  transform: scale(1.05);
}

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

.g1e {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

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

.h5b6fe {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 0.95vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
  transition: var(--transition-base);
  align-self: flex-start;
  margin-top: 0.5rem;
}

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

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

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

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

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

  .pbe1e09a {
    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.9375rem);
    color: var(--color-text-secondary);
  }

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

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

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

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

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

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

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

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

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

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

  .n75 i {
    color: var(--color-accent);
    width: 1.25rem;
    text-align: center;
  }

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

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

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

  .acdfb6 {
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: 2rem;
    height: fit-content;
  }

  .k18108e4 {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
  }

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

  .pa41027c {
    text-align: center;
  }

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

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

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

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

  .l51 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
    color: var(--color-accent);
    margin-bottom: 1rem;
    font-weight: 500;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b27 {
    margin-bottom: clamp(0.75rem, 1vw, 1rem);
  }

  .ib698 {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

  .f25e6 {
    margin: clamp(2rem, 4vw, 3rem) 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

  .a64 {
    margin: clamp(2rem, 4vw, 3rem) 0;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

  .ba0e2783 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
  }

  .ba0e2783 i {
    color: var(--color-warning);
    font-size: 1.5rem;
    flex-shrink: 0;
  }

  .nc43 {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

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

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

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

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

  .eb8 {
    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);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
    font-weight: 500;
    transition: all var(--transition-base);
  }

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

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

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

  .oa8 {
    font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
    color: var(--color-text-primary);
    text-align: center;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .b771280c {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    text-align: center;
    line-height: var(--line-height-relaxed);
  }

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

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

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

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

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

  .e9d55a:hover .bf9e {
    transform: scale(1.05);
  }

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

  .p02de8 {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
    color: var(--color-text-primary);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

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

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

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

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

  @media (max-width: 1024px) {
    .acdfb6 {
      position: static;
      flex: 0 0 auto;
    }

    .l9b475 {
      flex-direction: column;
    }

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

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

    .e4d1,
    .gbc22aae {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .k67e12,
    .d7780f6,
    .b3e {
      flex-direction: column;
    }

    .fd36,
    .if55,
    .nd033f,
    .nf456,
    .ldd,
    .d7687f {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .acdfb6 {
      flex: 1 1 100%;
      position: static;
    }

    .pbe1e09a {
      flex-wrap: wrap;
    }

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

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

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

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

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

html, body {
  font-family: 'Lora', serif;
  line-height: 1.6;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.g53d6 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

.jb502acf {
  flex: 0 1 200px;
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

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

.c6be {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 6vw, 4rem);
}

.f93 {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.da41 {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cad182a {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

.f22 {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  max-width: 100%;
}

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

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

.bf60 {
  background: var(--color-bg-secondary);
  overflow: hidden;
}

.ib0d {
  max-width: 100%;
}

.kfb4ac {
  font-family: 'Playfair Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.2;
}

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

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

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

.l46a4 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.a5d {
  font-family: 'Playfair Display', serif;
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  line-height: 1.2;
}

.l4cb847 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: #d1ccc7;
}

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

.o52ac593 {
  flex: 0 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
}

.o52ac593:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .jb502acf {
    flex: 0 1 160px;
  }
  
  .aec17 {
    padding: 1rem;
  }
  
  .ocd {
    width: 100px;
    height: 100px;
  }
}

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

  .gc9,
  .h4d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b95fa {
    flex-direction: column;
  }

  .jb502acf {
    flex: 1 1 100%;
    position: static;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .d40336 {
    flex-direction: column;
  }

  .hd21ed1,
  .k8bc {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .m14f {
    font-size: 1.25rem;
  }

  .a5d {
    font-size: 1.5rem;
  }

  .l4cb847 {
    font-size: 0.9375rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b8ec6f img {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  display: block;
}

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

  .da16,
  .b8ec6f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i07c2 {
    font-size: 0.8125rem;
  }

  .l38f {
    gap: 1rem;
  }
}

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

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

.kbd2c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

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

.k27 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n1f8 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

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

  .j7fd3f4e,
  .n1f8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.pd2a4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pf03a2e0 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fb0b0f:hover {
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.1);
  transform: translateY(-2px);
}

.cf4 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 119, 6, 0.1);
  border-radius: 50%;
}

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

.nf55d2f9 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e9ccc {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .cf4 {
    width: auto;
    height: auto;
    background: transparent;
  }
}

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

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

.i46 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g5f026 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: calc(50% - 1rem);
  transition: all 0.3s ease;
}

.g5f026:hover {
  background: rgba(255, 255, 255, 0.08);
  transform: translateY(-4px);
}

.c9df {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-secondary);
  height: auto;
  line-height: 1;
}

.b66 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: #ffffff;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m22104 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.dcac6 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.a5b116c2 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

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

  .o91f,
  .a5b116c2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n25fd6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i413d1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ba384 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: calc(33.333% - 1.5rem);
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

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

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

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

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

.kb258d {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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;
  line-height: 1.6;
}

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

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

.b22 {
  display: inline-block;
  padding: 0.875rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-decoration: none;
}

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

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

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

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

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

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

.p91c1 {
  text-align: center;
  max-width: 700px;
}

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

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

.h9c9 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

.mf420 {
  text-align: center;
  margin-bottom: 2rem;
}

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

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

.c7d1d697 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

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

.abef {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.d3d3 {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 450px;
}

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

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

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

.k37fc13c {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  padding: 2rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.n2d6a {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

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

.faa {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

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

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

.oefe1 {
  flex: 1;
  padding-top: 0.5rem;
}

.cb4f8a {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

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

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

.p34fab {
  flex: 1 1 50%;
  width: 100%;
  height: auto;
  min-height: 300px;
  max-height: 450px;
}

.e5c4 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.m882faf3 {
  border-left: 4px solid var(--color-accent);
  padding-left: 1.5rem;
  font-style: italic;
  margin: 1.5rem 0;
}

.m882faf3 p {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
}

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

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

.m0ca1e01 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

  .abef,
  .d3d3,
  .e5c4,
  .p34fab {
    flex: 1 1 100%;
  }

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

  .c25d07e {
    gap: 1.5rem;
  }

  .c232db,
  .o0b43d,
  .p9a7c7,
  .hd8 {
    padding: 2rem 0;
  }
}

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

  .g2bd41 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }

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

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

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

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

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

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

.j08f24 {
  width: 100%;
  max-width: 500px;
}

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

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

.hf7 {
  font-size: clamp(1rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-accent);
  margin: 0.5rem 0 0 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.ed982 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  max-width: 600px;
  line-height: var(--line-height-relaxed);
}

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

  .j08f24 {
    flex: 0 1 40%;
    max-width: 100%;
  }

  .b73cc4 > div:last-child {
    flex: 1;
  }
}

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

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

.od6 {
  text-align: center;
}

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

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

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

.i19 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  max-width: 320px;
  text-align: center;
  transition: all var(--transition-base);
}

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

.o52f9 {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.f86cf41d {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
}

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

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

@media (min-width: 1024px) {
  .i19 {
    flex: 1 1 calc(25% - 0.75rem);
    min-width: 220px;
  }
}

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

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

.j7ba9b {
  text-align: center;
}

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

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

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

.fe32 {
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

.b750383 {
  text-align: center;
}

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

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

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

.b57ad1 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  border: 1px solid var(--color-border-light);
  font-weight: 500;
  transition: all var(--transition-base);
  line-height: var(--line-height-tight);
}

.b57ad1:hover {
  background: var(--color-accent-light);
  color: var(--color-text-primary);
  border-color: var(--color-accent);
}

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

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

.i2b5c5c {
  text-align: center;
}

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

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

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

.fa07959 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  position: relative;
}

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

.i8f {
  font-size: clamp(2rem, 3vw, 3rem);
  font-family: var(--font-heading);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.h379035e {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
}

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

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

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

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

@media (min-width: 1024px) {
  .fa07959 {
    flex: 1 1 calc(25% - 0.75rem);
    min-width: 250px;
    max-width: 100%;
  }
}

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

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

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

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

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

.i331c2a {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  line-height: var(--line-height-normal);
}

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

.a477b8 {
  width: 100%;
  max-width: 700px;
}

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

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

  .he45b {
    flex: 1;
  }

  .a477b8 {
    flex: 1;
  }
}

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

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

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

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

.m5c3 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  line-height: var(--line-height-normal);
}

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

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

  .o993b4 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .ofb8d {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p988 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .cd0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .cebd0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .obdd {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

.ea1 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: var(--spacing-2xl);
}

.j364d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.i67bc4b {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

@media (min-width: 768px) {
  .m632bc7d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .a4f {
    max-height: 400px;
  }
}

@media (min-width: 1024px) {
  .m632bc7d {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .a4f {
    max-height: 500px;
  }
}

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

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

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

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

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

.o520d4b5 {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: var(--spacing-lg) var(--spacing-md);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  transition: color var(--transition-fast);
  text-align: left;
}

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

.h992 {
  flex: 1;
}

.i07bd19f {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-fast);
  flex-shrink: 0;
}

.fd1.kc25e .i07bd19f {
  transform: rotate(45deg);
}

.k84d {
  display: none;
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out forwards;
}

.fd1.kc25e .k84d {
  display: block;
}

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

.k84d p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.125rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .c4a6fe8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .k84d {
    padding: 0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c4a6fe8 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

.ea2 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: var(--spacing-2xl);
}

.m74fc5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.a61c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-normal);
}

.k65ddb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
  line-height: var(--line-height-normal);
}

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

.k65ddb:active {
  transform: translateY(0);
}

.a76f54 {
  width: 100%;
  height: auto;
  max-height: 250px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-lg);
  display: block;
}

@media (min-width: 768px) {
  .id8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .a76f54 {
    max-height: 350px;
  }
}

@media (min-width: 1024px) {
  .id8 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

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

.j3f5ff {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.e5c67 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.fd83c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
  max-width: 700px;
}

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

@media (min-width: 768px) {
  .hf2003 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e5c67 {
    margin-bottom: var(--spacing-lg);
  }

  .c22 {
    max-height: 400px;
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .hf2003 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

.n4803 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  position: relative;
}

.h18b1b {
  max-width: 1100px;
  margin: 0 auto;
}

.l16a64 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .l16a64 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
    margin-bottom: var(--spacing-4xl);
  }
}

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

.l1a05b2 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.jb5 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
  flex-shrink: 0;
}

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

.h1e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.i9b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-size: 0.95rem;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  margin-top: auto;
}

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

.i9b:active {
  transform: scale(0.98);
}

.e2d537ff {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
}

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

.d5400c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .d5400c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
}

.i481c4 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.l31bcec {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-accent-light);
  border-radius: var(--radius-sm);
  color: var(--color-accent);
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.a57c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.o62c,
.ib4a3 {
  display: none;
}

@media (min-width: 1024px) {
  .n4803 {
    position: relative;
  }

  .o62c,
  .ib4a3 {
    display: block;
    position: absolute;
    width: 280px;
    height: 280px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    opacity: 0.15;
    pointer-events: none;
  }

  .o62c {
    top: 100px;
    right: 20px;
    width: 250px;
    height: 250px;
  }

  .ib4a3 {
    bottom: 100px;
    left: 20px;
    width: 220px;
    height: 220px;
  }
}

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

.oa838e {
  max-width: 700px;
  margin: 0 auto;
}

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

.a5c12 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
}

.p188 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

.p188:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .n4803 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .de7e6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n4803 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

  .de7e6 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }
}

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

.n88c main {
  width: 100%;
  overflow: hidden;
}

.n88c .c58 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  overflow: hidden;
}

.n88c .d0294c0 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.n88c h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.n88c p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.n88c .mad75 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.n88c ul {
  list-style: none;
  padding-left: 0;
  margin: var(--spacing-md) 0;
}

.n88c 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);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.n88c .aee55c3 {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.n88c .aee55c3:last-child {
  border-bottom: none;
}

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

.n88c .l49ef8 {
  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-lg);
}

.n88c .l49ef8 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.n88c .l49ef8 strong {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .n88c .c58 {
    padding: 0 var(--spacing-lg);
  }

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

  .n88c h1 {
    margin-bottom: var(--spacing-xl);
  }

  .n88c h2 {
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n88c .c58 {
    padding: 0 var(--spacing-xl);
  }

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

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

.p9b {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.c7de278 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.d0294c0 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.b2bc4 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.e3d687b {
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.e3d687b svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.mefaab {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-success);
  font-weight: 600;
  margin: var(--spacing-md) 0 0 0;
  letter-spacing: 0.5px;
}

.g509746 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-lg) 0 0 0;
  font-weight: 400;
}

.c44b {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: var(--spacing-md) 0 0 0;
  font-weight: 400;
}

.mb1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-top: var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.3px;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-primary);
}

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

.mb1:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .c7de278 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .e3d687b {
    width: 140px;
    height: 140px;
  }
}

@media (min-width: 768px) {
  .c7de278 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .e3d687b {
    width: 160px;
    height: 160px;
  }

  .mb1 {
    padding: var(--spacing-md) var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .c7de278 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

  .e3d687b {
    width: 180px;
    height: 180px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .e3d687b {
    animation: none;
  }

  .mb1 {
    transition: background-color 0.2s linear;
  }

  .mb1:hover {
    transform: none;
  }
}

.k0d2d542 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  overflow: hidden;
}

.hf87c57 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-xl) 0;
  overflow: hidden;
  position: relative;
}

.c58 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.d0294c0 {
  width: 100%;
  max-width: 800px;
  text-align: center;
}

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

.oa707 {
  width: 120px;
  height: 120px;
  margin: 0 auto var(--spacing-lg);
  opacity: 0.85;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.ca81 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  line-height: var(--line-height-tight);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

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

.a8a1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both;
}

.a25 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

.j25de87f {
  margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;
}

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

.b22 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  animation: slideDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both;
}

.mb52 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

.mb52:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.h82 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  z-index: 0;
  overflow: hidden;
}

.d7640fde {
  position: absolute;
  bottom: 0;
  background-color: var(--color-primary-lighter);
  opacity: 0.3;
  border-radius: 50% 50% 0 0;
}

.ia5c6 {
  left: 5%;
  width: 200px;
  height: 150px;
  animation: sway 6s ease-in-out infinite;
}

.fa7f {
  left: 45%;
  width: 250px;
  height: 120px;
  animation: sway 8s ease-in-out infinite 0.5s;
}

.b171ac {
  right: 5%;
  width: 180px;
  height: 140px;
  animation: sway 7s ease-in-out infinite 1s;
}

@keyframes sway {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}

@media (min-width: 768px) {
  .k0d2d542 {
    padding: var(--spacing-lg);
  }

  .hf87c57 {
    min-height: 100vh;
    padding: var(--spacing-2xl) 0;
  }

  .oa707 {
    width: 150px;
    height: 150px;
    margin: 0 auto var(--spacing-2xl);
  }

  .ca81 {
    margin: 0 0 var(--spacing-lg) 0;
  }

  .b22 {
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .hf87c57 {
    padding: var(--spacing-3xl) 0;
  }

  .oa707 {
    width: 180px;
    height: 180px;
    margin: 0 auto var(--spacing-3xl);
  }

  .ca81 {
    margin: 0 0 var(--spacing-2xl) 0;
  }

  .a25 {
    margin: 0 0 var(--spacing-2xl) 0;
  }

  .j25de87f {
    margin: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
  }

  .b22 {
    padding: var(--spacing-md) var(--spacing-4xl);
    font-size: 1.125rem;
  }

  .ia5c6 {
    width: 300px;
    height: 200px;
  }

  .fa7f {
    width: 350px;
    height: 160px;
  }

  .b171ac {
    width: 280px;
    height: 190px;
  }
}

@media (max-width: 480px) {
  .k0d2d542 {
    padding: var(--spacing-sm);
  }

  .ca81 {
    font-size: clamp(2.5rem, 10vw, 4rem);
  }

  .a8a1 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .oa707 {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--spacing-md);
  }

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

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

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

.fe042 {
  text-align: center;
}

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

.df8 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.le58 {
  width: 100%;
}

.ke8bf2 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: flex-start;
}

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

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

@media (min-width: 1024px) {
  .ef6 {
    flex: 1 1 45%;
    max-width: 550px;
  }

  .jfce495 {
    flex: 1 1 45%;
    max-width: 550px;
  }

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

.d1ce8ef {
  margin-bottom: var(--spacing-2xl);
}

.id84a9ba {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.he749822 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.p102d0 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.g86f1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.jc0e0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.l8c0,
.n8d09 {
  width: 100%;
  padding: clamp(0.75rem, 2vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.l8c0::placeholder,
.n8d09::placeholder {
  color: var(--color-text-muted);
}

.l8c0:focus,
.n8d09:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.n8d09 {
  min-height: clamp(120px, 15vw, 160px);
  resize: vertical;
}

.n19889c6 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

.jc1 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.gcb8d06e {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.e2a5 {
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1.125rem) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.e2a5:active {
  transform: translateY(0);
}

.e2a5:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.aa5ed56 {
  margin-bottom: var(--spacing-2xl);
}

.bc75407 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.k1bffe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.o06083 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.k118986f {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.f54a0a {
  flex-shrink: 0;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
}

.fe3 {
  flex: 1;
}

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

.pd21f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-normal);
}

.kadd {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.p13de {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.4rem, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: var(--line-height-normal);
}

.p37fcc {
  padding: var(--spacing-lg);
  background-color: var(--color-secondary-light);
  border-left: 4px solid var(--color-secondary);
  border-radius: var(--radius-md);
}

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

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

.i64b1 {
  text-align: center;
}

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

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

.cdbdcef {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.125rem) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.cdbdcef:active {
  transform: translateY(0);
}

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

  .b5651 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .j73896f {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

@media (min-width: 1024px) {
  .a35a28 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .b5651 {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }

  .j73896f {
    padding: clamp(5rem, 12vw, 7rem) 0;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.j882aa2,.gb2{width:34px;}
.j882aa2[aria-expanded="true"]{display:none;}
.p0187b98.kc25e{z-index:999;}
.p0187b98{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.p0187b98{max-width:100%;}}
.a87ae5{justify-content:flex-end;}
@media (max-width:768px){.b5d{min-height:500px;}}