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

:root {
  --color-bg-primary: #0e0c0a;
  --color-bg-secondary: #1a1714;
  --color-bg-tertiary: #28231e;
  --color-bg-card: #1a1714;

  --color-text-primary: #fdf6ee;
  --color-text-secondary: #d6c5a8;
  --color-text-muted: #a89572;

  --color-primary: #c2742e;
  --color-primary-hover: #a8612a;
  --color-primary-light: #d9915e;
  --color-secondary: #d4903a;
  --color-secondary-light: #e8ac5a;

  --color-success: #6b9d6f;
  --color-success-light: #8fb893;
  --color-warning: #c9944d;
  --color-warning-light: #daa85f;
  --color-danger: #b85c5c;
  --color-danger-light: #d17878;

  --color-border: #3a342d;
  --color-border-light: #2a241f;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Spectral', serif;

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

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

  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 12px 32px rgba(0, 0, 0, 0.6);

  --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: #111418;
}

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.6;
  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.3;
  letter-spacing: 0.5px;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c62565 {
  flex-direction: column;
}

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

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

.l46f {
  flex-wrap: wrap;
}

.k44 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  backdrop-filter: blur(10px);
}

.k44:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.p5df8ce {
  background: var(--color-bg-secondary);
  box-shadow: var(--shadow-md);
}

.o07 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--color-primary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  letter-spacing: 0.3px;
}

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

.o07:active {
  transform: scale(0.98);
}

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

.oc656 {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}

.oc656:hover {
  background: #c17f30;
  border-color: #c17f30;
}

