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

:root {
  --color-bg-primary: #f9fafb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #f3f4f6;
  --color-bg-card: #ffffff;

  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6d727a;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-primary-lighter: #ecfdf5;

  --color-secondary: #10b981;
  --color-secondary-light: #a7f3d0;
  --color-secondary-lighter: #f0fdf4;

  --color-success: #059669;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;

  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
}

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

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

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

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

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

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

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

button, input, select, textarea {
  font-family: var(--font-primary);
  font-size: 1rem;
}

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

.c8cb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  font-size: 1rem;
}

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

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

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

.n433:hover {
  background: #059669;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

.c8cb:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

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

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

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

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

.h7b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
}

label {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: 0.95rem;
}

input, textarea, select {
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
}

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

textarea {
  resize: vertical;
  min-height: 120px;
}

.of81c6 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: 0.85rem;
}

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

.ic3 {
  background: #fef3c7;
  color: #d97706;
}

.g1e3e412 {
  background: #fee2e2;
  color: var(--color-danger);
}

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .ne950, .g80, .h345e {
    grid-template-columns: 1fr;
  }
}

.m27ba0e {
  display: flex;
}

.nb6 {
  flex-direction: column;
}

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

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

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

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

.fe8 { margin-top: var(--spacing-sm); }
.hdacdb6a { margin-top: var(--spacing-md); }
.hf351e { margin-top: var(--spacing-lg); }
.hfc { margin-top: var(--spacing-xl); }

.peb0 { margin-bottom: var(--spacing-sm); }
.k03c9735 { margin-bottom: var(--spacing-md); }
.lc193 { margin-bottom: var(--spacing-lg); }
.d94426 { margin-bottom: var(--spacing-xl); }

.ieef0 { padding-top: var(--spacing-sm); }
.pa55aa { padding-top: var(--spacing-md); }
.a0c39 { padding-top: var(--spacing-lg); }
.gc261734 { padding-top: var(--spacing-xl); }

.eeca76 { padding-bottom: var(--spacing-sm); }
.h21b { padding-bottom: var(--spacing-md); }
.m60fff68 { padding-bottom: var(--spacing-lg); }
.gcdd8f { padding-bottom: var(--spacing-xl); }

.h20ce89 {
  text-align: center;
}

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

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

.ob6 {
  font-size: 0.875rem;
}

.i99 {
  font-size: 1.125rem;
}

.ie571ef4 {
  font-weight: 600;
}

.c68 {
  font-weight: 700;
}

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

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

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

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

