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

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

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

  --color-primary: #a16207;
  --color-primary-hover: #854d0e;
  --color-primary-light: #d4a574;
  --color-secondary: #eab308;
  --color-secondary-light: #f4d960;

  --color-success: #65a30d;
  --color-success-light: #bef264;
  --color-warning: #d97706;
  --color-warning-light: #fcd34d;
  --color-danger: #dc2626;
  --color-danger-light: #fca5a5;

  --color-border: #e7d4b9;
  --color-border-light: #f5ead1;

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair 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;

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

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

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

  
  --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 {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.65;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h2 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1.125rem;
  font-weight: 600;
}

p {
  margin-bottom: var(--spacing-md);
  font-weight: 400;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  border-bottom: 2px solid transparent;
  transition: color var(--transition-base), border-color var(--transition-base);
}

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

button,
.cd5a {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m9ac {
  align-items: center;
  justify-content: center;
}

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

.id6 {
  text-align: center;
}

.pd2fc {
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(161, 98, 7, 0.1);
}

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

.mc1e1 {
  list-style: none;
}

.mc1e1 li {
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.mc1e1 li:last-child {
  border-bottom: none;
}

.i7187 {
  background: var(--color-secondary-light);
  padding: 0 var(--spacing-xs);
  border-radius: var(--radius-sm);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

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

  .cc6029,
  .g1a05,
  .j978cb {
    grid-template-columns: 1fr;
  }

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

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  button,
  .cd5a {
    width: 100%;
  }

  .cb50db8 {
    flex-direction: column;
  }
}
.o4b1fe09 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

.j17b14 {
  max-width: 1440px;
  margin: 0 auto;
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 3vw, 2rem);
}

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

.o6aae:hover {
  opacity: 0.85;
}

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

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

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

.d1c7 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-fast);
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-sm);
}

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

.n726 {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  flex-shrink: 0;
}

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

.cdc4 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

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

.o9a6a399 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  z-index: 99;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  padding: 0;
  border-bottom: 1px solid var(--color-border-light);
}

.o9a6a399.i73ffb66 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.e15af159 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.ib34 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.j6adc {
  padding: clamp(0.875rem, 2vw, 1.125rem) 0;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast);
}

.j6adc:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

.e409 {
  padding: clamp(0.875rem, 2vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  margin: clamp(1rem, 3vw, 1.5rem);
  margin-top: auto;
  transition: all var(--transition-fast);
  display: block;
}

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

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

  .o9a6a399 {
    display: none;
  }

  .hafdc25 {
    display: flex;
  }

  .n726 {
    display: inline-block;
  }

  .j17b14 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (max-width: 767px) {
  .o9a6a399.i73ffb66 {
    padding-top: 60px;
  }
}

@media (min-width: 1024px) {
  .d1c7 {
    padding: 0.75rem 1rem;
  }

  .n726 {
    padding: 0.875rem 1.75rem;
  }
}

    .e62da {
  width: 100%;
}

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

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

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

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

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

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

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

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

.eb1896,
.j54a7d {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

.ed44 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
}

.pb1c38c6 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
}

.ica0 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
}

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

  .cae,
  .je6a449 {
    flex: 1 1 100%;
  }

  .jb7 {
    flex-direction: column;
  }

  .eb1896,
  .j54a7d {
    width: 100%;
  }
}

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

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

.ncc5 {
  text-align: center;
}

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

.i8d7b33b {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 700px;
  margin: 0 auto;
}

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

.jc3 {
  flex: 1 1 280px;
  max-width: 350px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.o55d {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
}

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

.hbb9 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.o953ec7 {
  text-align: center;
}

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

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

.ie7b596 {
  flex: 1 1 300px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.c36 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}

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

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

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

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

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

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

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

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

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

.o003 {
  text-align: center;
}

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

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

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

.e38486 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  overflow: hidden;
}

.e38486:hover {
  transform: translateX(8px);
  box-shadow: var(--shadow-md);
}

.g72b {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: clamp(1rem, 2vw, 2rem);
}

.h5eb0 {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  flex: 1;
}

.e38486 i {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-text-on-accent);
  flex-shrink: 0;
}

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

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

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

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

.e35 {
  text-align: center;
}

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

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

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

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

.a4c8dc3 i {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 60px;
}

.d90743c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

.naa230 {
  text-align: center;
}

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

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

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

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

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

.p56ad0 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 60px;
  background: rgba(161, 98, 7, 0.1);
  border-radius: var(--radius-full);
}

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

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

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

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

  .p56ad0 {
    align-self: flex-start;
  }
}

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

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

