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

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

  --color-text-primary: #0f172a;
  --color-text-secondary: #475569;
  --color-text-muted: #58616e;

  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-primary-light: #eef2ff;
  --color-secondary: #6366f1;
  --color-secondary-light: #f0f4ff;

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

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

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

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

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
}

button:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

.k051 {
  background: var(--color-secondary);
  color: #ffffff;
}

.k051:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
}

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

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

.k2e {
  background: transparent;
  color: var(--color-text-secondary);
}

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

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

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

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

textarea {
  resize: vertical;
}

label {
  display: block;
  font-weight: 500;
  margin-bottom: var(--spacing-xs);
  color: var(--color-text-primary);
}

.m5a6a {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

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

.d99 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

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

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

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

.p0ea2 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-md);
}

.e1353d {
  background: var(--color-success-light);
  color: var(--color-success);
  border: 1px solid var(--color-success);
}

.ia9d5 {
  background: var(--color-warning-light);
  color: var(--color-warning);
  border: 1px solid var(--color-warning);
}

.l7ef {
  background: var(--color-danger-light);
  color: var(--color-danger);
  border: 1px solid var(--color-danger);
}

.c4ca3 {
  background: var(--color-primary-light);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

.jd7699 {
  border: none;
  height: 1px;
  background: var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

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

.k5c {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.f3b {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.lbbdd {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

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

.g38bc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
}

.o8e90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
}

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

.n54662e {
  text-align: center;
}

.a5feac {
  text-align: right;
}

.p4a92a {
  text-align: left;
}

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

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

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

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

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

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

.f3991 {
  font-weight: 700;
}

.a021f80f {
  font-weight: 600;
}

.gae3734 {
  font-weight: 500;
}

.kf355801 {
  font-style: italic;
}

.p1c {
  text-decoration: underline;
}

.h5e {
  text-decoration: line-through;
}

.b92e58d {
  text-transform: uppercase;
}

.baa8f4 {
  text-transform: lowercase;
}

.bf8d9d1 {
  text-transform: capitalize;
}

.k8a9b231 { margin: 0; }
.cb33a { margin: var(--spacing-xs); }
.j353 { margin: var(--spacing-sm); }
.pa4476 { margin: var(--spacing-md); }
.hfd1 { margin: var(--spacing-lg); }
.h60c57a { margin: var(--spacing-xl); }
.j147bf { margin: var(--spacing-2xl); }

.o84e009 { margin-top: 0; }
.be3265 { margin-top: var(--spacing-xs); }
.h73c7 { margin-top: var(--spacing-sm); }
.p281 { margin-top: var(--spacing-md); }
.a5a { margin-top: var(--spacing-lg); }
.gc585d40 { margin-top: var(--spacing-xl); }
.g835ea { margin-top: var(--spacing-2xl); }

.lc8d18 { margin-bottom: 0; }
.a466 { margin-bottom: var(--spacing-xs); }
.m02b { margin-bottom: var(--spacing-sm); }
.h3d1fcf { margin-bottom: var(--spacing-md); }
.n943088 { margin-bottom: var(--spacing-lg); }
.j3a3e { margin-bottom: var(--spacing-xl); }
.o6694 { margin-bottom: var(--spacing-2xl); }

.bf583 { padding: 0; }
.i4c8da { padding: var(--spacing-xs); }
.lff { padding: var(--spacing-sm); }
.n38 { padding: var(--spacing-md); }
.b234587f { padding: var(--spacing-lg); }
.bf1b3 { padding: var(--spacing-xl); }
.j5fa79e { padding: var(--spacing-2xl); }

.d1ccf { padding-top: 0; }
.o468 { padding-top: var(--spacing-xs); }
.od3 { padding-top: var(--spacing-sm); }
.d73 { padding-top: var(--spacing-md); }
.h73f56f6 { padding-top: var(--spacing-lg); }
.g8724a { padding-top: var(--spacing-xl); }
.h01 { padding-top: var(--spacing-2xl); }

.ie14 { padding-bottom: 0; }
.ceb { padding-bottom: var(--spacing-xs); }
.j437c88 { padding-bottom: var(--spacing-sm); }
.i33 { padding-bottom: var(--spacing-md); }
.o8a3 { padding-bottom: var(--spacing-lg); }
.e49095d { padding-bottom: var(--spacing-xl); }
.l4bc84 { padding-bottom: var(--spacing-2xl); }

.bf8 { gap: var(--spacing-xs); }
.i6586b1c { gap: var(--spacing-sm); }
.de7cb9 { gap: var(--spacing-md); }
.c60b { gap: var(--spacing-lg); }
.oaf0e53 { gap: var(--spacing-xl); }
.ica84 { gap: var(--spacing-2xl); }

.j1c4 { width: 100%; }
.fcc65 { height: 100%; }

.p26a7c { border-radius: var(--radius-sm); }
.a43ea43f { border-radius: var(--radius-md); }
.n0502efb { border-radius: var(--radius-lg); }
.e12 { border-radius: var(--radius-xl); }
.m9871d { border-radius: var(--radius-2xl); }
.f56b30 { border-radius: var(--radius-full); }

.i18eeea { box-shadow: var(--shadow-sm); }
.b119b { box-shadow: var(--shadow-md); }
.ib6c { box-shadow: var(--shadow-lg); }
.b3fdf { box-shadow: var(--shadow-xl); }
.e204 { box-shadow: var(--shadow-2xl); }

.o02 { opacity: 0.5; }
.n21 { opacity: 0.75; }

.d5f64 { display: none; }
.n744 { display: block; }
.m75ed { display: inline; }
.g961195 { display: inline-block; }

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .f3b {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .lbbdd {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button, [role="button"] {
    padding: var(--spacing-sm) var(--spacing-md);
  }

  .m5a6a {
    padding: var(--spacing-lg);
  }
}
.n9e468 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.o50f3:hover {
  opacity: 0.8;
}

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

.j19265a {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-text-primary);
  white-space: nowrap;
}

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

.e877cfe {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.j76:hover {
  opacity: 0.7;
}

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

.d0d71 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.d0d71.k04 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.lfee5d17 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

.n4cd0bd:hover {
  opacity: 0.7;
}

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

.e7132f {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f68ac235 {
  margin: auto clamp(1rem, 4vw, 2rem) clamp(1.5rem, 4vw, 2rem);
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-align: center;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .b23d {
    min-height: 75px;
  }

  .j95ba7a9 {
    display: flex;
  }

  .nde {
    display: block;
  }

  .j76 {
    display: none;
  }

  .d0d71 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .b23d {
    min-height: 80px;
  }

  .j19265a {
    font-size: 1.35rem;
  }

  .e877cfe {
    font-size: 1rem;
  }

  .nde {
    font-size: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o4eb97e {
  flex: 1 1 45%;
  min-height: 400px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.n70 {
  text-align: center;
}

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

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

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

.h0b337 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.l8a {
  text-align: center;
}

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

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

.k781 {
  position: relative;
  min-height: 400px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.pb3e9e09 {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.od2db {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.b2aa4 {
  position: relative;
  z-index: 2;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.6) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  color: #ffffff;
  width: 100%;
}

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

.b87877f {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.m7ac {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
}

.m7ac:hover {
  text-decoration: underline;
}

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

.kd9c51f {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  max-width: 400px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

.kd9c51f:hover {
  transform: translateX(4px);
}

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

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

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

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

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

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

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

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

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

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

.habb:hover {
  text-decoration: underline;
}

.c7b13 {
  flex: 1 1 40%;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.g3c0e {
  text-align: center;
}

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

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

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

.k0df7d7 {
  flex: 1 1 calc(25% - 1.875rem);
  min-width: 150px;
  max-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  text-align: center;
  border-top: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ea0 {
  color: var(--color-accent);
  font-size: clamp(2.25rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.a63461 {
  text-align: center;
}

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

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

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

.d8010 {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

.d8010:hover .a70e0 {
  text-decoration: underline;
}

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

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

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

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

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

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

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

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

.l36ff3da.d5f64 {
  display: none;
}

.of39e1 {
  color: #ffffff;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

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

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

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

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

.h9eee60:hover {
  background: rgba(255, 255, 255, 0.25);
}

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

  .pdd6e1f6 {
    flex: 1 1 100%;
  }

  .o4eb97e {
    flex: 1 1 100%;
    min-height: 300px;
    max-height: 400px;
  }

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

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

  .lce6830 {
    flex-direction: column;
  }

  .j00 {
    flex: 1 1 100%;
  }

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

  .k0df7d7 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: 100%;
  }

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

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

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

  .i3327 {
    flex: 1 1 100%;
    justify-content: center;
  }
}

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

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

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

  .i3327 {
    flex-direction: column;
    width: 100%;
  }

  .me02,
  .h9eee60 {
    width: 100%;
  }
}

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

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

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

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

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

.i100e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 55ch;
}

.j283,
.o6a21,
.o496 {
  display: block;
}

.j283 h3,
.o6a21 h3,
.o496 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

.k8a li,
.p6ea3 li {
  display: block;
}

.j283 a,
.o496 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-fast) ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j283 a:hover,
.o496 a:hover {
  color: var(--color-accent);
}

.o6a21 {
  display: block;
}

.o6a21 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

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

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

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

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

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

  .i100e {
    flex: 1 1 100%;
    border-bottom: 1px solid var(--color-border-light);
    padding-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .j283 {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .o6a21 {
    flex: 0 1 auto;
    min-width: 240px;
  }

  .o496 {
    flex: 0 1 auto;
    min-width: 200px;
  }

  .m14c {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .mf6bb {
    flex-direction: row;
    gap: clamp(3rem, 6vw, 4.5rem);
  }

  .i100e {
    flex: 1 1 35%;
    border-bottom: none;
    padding-bottom: 0;
    border-right: 1px solid var(--color-border-light);
    padding-right: clamp(1.5rem, 3vw, 2rem);
  }

  .j283 {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .o6a21 {
    flex: 0 1 auto;
    min-width: 220px;
  }

  .o496 {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .m14c {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    border-right: none;
    padding-top: clamp(1.5rem, 3vw, 2rem);
    padding-right: 0;
  }
}
    

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

.b5aa5a8 {
  background: linear-gradient(135deg, #f8fafc 0%, #e8f0f8 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

.j117 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  line-height: 1.2;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g624b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l21c {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

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

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

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

.n7393 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j4ac4e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a0718fad {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b422 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  flex: 1 1 calc(25% - 1.875rem);
  min-width: 280px;
  max-width: 350px;
}

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

.g68 {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

.i23fc {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.4rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a51440 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.me7b06 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border-light);
}

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

.i53c05 i {
  color: var(--color-accent);
  font-size: 0.9em;
}

.febf62f1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
  border: 2px solid var(--color-accent);
}

.febf62f1:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateX(2px);
}

@media (max-width: 1023px) {
  .b422 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 240px;
    max-width: 100%;
  }
}

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

  .i132 {
    flex-wrap: wrap;
  }

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

  .l21c i {
    align-self: flex-start;
  }

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

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

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

body, html {
  font-family: var(--font-primary);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fbe07128 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  line-height: 1.2;
}

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

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

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

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

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

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

  .n893,
  .p4b734 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.kece8f21 {
  flex: 0 0 auto;
}

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

.abb3 {
  flex: 1 1 auto;
}

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

.i6e99 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

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

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

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

  .kece8f21 {
    flex: 0 0 auto;
  }

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

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

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

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

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

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

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

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

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

  .n343232,
  .pacdafe {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .kb21c7,
  .j1fe71 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f6e8f1,
  .jcef40b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k62 {
    flex-direction: column;
  }

  .pfeb068 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

.f3c9a p {
  font-size: clamp(0.875rem, 1vw + 0.125rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

  .ab23b64,
  .b1fec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.i3ec {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

.df609f7 {
  display: flex;
  flex-direction: column;
  max-width: 800px;
  margin: 0 auto;
}

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

.l2c7 {
  font-size: clamp(0.875rem, 1vw + 0.125rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.8;
  text-align: left;
}

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

.i5d40 {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
}

.m849 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
}

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

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

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

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

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

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

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

.e8c6e3 {
  overflow: hidden;
  height: 200px;
}

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

.ibffb29f:hover .p925 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

html, body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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

.o86 {
  width: 100%;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

.n98685 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

.dfe {
  color: var(--color-border);
}

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

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

  .oe48635c,
  .if8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.e0c82e81 {
  flex-shrink: 0;
}

.m852b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.pf558 {
  flex: 1;
}

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

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

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

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

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

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

  .e0c82e81 {
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

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

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

  .a76,
  .a7f73e22 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.aa6fa00 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: 1.2;
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

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

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

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

.hb2:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(79, 70, 229, 0.1);
}

.mb63 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  border-radius: 8px;
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.fb36219 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.fbf4 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

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

  .e128eb5,
  .gefa {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

.ma0b65 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

  .i97dc,
  .i9250 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.c29e67 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: 1.2;
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

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

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

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

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

.mcd95e {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.p81 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

  .af89d1a,
  .pe6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .mb944 {
    max-height: 300px;
  }

  .n0b550c0 {
    flex-direction: column;
  }
}

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

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

.jc55 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: 1.2;
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

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

.i4bf {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent-light);
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(2rem, 4vw, 3rem);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.me1abe {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.j2fc {
  display: inline-block;
  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: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.j2fc:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

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

.h7ef {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 700px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
}

.gfa7 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

.l6c8ca29 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  line-height: 1.2;
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

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

.i43 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 360px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.i43:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(79, 70, 229, 0.1);
}

.j096 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}

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

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

.fd5966 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

  .j096 {
    height: 160px;
  }
}

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

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

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

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

.g7d a,
.g7d span {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

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

.m48ae23f {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.e24c {
  flex-shrink: 0;
}

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

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

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

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

.i19d3 a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

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

.df3f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mbca7 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.jfe {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.p5176258 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

.if338b5 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

.e416 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  order: -1;
}

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

@media (min-width: 768px) {
  .e416 {
    order: 1;
  }
}

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

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

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

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

.ne0e95d {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.kef3e272 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.fe629 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.fe39 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-style: italic;
}

.mf40d {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ba319 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.g3c7 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: var(--radius-full);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
}

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

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

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

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

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

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

.g2d {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

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

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

.o5f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
  text-align: center;
}

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

@media (max-width: 767px) {
  .c0a {
    max-width: 100%;
    margin-left: 0;
  }
}

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

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

.o0f460bf {
  overflow: hidden;
  border-radius: var(--radius-md);
  aspect-ratio: 3/2;
}

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

.f5e7:hover .ob9fe84 {
  transform: scale(1.05);
}

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

.f8dd {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

@media (min-width: 1440px) {
  .p0f {
    padding: 4rem 0 5rem 0;
  }

  .ia2,
  .a8343,
  .pebea2,
  .o7a89c,
  .o11,
  .l8b,
  .d2cf {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .p0f,
  .na5,
  .ia2,
  .a8343,
  .pebea2,
  .o7a89c,
  .o11,
  .l8b,
  .g8a,
  .d2cf {
    padding-left: clamp(1rem, 3vw, 1.5rem);
    padding-right: clamp(1rem, 3vw, 1.5rem);
  }
}

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

html, body {
  width: 100%;
}

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

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

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

.k505 {
  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);
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fd75fad5 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
}

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

.ec61b {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c06 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.5rem);
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f371ea {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

  .d45c {
    flex-direction: column;
  }

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

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

  .p35 {
    flex-direction: column;
  }

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

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

  .g5e5 {
    flex-direction: column;
  }

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

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

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

  .j716c {
    flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.5rem));
    min-width: 220px;
    max-width: none;
  }

  .kf7 {
    flex-direction: column;
  }

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

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

  .a68b {
    flex-direction: column;
  }

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

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

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

  .f371ea {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 260px;
  }
}

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

  .f371ea {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }

  .j8b2e5b4 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

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

  .lfb7a8 {
    flex-direction: column;
  }

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

* {
  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);
  font-weight: 600;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

.a65ff2cd {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.05em;
}

.lca3ac {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

.g47f6c7a h2 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
}

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

.f4cb1 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
}

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

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

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

.m9e4e6 {
  display: inline-block;
  align-self: center;
  background: var(--color-accent-dark);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
}

.g668 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
}

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

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

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

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

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

.lf9 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
}

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

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

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

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

.nabb053 {
  display: inline-block;
  align-self: center;
  background: var(--color-accent-light);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
}

.i20 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
}

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

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

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

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

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

.fc2c {
  display: inline-block;
  align-self: center;
  background: var(--color-success);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
}

.i12 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.ld7 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.g83 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
}

.ld7 p {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.7;
}

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

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

  .f4cb1 {
    flex: 1 1 100%;
    max-height: 300px;
  }

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

  .ic9064d {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

.c48b1e49 {
  flex: 1 1 45%;
  min-height: 350px;
}

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

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

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

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

.f6e62084 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

.l96b7abc {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: all var(--transition-base);
  width: fit-content;
}

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

.dbf40d69 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  text-decoration: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

.g5105cb {
  text-align: center;
}

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

.o595e3 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a9d4426 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

.fc0d6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f9285 {
  text-align: center;
}

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

.j2bdb {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

.o9b49ae0 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.p70747 {
  text-align: center;
}

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

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

.id8b {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g4c602 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o63d {
  flex: 1 1 50%;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
}

.o0766 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.m31 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.6;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f76 {
  text-align: center;
}

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

.ba4 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.j2decb {
  font-size: clamp(2.25rem, 4vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

.b4e36e {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
}

.afc6f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a9421e2 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto 1.75rem;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .c48b1e49 {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .h45e0015 {
    flex: 1 1 100%;
  }

  .i271 {
    flex-direction: column;
  }

  .e41 {
    flex: 1 1 100%;
  }

  .o63d {
    flex: 1 1 100%;
  }

  .a9d4426 {
    flex: 1 1 100%;
  }

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

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

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

  .ba4 {
    flex: 1 1 100%;
  }

  .d093 {
    flex-direction: column;
  }

  .l96b7abc,
  .dbf40d69 {
    width: 100%;
    text-align: center;
  }
}

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

.k20 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.n1b {
  max-width: 900px;
  margin: 0 auto var(--spacing-lg);
  text-align: center;
}

.a5d6a3 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.dd1df08 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.mad {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--radius-lg);
  height: 250px;
}

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

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

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

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

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

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

.pe601 {
  width: 100%;
  padding: var(--spacing-lg);
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: var(--transition-fast);
  font-family: var(--font-primary);
}

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

.df4 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  flex: 1;
  line-height: 1.4;
}

.f36154e {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

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

.ib6 {
  padding: 0 var(--spacing-lg) var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.ib6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

.n370f1b {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
}

.ldd {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.b466c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.gfb {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

.n3b97014 {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--radius-lg);
  height: 300px;
}

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

@media (min-width: 768px) {
  .k20 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .mad {
    height: 350px;
  }

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

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

  .h42f {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .n370f1b {
    text-align: left;
  }

  .n3b97014 {
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .k20 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .mad {
    height: 400px;
  }

  .i61 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

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

  .h42f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .n3b97014 {
    height: 400px;
  }
}

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

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

.h8b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.n46cab {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.d15 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
}

@media (min-width: 768px) {
  .h8b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h8b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.na6 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .lae16 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .na6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .lae16 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

.e8f {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

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

.pccf1 {
  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-md);
  font-size: 28px;
  color: var(--color-primary);
  flex-shrink: 0;
}

.d4f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  line-height: 1.3;
}

.c4f3 {
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
  flex-grow: 1;
}

.h51fe9f {
  list-style: none;
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.h51fe9f li {
  font-size: clamp(0.875rem, 1vw + 0.125rem, 0.95rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-md);
  position: relative;
}

.h51fe9f li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 600;
}

.fd2e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.l0e9 {
  max-width: 600px;
  margin: 0 auto;
}

.ldf0e3 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.i9c648e5 {
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.ced {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

.ced:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .fd2e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fd2e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.kb05b5b6 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .d7ff5ead {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .kb05b5b6 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .d7ff5ead {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.md2e3f {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
  background-color: var(--color-bg-secondary);
}

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

.p3899fa7 main {
  width: 100%;
}

.p3899fa7 .mb92939 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p3899fa7 .md781 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p3899fa7 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: var(--spacing-md);
}

.p3899fa7 .k30 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p3899fa7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.p3899fa7 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.p3899fa7 ul {
  margin: var(--spacing-md) 0;
  margin-left: var(--spacing-lg);
  list-style: disc;
}

.p3899fa7 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.p3899fa7 .padfd {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}

.p3899fa7 .padfd h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.p3899fa7 .padfd p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.p3899fa7 .padfd strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

@media (min-width: 768px) {
  .p3899fa7 .mb92939 {
    padding: 0 var(--spacing-lg);
  }

  .p3899fa7 .md781 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p3899fa7 .mb92939 {
    padding: 0 var(--spacing-xl);
  }

  .p3899fa7 .md781 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  overflow-x: hidden;
}

.d624 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.ofdb84a {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.md781 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m0e {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

.a5446c9a {
  width: 80px;
  height: 80px;
  margin-bottom: var(--spacing-md);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out 0.2s both;
}

.k0d1e2f8 {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: drawStroke 1s ease-out 0.4s forwards;
}

@keyframes drawStroke {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes scaleIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.b8a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-top: var(--spacing-md);
}

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

.l0562b {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-top: var(--spacing-md);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.n8c23 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border: 2px solid transparent;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  gap: var(--spacing-sm);
  white-space: nowrap;
  margin-top: var(--spacing-2xl);
}

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

.kc4e49:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .ofdb84a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (min-width: 768px) {
  .ofdb84a {
    min-height: 100vh;
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .a5446c9a {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-lg);
  }

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

  .n8c23 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (min-width: 1024px) {
  .ofdb84a {
    padding: var(--spacing-4xl) 0;
  }

  .a5446c9a {
    width: 140px;
    height: 140px;
  }

  .l0562b {
    font-size: 1.1rem;
  }
}

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

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

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

.i45 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.j6791a06 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

.mb92939 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

.ica {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.bf2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.hfb57d9f {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e453f {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 12vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  position: relative;
  z-index: 2;
  letter-spacing: -0.02em;
}

.d9228 {
  position: absolute;
  width: 160px;
  height: 160px;
  opacity: 0.4;
  animation: float 4s ease-in-out infinite;
}

.l038e {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

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

.f3eb7b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.da6a2 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.ma6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.f422fd3 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-xl);
}

.i2de {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.j35577 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.j35577 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.j35577 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1em;
}

.n8c23 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.3rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.kc4e49 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 640px) {
  .j6791a06 {
    padding: var(--spacing-xl);
  }

  .hfb57d9f {
    width: 240px;
    height: 240px;
  }

  .d9228 {
    width: 200px;
    height: 200px;
  }

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

@media (min-width: 768px) {
  .j6791a06 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .hfb57d9f {
    width: 280px;
    height: 280px;
  }

  .d9228 {
    width: 240px;
    height: 240px;
  }

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

  .j35577 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-md);
  }

  .j35577 li {
    flex: 1;
    min-width: 200px;
    padding-left: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j6791a06 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .hfb57d9f {
    width: 320px;
    height: 320px;
  }

  .d9228 {
    width: 280px;
    height: 280px;
  }

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

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

.mc992829 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.f634c {
  text-align: center;
}

.mc992829 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.eda {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.ddc2 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .mc992829 {
    padding: 5rem 0;
  }
}

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

.ab22 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.hc7 {
  width: 100%;
}

.c863a {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

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

.k6d1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
}

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

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

.e20 {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.cbfd9,
.n32e2186 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.5;
  transition: var(--transition-base);
}

.cbfd9::placeholder,
.n32e2186::placeholder {
  color: var(--color-text-muted);
}

.cbfd9:focus,
.n32e2186:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light), 0.1);
}

.n32e2186 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.i4fa6ad {
  width: 100%;
  padding: 1rem 2rem;
  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: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
}

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

.i4fa6ad:active {
  transform: scale(0.98);
}

.d78f9134 {
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  margin-top: var(--spacing-sm);
  line-height: 1.6;
}

.e846fa3f {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

.e846fa3f:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

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

.md57 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

.d41 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
}

.f636191b {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.f636191b:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.d207 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.d207 i {
  color: var(--color-primary);
  font-size: 1.25rem;
}

.p892 h3 {
  font-family: var(--font-primary);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.p892 p {
  font-size: 1rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0.25rem 0;
}

.cb1d22 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 500;
}

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

.od865 {
  font-size: 0.9rem;
  color: var(--color-text-muted);
  margin-top: 0.5rem;
}

.e2346307 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-lg);
}

.e2346307 h3 {
  font-family: var(--font-heading);
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.e2346307 p {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.b1224 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.95rem;
  transition: var(--transition-base);
}

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

@media (min-width: 768px) {
  .ab22 {
    padding: 5rem 0;
  }

  .c863a {
    gap: 4rem;
  }

  .k6d1 {
    flex: 1 1 45%;
  }

  .md57 {
    flex: 1 1 45%;
  }
}

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

  .c863a {
    gap: 5rem;
  }
}

.k5ee59bc {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.b486 {
  width: 100%;
}

.k5ee59bc h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  margin-bottom: var(--spacing-md);
}

.cf9 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.med4e {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.ne3c7bc {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
}

.ne3c7bc h3 {
  font-family: var(--font-primary);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.ne3c7bc p {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.ib52c79 {
  text-align: center;
}

.ib52c79 p {
  font-size: 1rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

.m1b {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.95rem;
  transition: var(--transition-base);
}

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

@media (min-width: 768px) {
  .k5ee59bc {
    padding: 5rem 0;
  }

  .med4e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

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

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

  .i4fa6ad {
    padding: 0.875rem 1.5rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.j76,.n4cd0bd{width:34px;}
.j76[aria-expanded="true"]{display:none;}
.d0d71.k04{z-index:999;}
.d0d71{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.d0d71{max-width:100%;}}
.j95ba7a9{justify-content:flex-end;}