@media (max-width: 768px) {
  .ka975bd, .ib908d {
    padding: var(--spacing-2xl) 0;
  }

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

.e0d3e8 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

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

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

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

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

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

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

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

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

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

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

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

.p2e8 {
  opacity: 0.5;
}

.j96c201c {
  opacity: 0.75;
}

.l7abd {
  cursor: pointer;
}

.n0cc {
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.i47 {
  width: 100%;
  overflow: hidden;
}

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

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

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

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

.aa731 {
  text-align: center;
}

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

.da81d83d {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

.adbd522 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  min-width: 140px;
  text-align: center;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.h0b70 {
  transform: rotate(-2deg);
}

.fc154b {
  transform: rotate(1deg);
}

.j3d5b1 {
  transform: rotate(-1deg);
}

.ia23 {
  transform: rotate(2deg);
}

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

.dbba2 {
  font-size: 1.75rem;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

.k0480d {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

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

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

.edeac {
  text-align: center;
}

.m7db43 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.n15441 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.p8bc8a {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

.m92edb {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.5rem;
}

.i23d14 {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .f8b {
    flex-direction: column;
  }
  
  .p8bc8a,
  .k1b85b {
    flex: 1 1 100%;
  }
}

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

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

.me0e {
  text-align: center;
}

.n54 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.deb {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.e7e {
  position: relative;
  padding: clamp(2rem, 3vw, 3rem) 0;
}

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

.c4a9e05 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 2rem);
  margin-bottom: clamp(2rem, 3vw, 3rem);
  position: relative;
}

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

.c4a9e05::before {
  content: '';
  position: absolute;
  left: 50%;
  top: clamp(1.5rem, 2vw, 2rem);
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border: 3px solid var(--color-bg-secondary);
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.b82 {
  flex: 0 1 40%;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  text-align: center;
}

.fa33 {
  flex: 0 1 40%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

@media (max-width: 768px) {
  .e7e::before {
    left: 30px;
  }
  
  .c4a9e05,
  .b4c {
    flex-direction: row;
  }
  
  .c4a9e05::before {
    left: 30px;
  }
  
  .b82 {
    flex: 0 1 60px;
    text-align: left;
    font-size: 1rem;
  }
  
  .fa33 {
    flex: 1;
  }
}

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

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

.mce0e {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
}

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

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

.d6b98f7 {
  display: inline-block;
}

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

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

.aae86 {
  text-align: center;
}

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

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

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

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

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

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

.c77d0a {
  text-align: center;
}

.l6e5b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.f3f2 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.f1bb {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: 1.75rem;
}

.db33 {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.ea342a {
  flex: 1 1 45%;
  min-width: 250px;
}

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

.e4dca6f0 {
  flex: 1 1 45%;
}

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

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

.b6f42860 {
  display: inline-block;
}

@media (max-width: 768px) {
  .o09 {
    flex-direction: column;
  }
  
  .ea342a,
  .e4dca6f0 {
    flex: 1 1 100%;
  }
}

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

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

.d15 {
  text-align: center;
}

.ee9b2f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.g00ad46a {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.kf8126 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  width: 60px;
  text-align: right;
}

.o190213 {
  flex: 1;
}

.o8f2b {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

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

@media (max-width: 768px) {
  .bddb {
    flex-direction: column;
    gap: 1rem;
  }
  
  .kf8126 {
    text-align: left;
    width: auto;
  }
}

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

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

.c4c {
  text-align: center;
}

.n9b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.b72 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

.lcf {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  max-width: 380px;
}

.g3376 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: block;
}

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

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

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

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

.a296b2 {
  text-align: center;
}

.m1c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.i7b3 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.p31 i {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

.b8f {
  font-size: clamp(0.85rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

.f8fd {
  text-align: center;
}

.d1a6c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1.25rem) 0;
}

.ja9a0f {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.e1ba7 {
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

.lebd.kc95 {
  display: none;
}

.hc0d4e {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  max-width: 600px;
  text-align: center;
}

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

.l982d155 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

.nedbc55 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

.nedbc55:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 640px) {
  .lebd {
    flex-direction: column;
    gap: 1rem;
  }
  
  .hc0d4e {
    width: 100%;
  }
  
  .ba09a4 {
    width: 100%;
  }
  
  .l982d155,
  .nedbc55 {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.gc0e354 {
  display: block;
}

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

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

.f34ea {
  display: block;
}

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

.b98b9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  list-style: none;
  padding: 0;
}

.b98b9 li {
  display: block;
}

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

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

.d1a66b {
  display: block;
}

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

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

.c681 {
  display: block;
}

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

.i798a937 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  list-style: none;
  padding: 0;
}

.i798a937 li {
  display: block;
}

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

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

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

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

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

.l96 {
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  font-style: normal;
}

@media (min-width: 768px) {
  .n9f3a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
  }

  .gc0e354 {
    flex: 1 1 280px;
  }

  .f34ea {
    flex: 1 1 200px;
  }

  .d1a66b {
    flex: 1 1 240px;
  }

  .c681 {
    flex: 1 1 200px;
  }

  .jf24 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
  }
}

@media (max-width: 767px) {
  .n9f3a {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

  .b98b9 {
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .i798a937 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }
}
    

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

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

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

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

a {
  text-decoration: none;
}

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

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

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

.c6a2 {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: clamp(3rem, 8vw, 6rem) 0;
}

.n2770 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.j5041ee {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.p9d75 {
  position: relative;
  z-index: 3;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
}

.oa8770 {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.g6340a1 {
  color: #e5e7eb;
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
}

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

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

.d0f {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1.5rem, 3vw, 2rem);
  auto-rows: auto;
}

.ff392 {
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.i068e6 {
  grid-column: span 2;
  grid-row: span 1;
}

.i068e6 img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.nc3b3c5f {
  grid-column: span 1;
  grid-row: span 1;
}

.nc3b3c5f img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.m3d7f5 {
  grid-column: span 4;
  grid-row: span 1;
}

.m3d7f5 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  overflow: hidden;
}

.m3d7f5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  grid-column: 1;
}

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

.m3d7f5 .kc32c {
  grid-column: 2;
  justify-content: center;
}

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

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

.i84a {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-border-light);
}

.od2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9rem);
}

.od2 i {
  color: var(--color-accent);
  width: 16px;
}

.pa5a074 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

  .i068e6 {
    grid-column: span 2;
  }

  .nc3b3c5f {
    grid-column: span 1;
  }

  .m3d7f5 {
    grid-column: span 2;
    grid-template-columns: 1fr;
  }

  .m3d7f5 img {
    grid-column: 1;
  }

  .m3d7f5 .kc32c {
    grid-column: 1;
  }
}

@media (max-width: 767px) {
  .d0f {
    grid-template-columns: 1fr;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .i068e6,
  .nc3b3c5f,
  .m3d7f5 {
    grid-column: span 1;
  }

  .i068e6 img,
  .nc3b3c5f img {
    aspect-ratio: 16/9;
  }

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

  .m3d7f5 img {
    grid-column: 1;
  }

  .m3d7f5 .kc32c {
    grid-column: 1;
  }

  .c6a2 {
    min-height: 350px;
  }

  .i84a {
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .c6a2 {
    min-height: 300px;
    padding: 2rem 0;
  }

  .kc32c {
    padding: 1.25rem;
    gap: 0.75rem;
  }

  .i84a {
    flex-direction: column;
    gap: 0.75rem;
    border-top: none;
    padding-top: 0;
  }

  .pb057 {
    padding: 2rem 0;
  }
}

.cb36c5 {
  display: block;
}

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

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

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

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

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

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

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

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

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

.b1cfd099 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

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

.kbd5cf {
  color: var(--color-border-light);
}

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

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

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

  .kfb0f29,
  .d26 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n0a120 {
  flex: 0 0 200px;
  position: sticky;
  top: clamp(1rem, 5vw, 2rem);
  height: fit-content;
}

.aacf84 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.m97fc1 {
  width: 100%;
  max-width: 120px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: var(--radius-md);
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

.g4cf {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

.ed52b7 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  margin: 0;
}

.n16d42 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.lb72d1 {
  flex: 1 1 auto;
  max-width: 700px;
}

.j7180 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

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

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

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

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

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

.c62aa {
  list-style: disc;
  padding-left: 1.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
}

.c62aa li {
  margin-bottom: 0.75rem;
}

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

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

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

.la119 {
  flex: 0 0 240px;
  position: sticky;
  top: clamp(1rem, 5vw, 2rem);
  height: fit-content;
}

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

.n66 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

.pd565bb4 {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(0.875rem, 1.5vw, 1.25rem) 0.5rem;
}

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

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

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

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

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

  .n0a120,
  .la119 {
    flex: 1 1 100%;
    position: static;
  }

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

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

  .g90,
  .oebbe4d9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n0a120,
  .la119 {
    flex: 1 1 100%;
  }

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

  .e1a15da {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .jde5,
  .e45f0,
  .pdfa {
    color: var(--color-text-secondary);
    font-weight: 500;
  }

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

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

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

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

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

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

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

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

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

  .o307d7 {
    flex: 0 0 250px;
    min-width: 250px;
  }

  .d04bc0 {
    flex: 1 1 auto;
    max-width: 800px;
  }

  .n8489 {
    flex: 0 0 280px;
    min-width: 280px;
  }

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

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

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

  .b6b1832 {
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    padding: clamp(1.5rem, 3vw, 2rem);
    text-align: center;
    border: 1px solid var(--color-border-light);
    position: sticky;
    top: 2rem;
  }

  .h6f0f263 {
    width: 100px;
    height: 100px;
    border-radius: var(--radius-full);
    object-fit: cover;
    margin: 0 auto clamp(1rem, 2vw, 1.5rem);
    display: block;
  }

  .mfc6bf3b {
    font-size: clamp(1rem, 2vw, 1.125rem);
    color: var(--color-text-primary);
    margin: 0 0 0.25rem;
    font-weight: 700;
    font-family: var(--font-heading);
  }

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

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

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

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

  .f9777 {
    margin-bottom: clamp(2.5rem, 5vw, 4rem);
  }

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

  .e0a p {
    color: var(--color-text-secondary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem);
  }

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

  .d398d317,
  .j5b,
  .j269a7e,
  .l35c500 {
    margin-bottom: clamp(2.5rem, 5vw, 4rem);
  }

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

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

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

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

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

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

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

    .gf036 img {
      max-height: 280px;
    }
  }

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

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

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

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

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

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

  .ab89 {
    max-width: 100%;
  }

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

  .c435 {
    margin-top: clamp(2.5rem, 5vw, 4rem);
  }

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

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

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

  .b92f9 {
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    padding: clamp(1.5rem, 3vw, 2rem);
    border: 1px solid var(--color-border-light);
    position: sticky;
    top: 2rem;
  }

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

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

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

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

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

  .oc042 {
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1rem);
    color: var(--color-text-primary);
    margin: 0;
    font-weight: 700;
    font-family: var(--font-heading);
    line-height: 1.4;
  }

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

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

  @media (max-width: 1024px) {
    .b92f9 {
      position: static;
    }
  }

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

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

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

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

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
mark,
menu,
nav,
output,
ruby,
section,
summary,
time,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .c3ae,
  .h79f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h79f {
    order: -1;
  }
}

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

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

.b661cd19 {
  flex: 0 0 auto;
  width: 200px;
  position: sticky;
  top: 2rem;
}

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

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

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

  .b661cd19,
  .f62 {
    width: 100%;
    position: static;
  }

  .b661cd19 {
    order: 2;
  }

  .f249 {
    order: 1;
  }

  .f62 {
    order: 3;
  }
}

.je961ef7 {
  background: var(--color-bg-secondary);
  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;
  text-align: center;
}

.p24d56 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.cca {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-border);
}

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

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

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

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

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

.aa2484 {
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

.a2a {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

  .h8c94b,
  .db93 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.k232f4e4 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-primary) 100%);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.c5bb3 {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

.m721 {
  flex: 1 1 auto;
}

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

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

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

  .m721 {
    order: 2;
  }

  .c5bb3 {
    order: 1;
  }
}

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

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

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

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

.o13 {
  max-width: 100%;
}

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

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

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

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

.mbcf9c {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border-light);
}

.bf8 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.e23710ac {
  width: 100%;
  height: 150px;
  overflow: hidden;
}

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

.bf8:hover .m38 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

  .mbcf9c {
    grid-column: auto;
  }
}

::-webkit-scrollbar {
  width: 8px;
}

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

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

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

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

.pfef {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.o77,
.ac5ed,
.p8b27 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding: 0.5rem 0.75rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  font-weight: 500;
}

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

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

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

.e9d01 {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}

.h38 {
  position: sticky;
  top: 2rem;
}

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

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

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

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

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

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

.l58f {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
}

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

.h93ae {
  display: block;
}

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

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

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

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

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

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

.ee8 {
  list-style: disc inside;
  padding: 0;
  margin: 0 0 1.5rem 0;
}

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

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

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

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

.j752cb7 {
  margin-bottom: 1.75rem;
}

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

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

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

.dfa4 {
  display: block;
}

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

.b43610 {
  margin-bottom: 1.5rem;
}

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

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

.od7e8b3 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
}

.j3588 {
  display: block;
}

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

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

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

.mda137a {
  position: sticky;
  top: 2rem;
}

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

.g72f2982 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  transition: all var(--transition-base);
  margin-bottom: 1rem;
}

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

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