.m3461f {
  text-align: center;
}

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

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

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

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

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

.o9279 {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}

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

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

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

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

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

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

.l86 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: var(--font-primary);
}

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

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

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

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

.da205c {
  text-align: center;
}

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

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

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

.a6046cc {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.ne90b4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

.b7fbc471 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  max-width: 600px;
}

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

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

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

.j4938a .j54a7d {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-text-on-accent);
}

.j4938a .j54a7d:hover {
  background: rgba(255, 255, 255, 0.2);
}

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

.a7df9e8.m516f {
  display: none;
}

.b56f {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-family: var(--font-primary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 500px;
}

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

.pad,
.f9ee0 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
}

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

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

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

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

@media (max-width: 768px) {
  .a7df9e8 {
    flex-direction: column;
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  .oe7e8 {
    width: 100%;
  }

  .pad,
  .f9ee0 {
    flex: 1 1 45%;
    min-width: 120px;
  }
}

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

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

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

.nbe8,
.fc2,
.g6d,
.j789 {
  display: block;
}

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

.p75a p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nbe8 p {
  max-width: 520px;
}

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

.p75a a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

.ob5ac {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.j9331e {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-text-muted);
  max-width: 780px;
  line-height: 1.5;
}

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

  .nbe8 {
    flex: 1 1 300px;
  }

  .fc2 {
    flex: 1 1 200px;
  }

  .g6d {
    flex: 1 1 220px;
  }

  .j789 {
    flex: 1 1 180px;
  }

  .e4f {
    flex: 1 1 100%;
    order: 10;
  }

  .nf0ba,
  .gff285d2 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.25rem, 2vw, 1.75rem);
  }

  .nf0ba li,
  .gff285d2 li {
    flex: 0 0 auto;
  }
}

@media (min-width: 1024px) {
  .n90 {
    flex-wrap: nowrap;
  }

  .nbe8 {
    flex: 0 0 320px;
  }

  .fc2 {
    flex: 0 0 200px;
  }

  .g6d {
    flex: 0 0 240px;
  }

  .j789 {
    flex: 0 0 200px;
  }

  .nf0ba,
  .gff285d2 {
    flex-direction: column;
    gap: clamp(0.625rem, 1.5vw, 0.875rem);
  }
}
    

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.l48 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-bg-secondary);
}

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

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

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

.g36 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}

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

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

.e48d4f15 {
  text-align: center;
}

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

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

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

.f343302 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

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

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

.l845851b {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2rem) 0.5rem;
  line-height: 1.3;
}

.d09b {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: 0 clamp(1.25rem, 3vw, 2rem) 1rem;
  line-height: 1.6;
}

.j9b2d770 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 1rem clamp(1.25rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-bg-secondary);
}

.o2747b99,
.b93b00,
.mac1 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

.o2747b99 i,
.b93b00 i,
.mac1 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

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

.kb5977 {
  text-align: center;
}

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

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

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

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

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

.c32d5 {
  flex: 1;
}

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

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

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

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

.nd31 {
  text-align: center;
}

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

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

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

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

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