.oefd84a {
  background: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.oefd84a:hover {
  background: rgba(194, 116, 46, 0.1);
  border-color: var(--color-primary-light);
  color: var(--color-primary-light);
}

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

.l9f5e932 {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

.f1c {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  background: var(--color-primary);
  color: var(--color-text-primary);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.2px;
}

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

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

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

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

.j9f {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  letter-spacing: 0.3px;
  transition: border-color var(--transition-base);
}

.j9f:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(194, 116, 46, 0.1);
}

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

textarea.j9f {
  resize: vertical;
  min-height: 120px;
  font-family: var(--font-primary);
}

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

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

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

.i56 {
  background: var(--color-bg-secondary);
  border-bottom: 1px solid var(--color-border);
  padding: var(--spacing-lg) 0;
  position: sticky;
  top: 0;
  z-index: 100;
}

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

.cf73 {
  display: flex;
  gap: var(--spacing-xl);
  list-style: none;
}

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

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

.f75 {
  background: var(--color-bg-secondary);
  border-top: 1px solid var(--color-border);
  padding: var(--spacing-3xl) 0 var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}

.ld2ee3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.p8e512 h4 {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.p8e512 ul {
  list-style: none;
}

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

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

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

.h0a53eb {
  border-top: 1px solid var(--color-border);
  padding-top: var(--spacing-lg);
  text-align: center;
  color: var(--color-text-muted);
  font-size: 0.9rem;
}

.d90 {
  display: flex;
  gap: var(--spacing-sm);
  font-size: 0.9rem;
  margin-bottom: var(--spacing-lg);
  list-style: none;
}

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

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

.d90 li:not(:last-child)::after {
  content: '/';
  margin-left: var(--spacing-sm);
  color: var(--color-text-muted);
}

.g4c514d {
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  border-left: 4px solid;
  background: rgba(194, 116, 46, 0.1);
  border-color: var(--color-primary);
  color: var(--color-text-primary);
}

.c9343d {
  background: rgba(107, 157, 111, 0.1);
  border-color: var(--color-success);
}

.j75f {
  background: rgba(201, 148, 77, 0.1);
  border-color: var(--color-warning);
}

.hdd {
  background: rgba(184, 92, 92, 0.1);
  border-color: var(--color-danger);
}

.k4857c {
  list-style: none;
}

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

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

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

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

.ha1 {
  text-align: center;
}

.o05 {
  text-align: right;
}

.m5ad9 {
  text-align: left;
}

.f00 {
  text-align: justify;
}

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

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

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

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

.kce {
  font-weight: 400;
}

.de4 {
  font-weight: 500;
}

.n2ff776 {
  font-weight: 700;
}

.j1fed {
  font-style: italic;
}

.a27 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.dbd3c {
  text-transform: lowercase;
}

.a1b {
  text-transform: capitalize;
}

.i24f70 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ca1dc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ac82 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.le1 {
  opacity: 0.5;
}

.ge02869b {
  opacity: 0.75;
}

.j73571 {
  opacity: 1;
}

.ae97 {
  display: none;
}

.n2f2b74 {
  display: block;
}

.g70 {
  display: inline;
}

.m0e96e {
  display: inline-block;
}

.kad2f6 {
  overflow: hidden;
}

.p6a7688 {
  overflow: auto;
}

.c79 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.375rem;
  }

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

  .cf73 {
    gap: var(--spacing-md);
    font-size: 0.9rem;
  }

  .ca52,
  .dce4412,
  .afc {
    grid-template-columns: 1fr;
  }

  .ld2ee3 {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

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

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

  h1 {
    font-size: 1.5rem;
    margin-bottom: var(--spacing-md);
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .o07 {
    width: 100%;
  }

  .cf73 {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

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

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

@supports (backdrop-filter: blur(10px)) {
  .k44 {
    background: rgba(26, 23, 20, 0.8);
  }
}
.i9f360 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.k69b6667:hover {
  opacity: 0.8;
}

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

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

.nba2990d {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
}

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

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

.kd5e {
  display: none;
  padding: 0.75rem 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 + 0.5rem, 1rem);
  font-weight: 600;
  transition: background var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

.odf:hover {
  opacity: 0.7;
}

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

.odf[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(9px) rotate(45deg);
}

.odf[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.odf[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-9px) rotate(-45deg);
}

.l3653 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  padding-top: 80px;
}

.l3653.pba87234 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

.b875:hover {
  opacity: 0.7;
}

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

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

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

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

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

@media (min-width: 768px) {
  .a62 {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }

  .nba2990d {
    display: flex;
  }

  .kd5e {
    display: inline-block;
  }

  .odf {
    display: none;
  }

  .l3653 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .a62 {
    gap: 2.5rem;
  }

  .mb279b4 {
    font-size: 1.5rem;
  }

  .j8e {
    font-size: 1rem;
  }

  .kd5e {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

    

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .jb647368 {
    flex: 1 1 50%;
  }
}

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

.m877 {
  color: var(--color-text-secondary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

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

@media (min-width: 768px) {
  .ge0c17fc {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.ab14 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

.jdcd637 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

.b53c4a75 {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
}

@media (min-width: 1024px) {
  .b53c4a75 {
    flex: 1 1 45%;
  }
}

.bf1d36 {
  grid-column: 1 / -1;
  overflow: hidden;
  border-radius: 8px;
}

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

.h226d47,
.nad {
  overflow: hidden;
  border-radius: 8px;
}

.h226d47 img,
.nad img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  display: block;
}

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

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

.ib44834 {
  text-align: center;
}

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

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

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

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

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

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

.g3d246b {
  flex: 0 0 auto;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  min-height: 80px;
}

.a87e35 {
  flex: 1 1 100%;
}

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

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

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

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

.oc1d2201 {
  text-align: center;
}

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

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

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

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

@media (min-width: 768px) {
  .dc3 {
    flex-direction: row;
    gap: 1.5rem;
    align-items: flex-start;
  }
}

.k64f1d60 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  flex: 0 0 auto;
  min-width: 60px;
  text-align: center;
}

.h17 {
  flex: 1 1 auto;
}

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

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

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

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

.f43 {
  text-align: center;
}

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

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

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

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

.ob18,
.f894d {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

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

.n613eba {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.jcfa5902 {
  flex: 0 0 auto;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 30px;
}

.ob18 .jcfa5902 {
  color: #dc2626;
}

.f894d .jcfa5902 {
  color: #16a34a;
}

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

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

.fea4 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.h4273 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

@media (min-width: 768px) {
  .h4273 {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
  }
}

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

.m9b {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

.b876 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  margin: 0;
}

.p9d6e2 {
  display: none;
  width: 1px;
  height: 50px;
  background: var(--color-border);
}

@media (min-width: 768px) {
  .p9d6e2 {
    display: block;
  }
}

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

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

.d45e {
  text-align: center;
}

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

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

.ic0da37 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: relative;
  padding: 2rem 0;
}

@media (min-width: 768px) {
  .ic0da37::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--color-border);
    transform: translateX(-50%);
  }
}

.oac8 {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .fb7a7d {
    flex-direction: row;
    justify-content: flex-end;
  }

  .fb7a7d .m69335 {
    max-width: calc(50% - 2rem);
    text-align: right;
  }

  .o91a4 {
    flex-direction: row;
    justify-content: flex-start;
  }

  .o91a4 .m69335 {
    max-width: calc(50% - 2rem);
    text-align: left;
  }
}

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

  .fb7a7d .m69335,
  .o91a4 .m69335 {
    text-align: left;
    max-width: 100%;
  }
}

.c8117 {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  width: 80px;
  text-align: center;
  padding: 1rem;
  background: var(--color-bg-primary);
  border-radius: 50%;
  border: 2px solid var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.m69335 {
  flex: 1 1 auto;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  border-left: 3px solid var(--color-accent);
}

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

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

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

.n2a06d4a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.of9dba2 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(2rem, 5vw, 4rem);
  border-radius: 8px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.of9dba2::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 500px;
  height: 500px;
  background: var(--color-accent);
  border-radius: 50%;
  opacity: 0.05;
  pointer-events: none;
}

.d42daa5f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

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

.nc82899a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .nc82899a {
    flex-direction: row;
    gap: 1.5rem;
  }
}

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

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

.a2b6bbb {
  text-align: center;
}

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

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

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

.hb7 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.hb7:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(194, 116, 46, 0.15);
}

.b288 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

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

.hb7:hover .b288 img {
  transform: scale(1.05);
}

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

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

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

.nc1adcb {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color 0.3s ease;
  margin-top: auto;
}

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

.f36 {
  text-align: center;
  padding-top: 1rem;
}

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

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

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

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

.m0b {
  text-align: center;
}

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

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

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

.fc69f831 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: 6px;
  border: 1px solid var(--color-border);
  flex: 1 1 auto;
  min-width: 140px;
  max-width: 180px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.fc69f831 i {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

.a8b {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

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

.f82321.ae97 {
  display: none;
}

.n4d14f99 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  margin: 0;
  line-height: 1.5;
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .n4d14f99 {
    flex: 1 1 auto;
  }
}

.hefa6e {
  display: flex;
  gap: 1rem;
  flex: 1 1 auto;
  justify-content: center;
}

@media (min-width: 768px) {
  .hefa6e {
    flex: 0 0 auto;
  }
}

.l14,
.f78 {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  transition: all 0.3s ease;
}

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

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

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

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

@media (max-width: 479px) {
  .ge0c17fc {
    width: 100%;
  }

  .ab14 {
    width: 100%;
  }

  .nc82899a {
    width: 100%;
  }

  .nc82899a .ab14 {
    width: 100%;
  }

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

  .n4d14f99 {
    flex: 1 1 100%;
  }

  .hefa6e {
    flex: 1 1 100%;
    width: 100%;
  }

  .l14,
  .f78 {
    flex: 1;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .pfa3faf {
    gap: 1.5rem;
  }

  .i9dd {
    gap: 1rem;
  }

  .dc3 {
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .o738af2e {
    padding: 0 2rem;
  }
}

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

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

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

.ofbe {
  display: block;
}

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

.ofbe p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  max-width: 550px;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.peb {
  display: block;
}

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

.n83cbcc1 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.l009bf23 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mc7b00 {
  display: block;
}

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

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

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

.b79 {
  display: block;
}

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

.l8d4 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

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

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

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

@media (min-width: 768px) {
  .ld2ee3 {
    display: flex;
    flex-direction: column;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .n83cbcc1,
  .l8d4 {
    gap: clamp(2rem, 4vw, 3.5rem);
  }
}

@media (min-width: 1024px) {
  .ld2ee3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

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

  .peb,
  .mc7b00 {
    grid-column: span 1;
  }

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

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

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

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

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

.i5e3a {
  text-align: center;
}

.c491fbf {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ne466 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d47975 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.l463 {
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2.5vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  background: transparent;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
}

.l463:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-color: var(--color-accent);
}

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

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

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

.jb681 {
  text-align: center;
}

.kdb89 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e545:nth-child(even) {
  flex-direction: row-reverse;
}

.ja672 {
  flex: 1 1 40%;
  min-width: 280px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.pff {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: space-between;
}

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

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

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

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

.c81 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.jb3ed7 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

.jb3ed7:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

.jb3ed7::after {
  content: '→';
  font-weight: bold;
}

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

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

.m533 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.h75 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .pff {
    flex: 1 1 100%;
  }

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

  .l463 {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .e545 {
    flex-direction: row;
  }

  .e545:nth-child(even) {
    flex-direction: row-reverse;
  }

  .ja672 {
    flex: 1 1 35%;
    min-width: 250px;
  }

  .pff {
    flex: 1 1 65%;
  }
}

@media (min-width: 1024px) {
  .e545 {
    flex-direction: row;
  }

  .e545:nth-child(even) {
    flex-direction: row-reverse;
  }

  .ja672 {
    flex: 1 1 45%;
    min-width: 300px;
  }

  .pff {
    flex: 1 1 55%;
  }
}

* {
  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, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p3aab5 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  display: block;
  margin-bottom: 0.75rem;
}

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

.p5237a li {
  padding: 0.5rem 0;
  padding-left: 1.5rem;
  position: relative;
}

.p5237a li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

.l4c133 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  line-height: 1.2;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

.a1c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-warning);
  margin-bottom: 1rem;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f8e {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  line-height: 1.2;
}

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

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

.jb7 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
}

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

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

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

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

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

.a9660e {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: transform var(--transition-base);
}

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

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

.ad1c73 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.4;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

@media (max-width: 1023px) {
  .a355,
  .p5f,
  .f68,
  .bde4e {
    flex-direction: column;
  }

  .h8a4ca,
  .od49b473,
  .g0b7a0,
  .e2f609,
  .l40,
  .cdff,
  .mbd8,
  .jecdad {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .pd21 {
    align-items: center;
  }
}

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

  .m031 {
    font-size: 0.8125rem;
  }

  .p96 {
    font-size: clamp(1.375rem, 4vw, 2rem);
  }

  .f1d6 {
    font-size: 0.8125rem;
  }

  .je551 {
    max-height: 350px;
  }

  .b989c,
  .i7ea7,
  .madd,
  .b351346c {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .j2f,
  .i2207,
  .ne9,
  .b5e2ee3 {
    max-height: 300px;
  }

  .i13e {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .o288 {
    flex: 1 1 100%;
  }

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

  .bf84 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .p51d3d83 {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }

  .bc672278 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .a9660e {
    flex: 1 1 100%;
  }

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

  .nd4272 {
    max-height: 150px;
  }

  .nb7 {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.c98 {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.g0f8a {
  color: var(--color-text-muted);
  opacity: 0.6;
}

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

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

  .f19074,
  .m8bd60 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .k1b328b2,
  .gce6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ibe99 {
  text-align: center;
}

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

.jc54fe11 {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
}

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

.e59757db {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

.k5a349 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l0a,
  .nb09 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .i90b2b,
  .h3186 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.lba {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j6d2 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 260px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

.f82 {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
}

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

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

.abdfda {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  color: var(--color-text-secondary);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

@media (max-width: 768px) {
  .j6d2 {
    flex: 1 1 100%;
    min-width: 100%;
    flex-direction: column;
  }

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

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

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

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

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

.d21 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

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

html, body {
  font-family: var(--font-primary);
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jb0f037 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

.m440573 {
  width: 100%;
  margin: 0;
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .n25a0e {
    flex-direction: column;
  }
  
  .ea95bc,
  .g20f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .e46a {
    flex-direction: column;
  }
  
  .m42c7954,
  .j12 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.p84 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent-light);
  display: flex;
  align-items: flex-start;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .f775d {
    flex-direction: column;
  }
  
  .h1f23aa,
  .i7e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .i0c48 {
    flex-direction: column;
  }
  
  .bf4b6,
  .a9b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .o3ab {
    flex-direction: column;
  }
  
  .a536,
  .hda {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.efa {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 350px;
  background-color: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 3px solid var(--color-accent-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.id4 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent-light);
  height: clamp(2rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

.o78090 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  text-decoration: none;
  transition: transform var(--transition-base);
}

.o78090:hover {
  transform: translateX(8px);
}

.n821d {
  flex-shrink: 0;
  width: clamp(120px, 15vw, 180px);
  height: clamp(120px, 15vw, 180px);
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.pf931b11 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-accent-light);
  font-weight: 600;
  line-height: 1.4;
}

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

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

@media (max-width: 768px) {
  .o78090 {
    flex-direction: column;
  }
  
  .n821d {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

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

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

.ga941 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

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

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

.k0b2fbf {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent-light);
  font-weight: 500;
}

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

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

figure {
  margin: 0;
}

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

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

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

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

.he20 span:last-child {
  color: var(--color-text-secondary);
}

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

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

.c63cbb {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

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

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

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

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

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

.off51b {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 220px;
  background-color: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.off51b i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .o1159 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

.n0d26 {
  background-color: var(--color-bg-tertiary);
  border-left: 5px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

.m6fb::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

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

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

.ia8d1 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 260px;
  background-color: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.ece0 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(3rem, 5vw, 4rem);
}

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

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

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

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

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

.de7 {
  display: flex;
  justify-content: center;
}

.lf7 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 600px;
  width: 100%;
}

.fe2f386e {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

.n92c0457 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

.kc55bbd1 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.c186 {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

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

.e2038 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.4;
  color: var(--color-text-primary);
  margin: 0;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  flex-grow: 1;
  transition: color var(--transition-base);
}

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

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

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

  .h3bb1 {
    flex-direction: column;
  }

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

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

@media (max-width: 600px) {
  .b3dacb1 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .he20 {
    font-size: 0.75rem;
  }
}

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

html, body, main {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

.k6b84f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

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

.d452c60c {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 8px;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

.m470a {
  display: inline-block;
  color: var(--color-secondary);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

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

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

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

.o933d {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-primary);
  border-radius: 4px;
}

.gee95cf {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

.j445 {
  flex: 1 1 calc(50% - 0.875rem);
  min-width: 200px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
  border-top: 3px solid var(--color-secondary);
  transition: var(--transition-base);
}

.j445:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
}

.gd84b7 {
  font-size: 2rem;
  color: var(--color-secondary);
  margin-bottom: 1rem;
}

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

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

@media (min-width: 768px) {
  .j445 {
    flex: 1 1 calc(33.333% - 1.167rem);
  }
}

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

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

.g8156 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

.o13 {
  display: inline-block;
  color: var(--color-secondary);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

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

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

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

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

.f919f {
  background: var(--color-bg-secondary);
  padding: clamp(1.75rem, 2vw, 2.25rem);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.l1de {
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

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

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

.i7eb {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.n38 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
}

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

.ibb {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 3.5rem);
  border-left: 4px solid var(--color-primary);
  border-radius: 4px;
  margin-top: 1.5rem;
}

.l87b {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-style: italic;
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

.f3d92177 {
  color: var(--color-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  display: block;
}

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

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

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

.de19f3 {
  flex-shrink: 0;
  color: var(--color-secondary);
  font-size: 1.25rem;
  margin-top: 0.25rem;
}

.l073d3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
}

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

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

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

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

  .ncf7,
  .l631a517,
  .n001,
  .f638a7,
  .lb87dd7,
  .hefc {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
}

@media (min-width: 1024px) {
  .ncf7,
  .l631a517,
  .n001,
  .f638a7,
  .lb87dd7,
  .hefc {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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 0.3s ease;
}

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

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

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

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

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

.a3977 {
  width: 100%;
  max-width: 500px;
  flex: 1;
}

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

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

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

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

.ge7 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
}

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

  .a3977 {
    max-width: 450px;
    flex: 0 1 45%;
  }

  .cb8 {
    flex: 0 1 55%;
    text-align: left;
  }
}

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

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

.jbe0 {
  text-align: center;
}

.hb70b801 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.l5f1906 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 280px;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.l5f1906:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

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

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

.dda4806 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

@media (min-width: 1024px) {
  .l5f1906 {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

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

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

.d01aa324 {
  text-align: center;
}

.i3769 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

.e4c6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

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

.n23c {
  text-align: center;
}

.ma7b549 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.k5a {
  display: inline-block;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(0.75rem, 1.5vw, 1.25rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
}

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

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

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

.a97d6f04 {
  text-align: center;
}

.o2c7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.a9ee9a {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  transition: all 0.3s ease;
}

.a9ee9a:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

.b331 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
}

.n80d14 {
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

.g5858 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  font-style: italic;
}

@media (min-width: 1024px) {
  .a9ee9a {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

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

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

.l70df {
  background: var(--color-bg-card);
  border: 1px solid var(--color-accent);
  border-radius: 8px;
  padding: clamp(2rem, 4vw, 3rem);
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.hf87fc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.oa1cfc {
  text-align: center;
}

.c14e7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

.h69 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
}

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

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

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

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

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

  .p426f10 {
    flex-direction: column;
  }

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

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

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

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

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

.i848 {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.ldc {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.c5d01deb {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

@media (min-width: 768px) {
  .m50365 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m50365 {
    padding: 4rem var(--spacing-xl);
  }

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

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

.ncc {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.ec5e9 {
  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);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

.ec5e9:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.b0042 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.ee42 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.h511 {
  font-family: var(--font-primary);
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: var(--spacing-sm);
}

.ba355e {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.3;
}

.cd12 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.jec3c357 {
  font-family: var(--font-primary);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
  transition: all var(--transition-base);
  width: fit-content;
  gap: var(--spacing-xs);
}

.jec3c357:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .pc7a7f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ncc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .b0042 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .pc7a7f {
    padding: 4rem var(--spacing-xl);
  }

  .ncc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .b0042 {
    height: 300px;
  }
}

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

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

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

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

.g7050 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 700;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: 0.3px;
}

.g7050:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .da267a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .da267a {
    padding: 4rem var(--spacing-xl);
  }
}

.hc9d67 {
  width: 100%;
}

.m6df7a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.i32df9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

@media (min-width: 768px) {
  .m6df7a {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m6df7a {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

.h0ca24 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

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

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

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

.h7d21 {
  flex: 1;
  line-height: 1.5;
}

.n354 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

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

.n3bb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  overflow: hidden;
  animation: slideDown var(--transition-base) ease-out forwards;
}

.n3bb p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

@media (min-width: 768px) {
  .h0ca24 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .h0ca24 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

.f55e6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.jece21 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

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

.fab11c9 {
  display: inline-block;
  padding: var(--spacing-sm) 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.9rem, 1.2vw, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

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

.fab11c9:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .f55e6 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .jece21 {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .f55e6 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

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

.h3f280 main {
  width: 100%;
}

.h3f280 .o738af2e {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h3f280 .g0d73 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.h3f280 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;
}

.h3f280 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.h3f280 .i8deb {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-lg);
}

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

.h3f280 ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
  list-style-position: outside;
}

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

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

.h3f280 .kca9af97 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.h3f280 .kca9af97 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.h3f280 .kca9af97 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .h3f280 .o738af2e {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .h3f280 .o738af2e {
    padding: 0 var(--spacing-xl);
  }

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

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.bde {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.bdda47ad {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
}

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

.g0d73 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.o8802 {
  text-align: center;
  padding: var(--spacing-xl) var(--spacing-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.h7576 {
  width: 100px;
  height: 100px;
  margin: 0 auto var(--spacing-md);
  color: var(--color-success);
  animation: iconPulse 0.6s ease-out;
}

.h7576 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

@keyframes iconPulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.o8802 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-sm);
  animation: slideUp 0.6s ease-out 0.1s both;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m873 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.2s both;
}

.aff {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.3s both;
}

.i7d22d7 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  animation: slideUp 0.6s ease-out 0.4s both;
}

.ab14 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  text-align: center;
  animation: slideUp 0.6s ease-out 0.5s both;
}

.mbc {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.mbc:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.mbc:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 480px) {
  .bdda47ad {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

@media (min-width: 768px) {
  .bdda47ad {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

  .o8802 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-xl);
  }

  .h7576 {
    width: 140px;
    height: 140px;
  }

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

@media (min-width: 1024px) {
  .bdda47ad {
    padding: var(--spacing-2xl) var(--spacing-2xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .h7576,
  .o8802 h1,
  .m873,
  .aff,
  .i7d22d7,
  .ab14 {
    animation: none;
  }

  .mbc:hover {
    transform: none;
  }

  .mbc:active {
    transform: none;
  }
}

@media (max-width: 479px) {
  .bde {
    min-height: auto;
  }

  .bdda47ad {
    min-height: auto;
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

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

.e369e {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l201813e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.o738af2e {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

.g0d73 {
  max-width: 800px;
  width: 100%;
}

.p2e {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.c8144a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  animation: float-gentle 6s ease-in-out infinite;
}

.j11a7 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.k708 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.a5539 {
  width: 100%;
  max-width: 280px;
  height: auto;
  margin: var(--spacing-md) 0;
}

.f7e {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}

.bef7 {
  fill: var(--color-primary-light);
  opacity: 0.8;
  animation: wave-motion 4s ease-in-out infinite;
}

.bef7.ie3adb6 {
  fill: var(--color-primary);
  opacity: 0.6;
  animation: wave-motion 4s ease-in-out infinite 0.4s;
}

.bef7.l15 {
  fill: var(--color-secondary-light);
  opacity: 0.5;
  animation: wave-motion 4s ease-in-out infinite 0.8s;
}

.p648f {
  fill: var(--color-accent);
  opacity: 0.7;
  animation: float-leaf 5s ease-in-out infinite;
}

.p648f.dd20 {
  animation: float-leaf 5.5s ease-in-out infinite 0.3s;
}

.p648f.nc4d13 {
  animation: float-leaf 6s ease-in-out infinite 0.6s;
}

.i42 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.da4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  font-weight: 500;
}

.da2e {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.ab14 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
  text-align: center;
}

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

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

.mbc:active {
  transform: translateY(0);
}

.da959af {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  margin-bottom: var(--spacing-lg);
}

.acca {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.ld999bf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  min-width: 120px;
  transition: all var(--transition-base);
}

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

.ofe9 {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  display: block;
  line-height: 1;
}

.mec905 {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  text-align: center;
}

@keyframes float-gentle {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-12px);
  }
}

@keyframes wave-motion {
  0%, 100% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(4px);
  }
}

@keyframes float-leaf {
  0% {
    transform: translateY(-8px) translateX(0px);
    opacity: 0;
  }
  25% {
    opacity: 0.7;
  }
  75% {
    opacity: 0.7;
  }
  100% {
    transform: translateY(60px) translateX(20px);
    opacity: 0;
  }
}

@media (min-width: 480px) {
  .l201813e {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .ld999bf {
    min-width: 140px;
    padding: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .l201813e {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

  .k708 {
    font-size: clamp(6rem, 18vw, 8rem);
  }

  .i42 {
    font-size: clamp(2rem, 5.5vw, 2.75rem);
    margin-bottom: var(--spacing-md);
  }

  .da4 {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    margin-bottom: var(--spacing-lg);
  }

  .da2e {
    font-size: clamp(0.95rem, 1.4vw, 1.05rem);
    margin-bottom: var(--spacing-2xl);
  }

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

  .ld999bf {
    min-width: 160px;
    padding: var(--spacing-lg) var(--spacing-md);
  }

  .a5539 {
    max-width: 320px;
  }
}

@media (min-width: 1024px) {
  .l201813e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .k708 {
    font-size: clamp(7rem, 20vw, 9rem);
  }

  .i42 {
    font-size: clamp(2.25rem, 6vw, 3rem);
  }

  .da4 {
    font-size: clamp(1.05rem, 2vw, 1.2rem);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .da2e {
    font-size: clamp(1rem, 1.5vw, 1.1rem);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .acca {
    gap: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
  }

  .ld999bf {
    min-width: 180px;
    padding: var(--spacing-xl);
  }

  .a5539 {
    max-width: 360px;
  }
}

@media (min-width: 1440px) {
  .l201813e {
    padding: var(--spacing-3xl) 0;
  }

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

  .k708 {
    font-size: 9rem;
  }

  .i42 {
    font-size: 3rem;
  }

  .da4 {
    font-size: 1.2rem;
  }

  .da2e {
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c8144a,
  .ld999bf,
  .mbc {
    animation: none;
    transition: none;
  }

  .bef7,
  .p648f,
  .mbc:hover {
    animation: none;
  }
}

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

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

.h79693a {
  text-align: center;
}

.ec3d18 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.f2116f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.j91cfd {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.f485 {
  width: 100%;
}

.e285 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

.p99638 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.aacc8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.d764c4a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.eea {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.e9a22d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: block;
}

.i2885,
.a779 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.i2885::placeholder,
.a779::placeholder {
  color: var(--color-text-muted);
}

.i2885:focus,
.a779:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05), 0 0 0 1px var(--color-primary);
}

.a779 {
  min-height: 150px;
  resize: vertical;
  line-height: 1.6;
}

.acb73f6a {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.d8b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ne3a9d5 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.ne3a9d5:hover,
.ne3a9d5:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.k672f347 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.k672f347:active {
  transform: translateY(0);
}

.k672f347:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

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

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

.nf89d42 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.j4c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.m255 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.b71fe {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.n84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.n84 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.mb874aa {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-xs);
  line-height: 1.3;
}

.m1852a1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  word-break: break-word;
}

.m1852a1:hover,
.m1852a1:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.i0ac8c {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-xl);
}

.f367b89d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

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

.b9f0d960 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.b9f0d960:hover,
.b9f0d960:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.g27 {
  padding: var(--spacing-xl);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.a312f98 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.aabc17b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

.h3d0 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  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.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

.h3d0:hover,
.h3d0:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  text-decoration: none;
}

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

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

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

  .n8f954 {
    flex: 0 1 45%;
    max-width: 550px;
  }

  .j6a {
    flex: 0 1 45%;
    max-width: 550px;
  }
}

@media (min-width: 1024px) {
  .b1190 {
    padding: var(--spacing-3xl) 0;
  }

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

  .n8f954 {
    flex: 1 1 50%;
    max-width: 600px;
  }

  .j6a {
    flex: 1 1 50%;
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .d764c4a {
    padding: var(--spacing-lg);
  }

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

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

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

html{scroll-padding-top:80px;}
input,textarea,select{max-width:100%;box-sizing:border-box;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.odf,.b875{width:34px;}
.odf[aria-expanded="true"]{display:none;}
.l3653.pba87234{z-index:999;}
.l3653{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.l3653{max-width:100%;}}
.nba2990d{justify-content:flex-end;}
@media (max-width:768px){.b288{min-height:500px;}}
@media (max-width:768px){.n821d{min-height:500px;}}