.e71468 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 1200px) {
  .e9d01 {
    grid-template-columns: 1fr 2fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .mda137a {
    display: none;
  }
}

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

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

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

  .e9d01 {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .h38 {
    position: static;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .mda137a {
    display: block;
    position: static;
    margin-top: clamp(2rem, 4vw, 3rem);
  }

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

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

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

  .e2e {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }
}

@media (max-width: 480px) {
  .cf591095 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .f94d {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .g6e6f3 {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }

  .m79e57d {
    padding: 1rem;
  }

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

  .o77,
  .ac5ed,
  .p8b27 {
    font-size: 0.75rem;
    padding: 0.375rem 0.625rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i904 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.c48150 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 80px;
  flex-shrink: 0;
  font-family: var(--font-heading);
}

.hddf {
  flex: 1;
  padding-top: 0.25rem;
}

.jc8c6 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.l79cf148 {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.e771b9 {
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.e771b9:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(5, 150, 105, 0.08);
}

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

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

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

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

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

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

.k449 {
  flex: 1 1 45%;
  min-width: 250px;
}

.i9341e {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

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

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

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

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

.fbecd {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.a7eaa8d {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

  .k449,
  .i9341e {
    flex: 1 1 100%;
  }

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

  .c48150 {
    min-width: auto;
  }

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

  .e771b9 {
    max-width: none;
  }
}

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

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

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

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

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

.l322d {
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.kaf {
  flex: 1 1 100%;
  min-width: 200px;
  max-width: 280px;
  text-align: center;
}

.p2e {
  font-size: clamp(2.5rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
  line-height: 1;
}

.j83506 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

.j91 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

.h5a4e1 {
  font-size: 1.25rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

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

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

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

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

  .edfc1ffe {
    gap: 2rem;
  }

  .e771b9 {
    flex: 1 1 calc(33.333% - 1.35rem);
    max-width: none;
  }
}

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

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

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

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

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

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

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

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

.d8460d {
  position: relative;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

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

.p5f6c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(5, 150, 105, 0.15);
  pointer-events: none;
}

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

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

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

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

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

  .d8460d {
    flex: 1 1 45%;
    min-height: 350px;
  }

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

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

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

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

.j66c0 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

.ldb {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

.ldb:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.dd5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

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

  .ldb {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
    max-width: 380px;
  }
}

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

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

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

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

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

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

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

.n72 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  text-align: center;
}

.n72:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

.b3eb710 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, rgba(5, 150, 105, 0.1), rgba(16, 185, 129, 0.1));
  border-radius: 12px;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  color: var(--color-accent);
}

.k27bd {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  margin-bottom: 0.75rem;
}

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

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

  .n72 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
    max-width: 380px;
  }
}

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

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

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

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

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

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

.n47 {
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
}

.oa1493 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  margin-bottom: 0.75rem;
}

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

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

  .n47 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
    max-width: 380px;
  }
}

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

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

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

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

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

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

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

.l1b6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-secondary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.l1b6:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

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

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

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

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

.fccc5a {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  transition: all 0.3s ease;
}

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

.fccc5a::after {
  content: '';
  transition: transform 0.3s ease;
}

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

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

  .i54c5b8 {
    flex-shrink: 0;
    margin-top: 0.25rem;
  }

  .efa285 {
    flex: 1;
  }
}

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

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