.i96 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

  .f343302 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .n2ee {
    aspect-ratio: auto;
    height: 100%;
    grid-column: 1;
    grid-row: 1 / 4;
  }

  .l845851b {
    grid-column: 2;
    grid-row: 1;
    padding: clamp(1.5rem, 3vw, 2rem);
    padding-bottom: 0.5rem;
  }

  .d09b {
    grid-column: 2;
    grid-row: 2;
    padding: 0 clamp(1.5rem, 3vw, 2rem) 1rem;
  }

  .j9b2d770 {
    grid-column: 2;
    grid-row: 3;
    padding: 1rem clamp(1.5rem, 3vw, 2rem);
    border-top: none;
    border-left: 1px solid var(--color-bg-secondary);
    flex-direction: column;
    align-items: flex-start;
  }

  .n7b85c {
    grid-column: 2;
    grid-row: 4;
    margin: 0 clamp(1.5rem, 3vw, 2rem) clamp(1.5rem, 3vw, 2rem);
  }

  .m636ab9b {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .j690669 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

  .ja87e {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .e5cd {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .i51bd16 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .f343302 {
    max-width: 900px;
  }

  .n2ee {
    aspect-ratio: 16 / 9;
  }

  .gb97 {
    flex: 1 1 300px;
  }
}

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

  .n2ee {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .j9b2d770 {
    border-top: 1px solid var(--color-bg-secondary);
    border-left: none;
  }
}

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

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

  .j5088 {
    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.5rem, 0.95rem);
  }

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

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

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

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

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

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

  .e70a89 {
    display: inline-block;
    background: var(--color-secondary-light);
    color: var(--color-text-primary);
    padding: 0.4rem 0.8rem;
    border-radius: var(--radius-md);
    font-size: 0.8125rem;
    font-weight: 600;
    margin-bottom: 1rem;
  }

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

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

  .g9241 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
  }

  .d687b {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
  }

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

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

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

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

    .j86f,
    .i138c {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .g9241 {
      gap: 1rem;
    }
  }

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

  .l62 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
    font-weight: 700;
    color: var(--color-text-primary);
    text-align: center;
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .eaed6214 {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto 1.25rem;
  }

  .p891 {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    max-width: 800px;
    margin: 0 auto;
  }

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

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

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

  .ie9fb {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .abcc74f {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: 1.5rem;
  }

  .b20 {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

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

  .f46a4cff {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
  }

  .k67 {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

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

    .pd65b,
    .jc92 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .f0b4dd1f {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .e8159 {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: 1.5rem;
  }

  .g0b31a {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

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

  .e82983cf {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
  }

  .lcfc8c8a {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

    .dfed,
    .f56 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .b717fec2 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 250px;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
  }

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

  .h4a9 {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    overflow: hidden;
  }

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

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

  .i7f1c {
    margin-bottom: 0.75rem;
  }

  .h30 {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--color-text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .b2ca0a {
    font-size: 0.9375rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

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

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

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

  .ffe6 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .fa9499 {
    font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: 1.5rem;
  }

  .k978 {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }

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

  .bae9492a {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
  }

  .he6e9 {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

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

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

    .l75f9,
    .gfc0c {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .iac2 {
    flex-shrink: 0;
  }

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

  .m5e369 {
    flex: 1;
  }

  .lfa {
    margin: 0 0 0.25rem 0;
  }

  .eff {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-primary);
    text-decoration: none;
    transition: all 0.3s ease;
  }

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

  .f53764 {
    font-size: 0.9375rem;
    color: var(--color-accent);
    font-weight: 600;
    margin: 0 0 0.75rem 0;
  }

  .g79e0 {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
  }

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

    .m5e369 {
      text-align: center;
    }
  }

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

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

  .m033f {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .gc820a0 {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
  }

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

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

  .o8fbf2 {
    flex-shrink: 0;
    font-size: 1.75rem;
    color: var(--color-warning);
    margin-top: 0.25rem;
  }

  .bb2589 {
    flex: 1;
  }

  .kf9 {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.75rem 0;
  }

  .k2fd5 {
    font-size: 0.95rem;
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
  }

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

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

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

  .l4a9be {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
  }

  @media (max-width: 1024px) {
    .m033f {
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
  }

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

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

    .o8fbf2 {
      margin-top: 0;
    }
  }

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

html, body {
  height: 100%;
}

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

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

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

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

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

.od4835cšanas-nju-pareiza-turešana {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.fffšanas-nju-pareiza-turešana {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.fffšanas-nju-pareiza-turešana a {
  color: var(--color-accent);
}

.fffšanas-nju-pareiza-turešana a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.fffšanas-nju-pareiza-turešana span {
  color: var(--color-text-muted);
}

.ff4šanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.o0b09ešanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.o6e004šanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.l36bšanas-nju-pareiza-turešana {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.g1a1357šanas-nju-pareiza-turešana {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.m964c5šanas-nju-pareiza-turešana {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 2rem;
  line-height: 1.7;
}

.be9d9ašanas-nju-pareiza-turešana {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.h93d5ašanas-nju-pareiza-turešana {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.b0ašanas-nju-pareiza-turešana {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .ff4šanas-nju-pareiza-turešana {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .o0b09ešanas-nju-pareiza-turešana,
  .o6e004šanas-nju-pareiza-turešana {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .be9d9ašanas-nju-pareiza-turešana {
    flex-direction: column;
    gap: 0.75rem;
  }
}

.m15šanas-nju-pareiza-turešana {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j17šanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: flex-start;
}

.l7dšanas-nju-pareiza-turešana {
  flex: 1 1 55%;
  max-width: 55%;
}

.kc0šanas-nju-pareiza-turešana {
  flex: 1 1 45%;
  max-width: 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.f95šanas-nju-pareiza-turešana {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.f21a7šanas-nju-pareiza-turešana {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.e20b19dšanas-nju-pareiza-turešana {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.o0835cšanas-nju-pareiza-turešana {
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.k65šanas-nju-pareiza-turešana {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.m5ea51šanas-nju-pareiza-turešana {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .j17šanas-nju-pareiza-turešana {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .l7dšanas-nju-pareiza-turešana,
  .kc0šanas-nju-pareiza-turešana {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .kc0šanas-nju-pareiza-turešana {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .e20b19dšanas-nju-pareiza-turešana {
    flex: 1 1 calc(50% - 0.5rem);
  }
}

.je34b07šanas-nju-pareiza-turešana {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b027šanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.n29ašanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.j2bšanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.i8ef0d87šanas-nju-pareiza-turešana {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.gd2e89šanas-nju-pareiza-turešana {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.m54ašanas-nju-pareiza-turešana {
  list-style: none;
  margin-bottom: 1.5rem;
}

.dd8šanas-nju-pareiza-turešana {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
  line-height: 1.6;
}

.dd8šanas-nju-pareiza-turešana::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-accent);
  border-radius: 50%;
}

.of2360šanas-nju-pareiza-turešana {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .b027šanas-nju-pareiza-turešana {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .n29ašanas-nju-pareiza-turešana,
  .j2bšanas-nju-pareiza-turešana {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.o09e6fšanas-nju-pareiza-turešana {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b03b6fšanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.a9c2599šanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.h53šanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.o50šanas-nju-pareiza-turešana {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
}

.c8dšanas-nju-pareiza-turešana {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.a79šanas-nju-pareiza-turešana {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.ncbšanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.p10fšanas-nju-pareiza-turešana {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
}

.i1e1šanas-nju-pareiza-turešana {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.ef769fšanas-nju-pareiza-turešana {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .b03b6fšanas-nju-pareiza-turešana {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .a9c2599šanas-nju-pareiza-turešana,
  .h53šanas-nju-pareiza-turešana {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k7bšanas-nju-pareiza-turešana {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.n6d17bšanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
}

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

.p394šanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.b643b5šanas-nju-pareiza-turešana {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.b643b5šanas-nju-pareiza-turešana:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.k2e2edšanas-nju-pareiza-turešana {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.f12šanas-nju-pareiza-turešana {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.b643b5šanas-nju-pareiza-turešana:hover .f12šanas-nju-pareiza-turešana {
  transform: scale(1.05);
}

.o743šanas-nju-pareiza-turešana {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.o0bšanas-nju-pareiza-turešana {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
}

.b5338šanas-nju-pareiza-turešana {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
}

.pa2cšanas-nju-pareiza-turešana {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: inline-block;
  margin-top: auto;
  transition: all var(--transition-base);
}

.pa2cšanas-nju-pareiza-turešana:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .b643b5šanas-nju-pareiza-turešana {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .b643b5šanas-nju-pareiza-turešana {
    flex: 1 1 100%;
  }
}

.k96a5cšanas-nju-pareiza-turešana {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.mae0f4dšanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.a5c7c7šanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.g1f229šanas-nju-pareiza-turešana {
  flex: 1 1 50%;
  max-width: 50%;
}

.aeca74šanas-nju-pareiza-turešana {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.o18šanas-nju-pareiza-turešana {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.8;
}

.e4a1e1šanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}

.ce3c8faešanas-nju-pareiza-turešana {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.h32šanas-nju-pareiza-turešana {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
}

.b22šanas-nju-pareiza-turešana {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.cd69b25šanas-nju-pareiza-turešana {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.b81ešanas-nju-pareiza-turešana {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .mae0f4dšanas-nju-pareiza-turešana {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .a5c7c7šanas-nju-pareiza-turešana,
  .g1f229šanas-nju-pareiza-turešana {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ce3c8faešanas-nju-pareiza-turešana {
    flex-direction: column;
  }
}

.jd2bšanas-nju-pareiza-turešana {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.i305šanas-nju-pareiza-turešana {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l5a329c6šanas-nju-pareiza-turešana {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
}

.j16ae2bšanas-nju-pareiza-turešana {
  flex-shrink: 0;
}

.l7c575šanas-nju-pareiza-turešana {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

.bfecšanas-nju-pareiza-turešana {
  flex: 1;
}

.m0cšanas-nju-pareiza-turešana {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.25rem;
  font-family: var(--font-heading);
}

.m0cšanas-nju-pareiza-turešana a {
  color: var(--color-text-primary);
}

.m0cšanas-nju-pareiza-turešana a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.c44 {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

@media (max-width: 768px) {
  .l5a329c6šanas-nju-pareiza-turešana {
    flex-direction: column;
    text-align: center;
  }

  .l7c575šanas-nju-pareiza-turešana {
    width: 100px;
    height: 100px;
  }
}

.j841eeešanas-nju-pareiza-turešana {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c3cdff4 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.jb53 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  font-weight: 500;
}

.g08414,
.hc2fc3f0,
.c23 {
  color: var(--color-text-secondary);
}

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

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

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

.e83 {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

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

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

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

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

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

.kf6f3 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
}

.cb4 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 1rem;
}

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

.i569a7 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .l80f0,
  .aa3b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .f83,
  .e970455 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.fc18c84 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

.i7b2efad {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
  border-radius: 12px;
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

.n5e {
  background: var(--color-bg-secondary);
  padding: 1rem 1.5rem;
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

.a0476 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 0 0.5rem 0;
}

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

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

  .l37844e0,
  .da959410 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ma57 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

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

.g824ad53 {
  width: 100%;
  aspect-ratio: 3/2;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

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

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

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

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

.p4e {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

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

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

  .p4e {
    margin: 0 auto;
  }
}

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

.n4bbf7 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

.gde5dd {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
}

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

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

@media (min-width: 1025px) {
  .b8c2ca9 {
    padding: 5rem 0;
  }

  .dc72610,
  .k61aaf8,
  .h14,
  .ac36f2f,
  .f6d,
  .m2a25,
  .lcc1,
  .gd939c {
    padding: 5rem 0;
  }
}

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

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

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

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

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

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

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

  .i12 {
    display: inline-block;
    align-self: center;
    background: var(--color-secondary);
    color: var(--color-text-primary);
    padding: 0.4rem 1rem;
    border-radius: var(--radius-full);
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  .gcd6b9 {
    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;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .i3dba {
    width: 100%;
    max-width: 600px;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
    margin: 0 auto;
    box-shadow: var(--shadow-md);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .d393641 {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    align-items: flex-start;
  }

  .n3f5d95 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: var(--radius-full);
    font-size: 1.4rem;
    font-weight: 700;
    flex-shrink: 0;
  }

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

  .pbb61 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw, 1.2rem);
    font-weight: 700;
    margin: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .h8c4f {
    display: flex;
    flex-direction: column;
    gap: clamp(0.8rem, 2vw, 1.2rem);
  }

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

  .bc3670 {
    color: var(--color-accent);
    font-size: 1.4rem;
    flex-shrink: 0;
  }

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

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

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

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

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

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

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

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

  .m3f06f7 {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem) * 2 / 3);
    min-width: 280px;
    max-width: 350px;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    transition: all var(--transition-base);
  }

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

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

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

  .m3f06f7:hover .eda7328 {
    transform: scale(1.05);
  }

  .c133aa2a {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw, 1.2rem);
    font-weight: 700;
    line-height: 1.4;
    padding: 0 clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

  .b5d0 {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw, 0.95rem);
    font-weight: 600;
    padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all var(--transition-base);
  }

  .b5d0:hover {
    color: var(--color-accent-hover);
    gap: 0.8rem;
  }

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

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

  .f3a82f3 {
    flex-shrink: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .cfc427c0 {
    color: var(--color-warning);
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 0.2rem;
  }

  .bb6d06be {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    flex-grow: 1;
  }

  .p67e9 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 2vw, 1.15rem);
    font-weight: 700;
    margin: 0;
  }

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

  @media (max-width: 1023px) {
    .i58a2,
    .g10c,
    .i8e {
      flex-direction: column;
    }

    .me3,
    .me02,
    .o0c226,
    .o2898,
    .jf41c,
    .jb60353 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .i98,
    .gf66f2,
    .h8a7 {
      max-height: 350px;
    }
  }

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

    .p823b5 {
      flex-direction: column;
    }

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

    .i2a936b7 {
      align-items: center;
    }

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

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

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

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

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

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

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

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

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

.g04c {
  max-width: 700px;
}

.g04c h1 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.g04c p {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.c5dc909 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(162, 98, 7, 0.1);
  object-fit: cover;
}

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

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

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

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

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

.n1f680e {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.k14 {
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.9;
}

.k14 p {
  margin-bottom: 1.25rem;
  color: var(--color-text-secondary);
}

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

.d4d98 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(162, 98, 7, 0.08);
  object-fit: cover;
  margin: 0 auto;
}

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

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

.a7b {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

.fde {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
}

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

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

.j4187:hover {
  transform: translateY(-4px);
  border-color: var(--color-primary);
  box-shadow: 0 8px 24px rgba(162, 98, 7, 0.12);
}

.ja8d {
  font-size: 2.5rem;
  color: var(--color-primary);
}

.j319 {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.g0f7d1a7 {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

.f2b84 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 700px;
  margin: 0 auto;
}

.hab85 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

.d25af74 {
  flex: 1;
}

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

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

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

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

.l5dbb0b7 {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

.i74d {
  max-width: 750px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ia57dfdc {
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.9;
}

.bba41 {
  padding: clamp(3rem, 6vw, 4.5rem) 0;
  background: var(--color-bg-primary);
  border-top: 2px solid var(--color-border);
  overflow: hidden;
}

.d5545c {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.n4c57 {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.na8f {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 800px;
}

@media (max-width: 768px) {
  .f28e8e {
    text-align: center;
  }

  .j4187 {
    flex: 1 1 100%;
  }

  .hab85 {
    gap: 1rem;
  }

  .p8be5cae {
    gap: 0.75rem;
  }
}

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

  .k14 {
    flex: 1;
  }

  .d4d98 {
    flex: 1;
  }

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

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

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

.bd1973e2 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
}

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

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

.pa61354 {
  width: 100%;
  max-width: 500px;
}

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

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

  .gc5 {
    flex: 1 1 50%;
    text-align: left;
  }

  .pa61354 {
    flex: 1 1 50%;
  }
}

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

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

.od4 {
  text-align: center;
}

.b3fa24ac {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
}

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

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

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

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

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

.ob19 {
  text-align: center;
}

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

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

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

.g5b {
  flex: 1 1 calc(50% - var(--spacing-md));
  min-width: 250px;
  max-width: 350px;
  padding: var(--spacing-lg);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.b694b {
  font-size: clamp(2rem, 3vw, 2.75rem);
  color: var(--color-accent);
}

.b694b i {
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .g5b {
    flex: 1 1 calc(33.333% - var(--spacing-md));
  }
}

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

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

.pae086 {
  text-align: center;
}

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

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

.h9189cf,
.d37 {
  flex: 1;
}

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

.h9189cf p,
.d37 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

.h9189cf p:last-child,
.d37 p:last-child {
  margin-bottom: 0;
}

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

  .h9189cf,
  .d37 {
    flex: 1 1 50%;
  }
}

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

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

.a3002a8 {
  text-align: center;
}

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

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

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

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

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

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

.c84f {
  text-align: center;
}

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

.be944 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.fd82 {
  padding: var(--spacing-lg);
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

.i23 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  margin: 0;
  font-weight: 700;
}

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

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

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

.o2e41 {
  display: flex;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

.ca8aa {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-accent);
  background: rgba(161, 98, 7, 0.1);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-weight: 600;
}

.n2f1 {
  display: flex;
  justify-content: center;
  margin-top: var(--spacing-lg);
}

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

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

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

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

.h7d21675 {
  max-width: 700px;
  padding: clamp(2rem, 4vw, 3.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.e995b {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0;
}

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

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

.o715a {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  align-self: center;
}

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

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

  .f34c {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .a4c {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .k3864 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .o09 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .c05cef {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .ma381 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

.h3e3c {
  max-width: 1200px;
  margin: 0 auto var(--spacing-2xl);
  text-align: center;
}

.mb3 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.f386a0e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.e6020 {
  max-width: 1000px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.e6020 img {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-bg-tertiary);
}

.a07a {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.odfc74 {
  max-width: 1200px;
  margin: 0 auto;
}

.m7a {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.c5d {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.a111 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  flex-shrink: 0;
}

.a111 svg {
  width: 24px;
  height: 24px;
  stroke-width: 2;
}

.n9abb38c {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.b100f4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.cc7 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.hfc286 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-weight: 500;
}

.e0b {
  max-width: 700px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.e0b img {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-bg-tertiary);
}

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

.e4e {
  max-width: 1200px;
  margin: 0 auto var(--spacing-2xl);
  text-align: center;
}

.k5fdb0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.k3eb50 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto var(--spacing-xl);
}

.pca {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  display: inline-block;
}

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

.n31d8 {
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.n31d8 img {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-bg-tertiary);
}

@media (min-width: 768px) {
  .pcdc6c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .m7a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

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

@media (min-width: 1024px) {
  .pcdc6c {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

  .m7a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
    margin-bottom: var(--spacing-3xl);
  }

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

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

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

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

@media (min-width: 1200px) {
  .m7a {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

.f8b5ab5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.l490e36c {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.l21ab {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.2;
}

.f5f {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

.h70 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.mfe1 {
  max-width: 1200px;
  margin: 0 auto;
}

.g6253 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .g6253 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

.gdd744 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

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

.lc00fd {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.a87bb {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
  font-family: var(--font-primary);
}

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

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

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

.pbca4127:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.ca589 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.c74 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.nfe156e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.h6d {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .f8b5ab5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .f8b5ab5 {
    padding: 4rem var(--spacing-lg);
  }

  .h70 {
    padding: 5rem var(--spacing-lg);
  }

  .ca589 {
    padding: 4rem var(--spacing-lg);
  }
}

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

.kfdfff .c97aa2 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.kfdfff .if47d091 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.kfdfff h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.kfdfff h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.kfdfff .na50 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

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

.kfdfff ul {
  list-style: none;
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.kfdfff 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);
  position: relative;
  padding-left: var(--spacing-md);
}

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

.kfdfff .j42533 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.kfdfff .j42533 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.kfdfff .j42533 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.kfdfff .j42533 p strong {
  color: var(--color-primary);
  display: inline-block;
  min-width: 80px;
}

@media (min-width: 768px) {
  .kfdfff .if47d091 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .kfdfff .c97aa2 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

.d3d {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

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

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

.if47d091 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.eb0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-xl);
  animation: fadeInUp 0.8s ease-out;
}

.he4ce {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  animation: scaleIn 0.6s ease-out;
}

.he4ce svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-linecap: round;
  stroke-linejoin: round;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.p68b {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: 1.6;
}

.i520b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.j45e0ee4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ha5c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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, 1.05rem);
  font-weight: 600;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  margin-top: var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

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

.ha5c:active {
  transform: translateY(0);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .eb0 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

@media (min-width: 1024px) {
  .eb0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .eb0,
  .he4ce,
  .ha5c {
    animation: none;
    transition: none;
  }

  .ha5c:hover {
    transform: none;
  }
}

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

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

.o3d2cfb {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.o228ff2 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

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

.j259 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

.g3bbb7 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  margin-bottom: var(--spacing-xl);
}

.beb84 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  animation: floatCode 3s ease-in-out infinite;
}

.o6d49 {
  position: absolute;
  right: -40px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  background: var(--color-secondary);
  border-radius: var(--radius-full);
  animation: walkingPace 2s ease-in-out infinite;
}

.o6d49::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 20px;
  background: var(--color-primary);
  left: 50%;
  top: -8px;
  transform: translateX(-50%);
  border-radius: var(--radius-sm);
  animation: legSwing 1s ease-in-out infinite;
}

.o6d49::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 20px;
  background: var(--color-accent);
  left: 50%;
  top: -8px;
  transform: translateX(-50%) rotate(180deg);
  border-radius: var(--radius-sm);
  animation: legSwingReverse 1s ease-in-out infinite;
}

.n5ac7 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.g0aff8 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.dc4 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

.nfe20d {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-md);
}

.fa022e7 {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-sm);
}

.fa022e7 li {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) 0 var(--spacing-sm) var(--spacing-lg);
  border-left: 3px solid var(--color-primary);
  padding-left: var(--spacing-md);
}

.cd5a {
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  text-align: center;
}

.d1929feb {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
}

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

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

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

@keyframes floatCode {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes walkingPace {
  0%, 100% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(5px) translateY(-3px);
  }
  50% {
    transform: translateX(10px) translateY(0);
  }
  75% {
    transform: translateX(5px) translateY(-3px);
  }
}

@keyframes legSwing {
  0%, 100% {
    transform: translateX(-50%) rotate(0deg);
  }
  50% {
    transform: translateX(-50%) rotate(30deg);
  }
}

@keyframes legSwingReverse {
  0%, 100% {
    transform: translateX(-50%) rotate(180deg);
  }
  50% {
    transform: translateX(-50%) rotate(150deg);
  }
}

@media (min-width: 640px) {
  .o228ff2 {
    padding: var(--spacing-xl);
  }

  .g3bbb7 {
    min-height: 250px;
    margin-bottom: var(--spacing-3xl);
  }

  .o6d49 {
    right: -60px;
    width: 80px;
    height: 80px;
  }

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

@media (min-width: 768px) {
  .o228ff2 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .g3bbb7 {
    min-height: 300px;
  }

  .o6d49 {
    right: -80px;
    width: 100px;
    height: 100px;
  }

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

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

@media (min-width: 1024px) {
  .o3d2cfb {
    min-height: 100vh;
  }

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

  .g3bbb7 {
    min-height: 350px;
  }

  .o6d49 {
    right: -100px;
    width: 120px;
    height: 120px;
  }

  .g0aff8 {
    font-size: 1.1rem;
  }

  .fa022e7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-md);
  }

  .fa022e7 li {
    padding: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .beb84 {
    animation: none;
  }

  .o6d49 {
    animation: none;
  }

  .o6d49::before,
  .o6d49::after {
    animation: none;
  }

  .d1929feb:hover {
    transform: none;
  }
}

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

.af641 {
  background-color: var(--color-bg-secondary);
  padding: 4rem 0;
  overflow: hidden;
}

.mb87b8 {
  text-align: center;
}

.ef1cf6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

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

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

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

.j0e91ea {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.l8eae0d {
  width: 100%;
}

.b3c {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

.ic0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.cffded {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.c6b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.cd7 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.obb99,
.j20a3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  width: 100%;
  transition: var(--transition-base);
}

.obb99::placeholder,
.j20a3::placeholder {
  color: var(--color-text-muted);
}

.obb99:focus,
.j20a3:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.j20a3 {
  min-height: 140px;
  resize: vertical;
}

.kf0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

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

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

.p6ef {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
  margin-top: var(--spacing-sm);
}

.l504e4c9 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-base);
  border-bottom: 1px solid transparent;
}

.l504e4c9:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

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

.d67da {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.k194d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.jfe9eb {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.p7fd633 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-top: 2px;
}

.o2256 {
  flex: 1;
}

.oaa44 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  letter-spacing: 0.3px;
}

.b0bdc0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.a0e36 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-lg);
}

.o7d2553 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0.3px;
}

.p50c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.p50c li {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
}

.m3e479f5 {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

.if5 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  text-align: center;
}

.g12a0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.h437a {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

@media (min-width: 768px) {
  .j0e91ea {
    padding: 5rem 0;
  }

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

  .lbe {
    flex: 1 1 45%;
  }

  .h52441 {
    flex: 1 1 45%;
  }
}

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

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

  .lbe {
    flex: 1 1 40%;
  }

  .h52441 {
    flex: 1 1 40%;
  }
}

.b39c762 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.c1867 {
  width: 100%;
}

.hd2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  letter-spacing: -0.02em;
}

.l7cb1893 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.i6aa28 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.i6aa28:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.l190 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: 0.2px;
}

.ab455 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .b39c762 {
    padding: 5rem 0;
  }

  .l7cb1893 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
}

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

  .l7cb1893 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

.e62da{display:block;min-height:0;overflow:clip}.e62da *{min-width:0}.o4b1fe09{background:rgba(255,252,235,.92);border-bottom:1px solid rgba(83,45,12,.12);backdrop-filter:blur(14px)}.f94411{padding-block:clamp(4rem,8vw,7.5rem);background:radial-gradient(circle at 12% 20%,rgba(193,130,43,.14),transparent 27%),#fffceb}.n9b8{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.gcb59e{display:block}.cae{max-width:720px}.jaaf{font-size:clamp(3.25rem,6vw,6.7rem);line-height:.93;letter-spacing:-.045em;text-wrap:balance}.kc0e3ee{max-width:630px;font-size:1.18rem}.je6a449{position:relative}.h758{aspect-ratio:4/3;object-fit:cover;border-radius:32px 6px 32px 6px;box-shadow:24px 24px 0 rgba(158,96,24,.13)}.cd5a{border-radius:4px;min-height:56px}.eb1896{color:#fff!important}.p2d6ac,.n5db364,.d42e44,.lf19a{border-top:1px solid rgba(77,42,14,.09)}
@media(max-width:900px){.n9b8{grid-template-columns:1fr}.je6a449{order:-1}.jaaf{font-size:clamp(2.8rem,12vw,5rem)}.h758{box-shadow:12px 12px 0 rgba(158,96,24,.12)}}
.n9b8{display:block}.gcb59e{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,1.06fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.jaaf,.kc0e3ee,.je6a449{opacity:1!important;transform:none!important}
@media(max-width:900px){.gcb59e{grid-template-columns:1fr}.je6a449{order:-1}}
html,body{max-width:100%;overflow-x:clip}