.m1b {
  background: linear-gradient(135deg, var(--color-bg-tertiary), var(--color-bg-primary));
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: 12px;
  text-align: center;
  border: 1px solid var(--color-border-light);
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

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

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

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

.baae3d7,
.pa9a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
  border: none;
  width: 100%;
}

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

.baae3d7:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(5, 150, 105, 0.2);
}

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

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

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

  .baae3d7,
  .pa9a {
    width: auto;
  }
}

@media (max-width: 767px) {
  .a8c45fa {
    padding: 1.5rem 0;
  }

  .h9a5f,
  .h515fcd,
  .a3a,
  .db51e3a2,
  .eef64,
  .l6929e3f {
    padding: 2.5rem 0;
  }
}

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

.gde8bc64 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.n09d6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.e0b2f0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .gde8bc64 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gde8bc64 {
    padding: 4rem var(--spacing-xl);
  }
}

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

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

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

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

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

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

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

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

.b07d9937 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.o07[open] .b07d9937 {
  transform: rotate(180deg);
}

.k2e {
  display: block;
  flex: 1;
}

.hf389f {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  animation: slideDown var(--transition-base) ease-out;
}

.hf389f p {
  margin: 0;
}

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

@media (min-width: 768px) {
  .mbbbf2 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .mbbbf2 {
    padding: 4rem var(--spacing-xl);
  }
}

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

.c895 {
  max-width: 700px;
  margin: 0 auto;
}

.lcbddf19 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.p4441f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.5;
}

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

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

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

@media (min-width: 768px) {
  .f09f3fa8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .f09f3fa8 {
    padding: 4rem var(--spacing-xl);
  }
}

@supports selector(:has(+ *)) {
  .o07[open] {
    border-color: var(--color-primary-light);
  }
}

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

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

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

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

.i0557 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  margin: 0;
  line-height: 1.6;
}

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

.lcd2 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.j134 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.l198a5 {
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.l198a5 i {
  color: var(--color-primary);
  font-size: 1.5rem;
}

.j134 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.j134 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

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

.efc2 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

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

.cee02f p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.i87 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
}

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

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

@media (min-width: 768px) {
  .i0557 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .lcd2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .i0557 {
    padding: 4rem var(--spacing-lg);
  }

  .jf52b02 {
    padding: 4rem var(--spacing-lg);
  }

  .lcd2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .cee02f {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1200px) {
  .lcd2 {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

.c391b5 .hb722 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c391b5 .g7270 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.c391b5 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  line-height: 1.3;
}

.c391b5 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  line-height: 1.4;
}

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

.c391b5 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.c391b5 .hd10200d {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-xl);
}

.c391b5 .ka975bd {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.c391b5 .ka975bd:last-child {
  border-bottom: none;
}

.c391b5 .a8b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
}

.c391b5 .a8b h2 {
  margin-top: 0;
}

.c391b5 .a8b p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .c391b5 .g7270 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .c391b5 .hb722 {
    padding: 0 var(--spacing-lg);
  }

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

.e3a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

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

.g7270 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.j41208 {
  text-align: center;
  padding: var(--spacing-2xl) 0;
}

.c32b {
  margin: 0 auto var(--spacing-lg);
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
}

.c32b svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.mef {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 500;
  line-height: 1.6;
}

.e46441ac {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.8;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.l1b7 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-lg);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: left;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.f4339e2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

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

.o328 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.7;
}

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

.o328 li::before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.2em;
}

.le2 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  margin-top: var(--spacing-lg);
}

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

.le2:active {
  transform: translateY(0);
}

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

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

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

@media (min-width: 1024px) {
  .j41208 {
    padding: var(--spacing-3xl) 0;
  }

  .e46441ac {
    font-size: clamp(1rem, 1.2vw, 1.15rem);
  }
}

@media (max-width: 480px) {
  .j41208 {
    padding: var(--spacing-lg) 0;
  }

  .c32b {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-md);
  }

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

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

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

.ke7 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.p684a2 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.ac7 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
}

.j38 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f7f {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 6rem);
  font-weight: 800;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

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

.c59f17 {
  width: 40px;
  height: 40px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  position: relative;
  animation: slideUp 2s ease-in-out infinite;
}

.c59f17::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: var(--radius-sm);
}

.c59f17::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: var(--radius-sm);
}

.c59f17.l924 {
  animation-delay: 0.1s;
}

.c59f17.e3d79e {
  animation-delay: 0.2s;
}

@keyframes slideUp {
  0%, 100% {
    transform: translateY(0px);
    opacity: 1;
  }
  50% {
    transform: translateY(-20px);
    opacity: 0.6;
  }
}

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

.o8f60d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.o38107ba {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.e22d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.me6 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.b3901 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

.c05c8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-color: var(--color-success);
  color: white;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: 0.875rem;
  flex-shrink: 0;
  margin-top: 2px;
}

.nb9935 {
  display: block;
}

.c8cb {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: -0.005em;
}

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

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

.g23119:active {
  transform: translateY(0px);
}

@media (min-width: 640px) {
  .p684a2 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .ac7 {
    height: 240px;
    margin-bottom: var(--spacing-3xl);
  }

  .c59f17 {
    width: 50px;
    height: 50px;
  }

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

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

  .b3901 {
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  }
}

@media (min-width: 1024px) {
  .p684a2 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .ac7 {
    height: 280px;
    margin-bottom: var(--spacing-3xl);
  }

  .c59f17 {
    width: 60px;
    height: 60px;
  }

  .me6 {
    padding: var(--spacing-3xl);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

  .b3901 {
    margin-bottom: 0;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .c05c8 {
    margin-top: 0;
  }

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

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

  .b3901 {
    text-align: left;
  }
}

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

.a66 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.p4ca9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.d7318 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.ic9a {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g9ff1 {
  width: 100%;
}

.eb054acf {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

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

  .e1d9 {
    flex: 1 1 45%;
    max-width: 500px;
  }
}

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

.j7a256a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.k8d239 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.j911 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.kb44d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.k9bd213,
.j839 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.k9bd213::placeholder,
.j839::placeholder {
  color: var(--color-text-muted);
}

.k9bd213:focus,
.j839:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.j839 {
  min-height: 140px;
  resize: vertical;
}

.m7f {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.m7f:active {
  transform: translateY(0);
}

.l005c31e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
}

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

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

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

.lc509a2c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.kfe {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.n16d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.a5c18e {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.fc3c7079 {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.j8f0 {
  flex: 1;
}

.pc3 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.i9cbb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  line-height: 1.6;
}

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

.f1111 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

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

.b70c0 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 0.95rem);
  font-weight: 700;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.e28 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.jfa693 {
  width: 100%;
}

.i7e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

.m695a7f8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

.o4e72 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.hc5 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--spacing-md);
  color: var(--color-primary);
  font-size: clamp(1.5rem, 2vw, 1.75rem);
}

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

.pdbb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

@media (min-width: 1024px) {
  .a66 {
    padding: var(--spacing-3xl) 0;
  }

  .ic9a {
    padding: var(--spacing-3xl) 0;
  }
}
.b3e8 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  width: 100%;
}
.kd58 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 3vw, 2rem);
}
.b1da8df {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}
.b1da8df:hover {
  opacity: 0.8;
}
.m4bcf6e0 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}
.nf8dd5c {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}
.k5bcaeb {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1.5rem, 4vw, 3rem);
}
.ce6db4 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
  padding: 0.5rem 0;
}
.ce6db4::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-base);
}
.ce6db4:hover {
  color: var(--color-accent);
}
.ce6db4:hover::after {
  width: 100%;
}
.of70f667 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}
.of70f667:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.n57d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  border-radius: 6px;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  font-size: 1.25rem;
  flex-shrink: 0;
}
.n57d:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-border);
}
.n301d {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 99;
  overflow-y: auto;
}
.n301d.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.ga4453 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}
.oad {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
}
.d9ea413d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  color: var(--color-text-primary);
  cursor: pointer;
  font-size: 1.5rem;
  transition: color var(--transition-base);
}
.d9ea413d:hover {
  color: var(--color-accent);
}
.o68 {
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 3vw, 2rem) clamp(1rem, 4vw, 2rem);
  gap: 0.5rem;
  flex: 1;
}
.mb8 {
  padding: 1rem;
  background: var(--color-bg-secondary);
  border-radius: 6px;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 500;
  transition: all var(--transition-base);
  display: block;
}
.mb8:hover {
  background: var(--color-accent-light);
  color: var(--color-accent);
  transform: translateX(4px);
}
.nf3d0e5 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin: 1rem clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 6px;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  display: block;
}
.nf3d0e5:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

  .k5bcaeb {
    display: flex;
  }

  .of70f667 {
    display: block;
  }

  .n57d {
    display: none;
  }

  .n301d {
    display: none;
  }
}

@media (min-width: 1024px) {
  .kd58 {
    padding: 1.5rem clamp(1rem, 4vw, 2rem);
  }

  .ce6db4 {
    font-size: 1rem;
  }

  .of70f667 {
    padding: 0.875rem 2rem;
    font-size: 1rem;
  }
}

.n57d,.d9ea413d{
  width: 34px;
}

.k5bcaeb{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.n301d{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .n301d{
    max-width: 100%;
  }
}

.n301d.active{
  z-index: 999;
}

.o68{
  padding-top: 50px;
}

.n57d[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .g3376 {
    aspect-ratio: 6 / 9;
  }
  .d432 {
    aspect-ratio: 6 / 9;
  }
  .i068e6 img {
    aspect-ratio: 6 / 9;
  }
  .nc3b3c5f img {
    aspect-ratio: 6 / 9;
  }
  .o3bf1 {
    aspect-ratio: 6 / 9;
  }
}