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

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

  --color-text-primary: #1c1917;
  --color-text-secondary: #726b66;
  --color-text-muted: #6d6966;

  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: #fed7aa;
  --color-secondary: #f59e0b;
  --color-secondary-light: #fcd34d;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f3f0;

  --font-primary: 'Nunito Sans', sans-serif;
  --font-heading: 'Albert Sans', sans-serif;

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

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

  --shadow-xs: 0 1px 2px 0 rgba(28, 25, 23, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(28, 25, 23, 0.1), 0 1px 2px 0 rgba(28, 25, 23, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(28, 25, 23, 0.1), 0 2px 4px -1px rgba(28, 25, 23, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, 0.1), 0 4px 6px -2px rgba(28, 25, 23, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, 0.1), 0 10px 10px -5px rgba(28, 25, 23, 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;
}

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

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

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

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

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, .le253 {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 1rem;
}

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

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

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

.k75c8:hover {
  background: #d97706;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

.h2c {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
}

input, textarea, select {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-size: 1rem;
  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-light);
}

.bd239 {
  display: grid;
  gap: var(--spacing-xl);
}

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .ja30e009, .e740, .h69d {
    grid-template-columns: 1fr;
  }

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

.af6d4 {
  display: flex;
}

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

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

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

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

.m4ff6a {
  text-align: center;
}

.deb65 {
  font-size: 0.875rem;
}

.cd8 {
  font-size: 1.125rem;
}

.lc8e {
  font-size: 1.25rem;
}

.b851d {
  font-weight: 600;
}

.lb8 {
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h542e6 {
  border-radius: 9999px;
}

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

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

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

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

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

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

.kb876186 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

.jcff06 {
  background: var(--color-warning-light);
  color: #b45309;
}

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

hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--spacing-xl) 0;
}

ul, ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
}

blockquote {
  padding-left: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-secondary);
  font-style: italic;
  margin: var(--spacing-lg) 0;
}

code {
  font-family: 'Monaco', 'Courier New', monospace;
  background: var(--color-bg-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  color: var(--color-primary);
}

pre {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

pre code {
  background: none;
  padding: 0;
  color: var(--color-text-primary);
}

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.k05cfb {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

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

.n95c9:hover {
  opacity: 0.85;
}

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

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

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

.j4bb9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
}

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

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

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

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

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

.m72119 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  width: 32px;
  height: 32px;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-fast);
}

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

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

.bc2 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  border-left: 1px solid var(--color-border-light);
  overflow-y: auto;
}

.bc2.b1b {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.i06167c8:hover {
  color: var(--color-accent);
  transform: rotate(90deg);
}

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

.bf0b {
  display: block;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 4vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  border-left: 3px solid transparent;
}

.bf0b:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
  border-left-color: var(--color-accent);
  padding-left: calc(clamp(1rem, 4vw, 1.5rem) + 6px);
}

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

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

@media (min-width: 768px) {
  .o1bb35 {
    display: flex;
  }

  .dc0f {
    display: block;
  }

  .m72119 {
    display: none;
  }

  .bc2 {
    display: none;
  }
}

@media (max-width: 767px) {
  .bbeda02d {
    min-height: 60px;
  }

  .l1f {
    font-size: clamp(1rem, 2vw, 1.2rem);
  }

  .e954d {
    width: 36px;
    height: 36px;
  }
}

    .p70487 {
  width: 100%;
}

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

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

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

.le253 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

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

.h124e0:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(217, 119, 6, 0.2);
}

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

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

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

.a6db {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 600px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

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

.m64170 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
  padding: clamp(1rem, 5vw, 3rem);
  z-index: 2;
}

.afc1404 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.ab12d {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.db9c {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: #f1f5f9;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  max-width: 600px;
}

.g40 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

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

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

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

.jcef2 {
  text-align: center;
}

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

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

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

.gd83b5b9 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
}

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

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

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

.db1d {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 8px;
}

@media (min-width: 1024px) {
  .db1d {
    flex: 0 0 40%;
    max-height: 350px;
  }
}

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

@media (min-width: 1024px) {
  .m64cf {
    flex: 1 1 60%;
    padding: 0;
  }
}

.l40 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

.p452e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border: 2px solid var(--color-border-light);
}

@media (min-width: 1024px) {
  .p452e {
    flex: 0 0 40%;
  }
}

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

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

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

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

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

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

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

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

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

.na04906 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: 50px;
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.na04906 i {
  font-size: 1.25rem;
  color: var(--color-accent);
}

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

.f0dcf {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 2px solid var(--color-border-light);
  text-decoration: none;
  flex: 0 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 280px;
  transition: all 0.3s ease;
  text-align: center;
}

@media (min-width: 768px) {
  .f0dcf {
    flex: 0 1 calc(25% - 0.75rem);
    min-width: 200px;
  }
}

.f0dcf:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
  transform: translateY(-4px);
}

.cacde {
  font-size: 2rem;
  color: var(--color-accent);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 10px;
}

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

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

.p05eb {
  display: flex;
  justify-content: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 2px solid var(--color-border-light);
}

.n7095 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.75rem, 3.5vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.n7095:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(217, 119, 6, 0.2);
}

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

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

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

.hec4612 {
  flex: 1 1 100%;
  max-height: 450px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1024px) {
  .hec4612 {
    flex: 0 0 40%;
    max-height: 500px;
  }
}

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

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

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

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

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

.c493d2 {
  flex: 0 0 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: 10px;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

.k29556e0 {
  text-align: center;
}

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

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

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

.j1578 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border: 2px solid var(--color-border-light);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  max-width: 320px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.j1578:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.1);
  transform: translateY(-4px);
}

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

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

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

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

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

.n6747d {
  text-align: center;
}

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

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

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

.p012f35e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 2px solid var(--color-border-light);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 180px;
  max-width: 280px;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
}

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

.p012f35e:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.1);
  transform: translateY(-4px);
}

.ff4e2 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.15;
  position: absolute;
  top: clamp(0.5rem, 1vw, 1rem);
  right: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

.j6f475 {
  text-align: center;
}

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

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

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

.fd3cd {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border: 2px solid var(--color-border-light);
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 360px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.fd3cd:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.1);
  transform: translateY(-4px);
}

.i616f {
  font-size: 2.5rem;
  color: var(--color-accent);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  margin: 0 auto;
}

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

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

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

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

.j20 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 2px solid var(--color-border-light);
  text-align: center;
  max-width: 600px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

.j20:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(217, 119, 6, 0.15);
  transform: translateY(-4px);
}

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

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

.c4a48e0 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.75rem, 3.5vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-family: inherit;
}

.c4a48e0:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(217, 119, 6, 0.2);
}

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

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

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

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

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

.g7c {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 10px;
  border: 2px solid var(--color-border-light);
  flex: 0 1 auto;
  min-width: 130px;
  max-width: 160px;
  text-align: center;
  transition: all 0.3s ease;
}

.g7c:hover {
  border-color: var(--color-accent);
  box-shadow: 0 6px 16px rgba(217, 119, 6, 0.12);
  transform: translateY(-2px);
}

.ncc2746 {
  font-size: 2rem;
  color: var(--color-accent);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 8px;
}

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

.dda96 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.2);
}

.dda96.cd580fa {
  display: none;
}

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

.hda52e {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
  align-items: center;
}

.cbf1ad02,
.l1f8535 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-family: inherit;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

.l1f8535 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.l1f8535:hover {
  border-color: rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

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

  .hda52e {
    width: 100%;
    justify-content: center;
  }

  .cbf1ad02,
  .l1f8535 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.jee987 {
  max-width: 520px;
}

.jee987 h3,
.c65 h3,
.cd04 h3,
.o9894c h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: -0.3px;
}

.jee987 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m1af li,
.kd1b10de li {
  margin: 0;
  padding: 0;
}

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

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

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

.cd04 p + p {
  margin-top: 0.5rem;
}

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

.odc {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c920eb {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .jee987 {
    flex: 1 1 280px;
    max-width: 520px;
  }

  .c65 {
    flex: 0 1 auto;
    min-width: 160px;
  }

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

  .o9894c {
    flex: 0 1 auto;
    min-width: 160px;
  }

  .jd326a {
    flex: 1 1 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
  }

  .odc {
    margin: 0;
  }

  .c920eb {
    text-align: right;
  }
}

@media (min-width: 1024px) {
  .c199 {
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .jee987 {
    flex: 1 1 300px;
  }

  .c65 {
    flex: 0 1 180px;
  }

  .cd04 {
    flex: 0 1 280px;
  }

  .o9894c {
    flex: 0 1 180px;
  }
}

@media (max-width: 767px) {
  .jd326a {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    text-align: left;
  }

  .c920eb {
    text-align: left;
  }
}
    

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

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

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

.l13 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.fb8b427 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

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

.o2b {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

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

.od4fc8d {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  min-width: 140px;
  flex: 0 0 auto;
}

.a9561a6 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .od4fc8d {
    min-width: auto;
  }
}

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

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

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

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

.e4b {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  flex: 1 1 clamp(300px, 45vw, 400px);
  min-height: auto;
  transition: all var(--transition-base);
}

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

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

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

.g07ad {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
}

.a85489,
.b1d1,
.a2eec1 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.a85489 i,
.b1d1 i,
.a2eec1 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.9375rem);
}

.b06946 {
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-fast);
  padding: 0.5rem 0;
}

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

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

  .e4b {
    flex: 1 1 100%;
  }

  .d33e52a4 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .of449a {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .l851e0 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }
}

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

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

.deaa8a9 {
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
}

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

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

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

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

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

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

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

.g99 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

  .aae383fe,
  .k522 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.j23d45 {
  flex: 1 1 55%;
  max-width: 55%;
}

.o373431 {
  flex: 1 1 45%;
  max-width: 45%;
}

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

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

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

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

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

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

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

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

  .j23d45,
  .o373431 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.pd8 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.j0578a43 {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: list-counter;
}

.o69f589 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  padding-left: 2.5rem;
  position: relative;
  counter-increment: list-counter;
}

.o69f589:before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: 50%;
}

.c15 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
}

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

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

.p60cfff7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  margin: clamp(1.5rem, 2vw, 2rem) 0;
}

.fa03 {
  flex: 1 1 50%;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 2vw, 2rem);
}

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

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

.maac2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  margin: 0 0 clamp(0.5rem, 0.75vw, 0.75rem) 0;
  padding-left: 1.5rem;
  position: relative;
}

.maac2:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

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

  .me51,
  .g42 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.ifcdf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 4vw, 3rem);
  height: clamp(2.5rem, 4vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  border-radius: 50%;
  flex-shrink: 0;
}

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

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

.d6472 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

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

.c085c70 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  max-width: 500px;
  background: var(--color-bg-primary);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
}

.a5441 {
  flex-shrink: 0;
}

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

.aa343 {
  flex: 1;
}

.j7e488 {
  margin: 0 0 0.25rem 0;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
}

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

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

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

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

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

  .a5441 {
    order: -1;
  }
}

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

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

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

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

.n78c {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(2rem, 3vw, 2.5rem);
  text-align: center;
  margin-top: clamp(2rem, 3vw, 3rem);
}

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

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

.adaf5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.375rem, 0.75vw, 0.5rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

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

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

.deb88 {
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-secondary);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

.k72b0 {
  width: 100%;
}

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

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

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

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

.f17b {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.k490b8b3 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: auto;
}

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

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

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

  .d6472 {
    position: static;
  }
}

* {
  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);
  overflow-x: hidden;
}

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

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

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

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

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

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

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

.j993c9f a {
  color: var(--color-accent);
  transition: var(--transition-base);
}

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

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

.me0 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  padding: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

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

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

.cb7 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.1;
}

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

.cffa7 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  flex-wrap: wrap;
}

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

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

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

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

@media (max-width: 768px) {
  .b2d7 {
    flex-direction: column;
  }
  
  .l50a4e,
  .d175c {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .cffa7 {
    gap: var(--spacing-md);
  }
}

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

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

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

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

.of3d2 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

.c4f3b8 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.n1f7f7a2 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.ke7339c {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

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

@media (max-width: 768px) {
  .o5fd1fc2 {
    flex-direction: column;
  }
  
  .b8d1,
  .ia7c9174 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.l225919 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

@media (max-width: 768px) {
  .m580d729 {
    flex-direction: column;
  }
  
  .ed88a51,
  .k0be {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.na5a {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

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

@media (max-width: 768px) {
  .kbd8fa {
    flex-direction: column;
  }
  
  .o99,
  .i14b1f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.pea1088 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

.g9b5 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.a91886e1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

.ef8 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
}

.k2aee {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.k2aee li {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

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

.e2cd6 {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

.dcba3f0e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid rgba(217, 119, 6, 0.2);
}

.k03 {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.j303 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
}

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

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

.nf2de5 {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.n11f0 {
  flex: 0 0 auto;
}

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

.l5b1f9a {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

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

.jfb {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

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

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

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

.jfb:hover .a1fbcaa {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .cffa7 {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
  
  .j993c9f {
    gap: 0.25rem;
    font-size: 0.75rem;
  }
}

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

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

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

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

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

.c5321 {
  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.875rem);
}

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

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

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

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

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

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

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

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

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

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

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

.fed {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.fed img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  min-height: 250px;
}

@media (max-width: 768px) {
  .m9cce9e {
    flex-direction: column;
  }
  
  .mfee1,
  .fed {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .f67610d {
    gap: 0.75rem;
  }
}

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

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

.l8520 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.l3ebb0bf,
.m18792,
.p58,
.p710c9 {
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.l3ebb0bf,
.p58 {
  background: var(--color-bg-primary);
}

.m18792,
.p710c9 {
  background: var(--color-bg-tertiary);
}

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

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

.p91e2 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.p91e2 img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  min-height: 300px;
}

.h5ba0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

.ebe {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 1.5rem 0;
}

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

.e40d3adf {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  min-width: 45px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 1.25rem;
  font-weight: bold;
  border-radius: 50%;
  font-family: var(--font-heading);
}

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

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

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

@media (max-width: 768px) {
  .fc0a {
    flex-direction: column;
  }
  
  .i2bd1,
  .p91e2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .p91e2 img {
    min-height: 200px;
  }
}

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

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

.e0c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

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

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

.c69 {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin: 0;
  line-height: 1.6;
  font-weight: 500;
}

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

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

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

.o8c {
  flex-shrink: 0;
}

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

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

.j3afad7 {
  margin: 0;
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

.i87b {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  line-height: 1.3;
}

.i87b i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

.p1285 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

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

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

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

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

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

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

.a40 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.4;
}

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

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

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

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

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

@media (max-width: 480px) {
  .c5321 {
    font-size: 0.75rem;
  }
  
  .d433 {
    gap: 1rem;
  }
  
  .e40d3adf {
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-size: 1.1rem;
  }
}

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

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

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

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

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

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

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

.e513 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.ec665f03 {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-xl);
}

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

@media (max-width: 767px) {
  .ec665f03 {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c5ea21 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

@media (max-width: 767px) {
  .c5ea21 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 200px;
    max-height: 350px;
  }
}

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

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

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

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

.c5d {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  order: -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m3131 li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
}

.m1c050a {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

@media (max-width: 767px) {
  .m1c050a {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 200px;
  }
}

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

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

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

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

.oea8 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 250px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

@media (max-width: 767px) {
  .oea8 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 200px;
  }
}

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

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

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

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

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

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

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

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

.ef9662 {
  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;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ed1c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n2304 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .j51 {
    flex: 1 1 calc(50% - 1.5rem);
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .ha9 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .j14005a {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .p60c {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .g64d {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .gb03 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .e054fd8 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .i3409b {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .c3f1aa75 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .kd026 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }

  .n5376 {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }
}

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

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

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

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

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

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

.h358928 {
  text-align: center;
}

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

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

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

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

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

.kc31a {
  text-align: center;
}

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

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

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

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

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

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

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

.f12 {
  text-align: center;
}

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

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

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

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

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

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

.j2537 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-primary);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.n68f3 {
  text-align: center;
}

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

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

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

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

.h8f {
  flex: 1 1 calc(50% - 1rem);
  min-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

.fa6 {
  text-align: center;
}

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

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

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

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

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

.p1baaa2 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.oeee83 {
  flex: 1;
}

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

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

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

.dd8a {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

.ff5d {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

.lae7f45c {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
}

.lae7f45c p {
  margin: 0;
  color: var(--color-text-secondary);
}

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

  .h8f {
    flex: 1 1 100%;
  }

  .k2815 {
    gap: 0.75rem;
  }

  .p1baaa2 {
    font-size: 1.5rem;
  }
}

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

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

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

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

* {
  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);
  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: var(--transition-base);
}

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

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

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

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

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

.ffb {
  width: 100%;
  max-width: 400px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

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

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

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

.m2de170 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  max-width: 600px;
  line-height: 1.5;
}

.e8a748 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin-top: 0.5rem;
}

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

  .ffb {
    max-width: 350px;
    flex: 0 0 350px;
  }

  .f1c1 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .ffb {
    max-width: 420px;
    flex: 0 0 420px;
  }

  .o1f5f {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }
}

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

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

.b79c9 {
  text-align: center;
}

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

.g01556 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-top: 0.5rem;
  line-height: 1.2;
}

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

.b41868f {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  min-width: 200px;
  flex: 1 1 calc(50% - 0.5rem);
  text-align: center;
  transition: var(--transition-base);
}

.b41868f:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

@media (min-width: 768px) {
  .b41868f {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

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

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

.bbe {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

.m8df {
  text-align: center;
}

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

.bf45 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-top: 0.5rem;
  line-height: 1.2;
}

.k4e0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  max-width: 600px;
  margin: 1rem auto 0;
}

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

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

.ga625 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: rgba(217, 119, 6, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.b54e {
  text-align: center;
}

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

.f62ed06 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-top: 0.5rem;
  line-height: 1.2;
}

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

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

.o19cb2 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 24px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  cursor: default;
  display: inline-block;
}

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

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

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

.jefb {
  text-align: center;
}

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

.j9e057ef {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-top: 0.5rem;
  line-height: 1.2;
}

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

.g4d129 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: var(--transition-base);
}

.g4d129:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(217, 119, 6, 0.15);
}

.hf7a2 {
  width: 48px;
  height: 48px;
  background: rgba(217, 119, 6, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  margin-bottom: 1rem;
}

.fb8242 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

.f21a6 {
  display: inline-flex;
  align-items: center;
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
}

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

.f21a6::after {
  content: '→';
  margin-left: 0.5rem;
  transition: var(--transition-base);
}

.g4d129:hover .f21a6::after {
  margin-left: 0.75rem;
}

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

.k332d09 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

.k332d09:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
  text-decoration: none;
}

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

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

.p3b6 {
  text-align: center;
}

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

.icd2 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-top: 0.5rem;
  line-height: 1.2;
}

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

.nd4 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 200px;
  text-align: center;
  transition: var(--transition-base);
}

.nd4:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

@media (min-width: 768px) {
  .nd4 {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

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

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

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

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

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

.fca246d {
  text-align: center;
}

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

.ad8a {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  margin-top: 0.5rem;
  line-height: 1.2;
}

.f4f {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  max-width: 600px;
  margin: 1rem auto 0;
}

.g8afdb5e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

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

.o5064 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

.o5064:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
  text-decoration: none;
}

.i51 {
  display: inline-block;
  background: transparent;
  border: 2px solid var(--color-accent);
  color: var(--color-accent);
  padding: clamp(0.65rem, 1.5vw, 0.9rem) clamp(1.35rem, 3vw, 2.3rem);
  border-radius: 8px;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
}

.i51:hover {
  background: rgba(217, 119, 6, 0.1);
  border-color: var(--color-accent-hover);
  color: var(--color-accent-hover);
  text-decoration: none;
}

@media (max-width: 480px) {
  .g8afdb5e {
    width: 100%;
  }

  .o5064,
  .i51 {
    width: 100%;
    text-align: center;
  }
}

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

  .af648c2,
  .gca7,
  .ma4c1,
  .mcf1,
  .oe0f2,
  .maf034b {
    padding: clamp(3rem, 10vw, 5rem) 0;
  }
}

.gbc {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

.i73 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.i73 p {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.oa1 {
  max-width: 1200px;
  margin: 0 auto;
}

.gcc {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .gcc {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

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

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

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

.i6770e {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.h35 {
  width: 100%;
  height: 240px;
  background-color: var(--color-bg-tertiary);
  overflow: hidden;
  position: relative;
}

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

.i6770e:hover .h35 img {
  transform: scale(1.03);
}

.n78b2 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.c29 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.n78b2 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.n78b2 p {
  font-size: clamp(0.9rem, 1vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.b48 {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

.g4aa h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.g4aa p {
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.l5d0d1 {
  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-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

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

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

.g64 {
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.la29 {
  order: 2;
}

.gb3d8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

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

.if0af6ad {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  order: 1;
}

@media (min-width: 768px) {
  .g64 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
    padding: var(--spacing-2xl) var(--spacing-lg);
    align-items: center;
  }

  .la29 {
    order: 1;
  }

  .if0af6ad {
    height: 320px;
    order: 2;
  }
}

@media (min-width: 1024px) {
  .g64 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    gap: var(--spacing-3xl);
  }

  .if0af6ad {
    height: 380px;
  }
}

.kea2a5 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

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

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

.e24 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

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

.e24[aria-expanded="true"] {
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
}

.o247d35 {
  flex: 1;
  line-height: 1.4;
}

.k70002d {
  flex-shrink: 0;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  transition: transform var(--transition-fast);
}

.e24[aria-expanded="true"] .k70002d {
  transform: rotate(45deg);
}

.j0c {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out forwards;
}

.j0c p {
  margin: 0;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

  .c6f16 {
    max-width: 800px;
  }

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

  .e24 {
    padding: var(--spacing-lg);
    font-size: 1.1rem;
  }

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

  .j0c p {
    font-size: 1.05rem;
  }
}

@media (min-width: 1024px) {
  .kea2a5 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.be732ab9 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

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

.c9824 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.h23b8 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  cursor: pointer;
  border: none;
}

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

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

  .a81144 {
    max-width: 700px;
  }

  .fd27 {
    font-size: 2rem;
  }

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

@media (min-width: 1024px) {
  .be732ab9 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

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

.e3ce42d .af738cb {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e3ce42d .cf56fd73 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.e3ce42d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.e3ce42d .gb088e {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-3xl);
  display: block;
}

.e3ce42d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.e3ce42d ul,
.e3ce42d ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

.e3ce42d em {
  color: var(--color-text-secondary);
  font-style: italic;
}

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

.e3ce42d .d32b3 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.e3ce42d .d32b3 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.e3ce42d .d32b3 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.e3ce42d .e74f3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.e3ce42d .e74f3 p {
  margin-bottom: 0;
}

.e3ce42d .e74f3 strong {
  display: inline-block;
  min-width: 100px;
  color: var(--color-primary);
  font-weight: 600;
}

@media (min-width: 768px) {
  .e3ce42d .cf56fd73 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .e3ce42d .cf56fd73 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.p25 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.cf56fd73 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.a23f {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.h62a6 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
}

.b9d371 {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: scaleIn 0.6s ease-out 0.2s both;
}

.d889f9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
  animation: fadeInUp 0.8s ease-out 0.1s both;
}

.f2659 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-weight: 500;
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.df212 {
  margin-bottom: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.df212 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

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

.le253 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

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

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

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

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

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

@media (min-width: 768px) {
  .d14833d {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .d14833d {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .b9d371,
  .d889f9,
  .f2659,
  .df212,
  .le253 {
    animation: none;
  }

  .p0c5:hover {
    transform: none;
  }

  .p0c5:active {
    transform: none;
  }
}

.p9ed0b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.adbb898 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.cf56fd73 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.b126c197 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.c70 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.icf60 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k0ba4 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.d8743e {
  position: absolute;
  width: clamp(200px, 40vw, 400px);
  height: clamp(200px, 40vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.15;
  z-index: 1;
  filter: blur(40px);
  animation: float-decoration 6s ease-in-out infinite;
}

@keyframes float-decoration {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(30px, -30px) scale(1.1);
  }
}

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

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

.p6c6a6a5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c32c4 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  text-align: left;
  display: inline-block;
  margin: var(--spacing-md) auto;
}

.jc6e {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.ndf2b79 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ndf2b79 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

.ndf2b79 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

.le253 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  gap: var(--spacing-sm);
}

.p0c5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 640px) {
  .adbb898 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

  .c32c4 {
    padding: var(--spacing-lg);
    margin: var(--spacing-lg) auto;
  }

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

  .ndf2b79 li {
    padding-left: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .adbb898 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

  .d8743e {
    width: 450px;
    height: 450px;
  }

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

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

  .le253 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    margin-top: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .adbb898 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

  .d8743e {
    width: 500px;
    height: 500px;
  }

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

  .c32c4 {
    text-align: center;
  }

  .ndf2b79 {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
  }

  .ndf2b79 li {
    padding-left: var(--spacing-md);
    flex: 0 1 auto;
    text-align: center;
  }

  .ndf2b79 li::before {
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
  }
}

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

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

.cd6e {
  text-align: center;
}

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

.eb1 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.jfb4c53e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.f973d {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

.jd3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.2;
}

.bf23 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.j64a19 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.ld291f4,
.n3be92b {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.5;
  transition: var(--transition-base);
  transition-property: border-color, box-shadow, background-color;
}

.ld291f4::placeholder,
.n3be92b::placeholder {
  color: var(--color-text-muted);
}

.ld291f4:focus,
.n3be92b: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);
}

.n3be92b {
  resize: vertical;
  min-height: 140px;
}

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

.me2d6813 {
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.h18c {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  font-weight: 500;
}

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

.d6f2ae {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition-base);
  transition-property: background-color, transform, box-shadow;
}

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

.d6f2ae:active {
  transform: translateY(0);
}

.d6f2ae:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.d32a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.2;
}

.ge3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.ab4db9c {
  display: flex;
  gap: var(--spacing-lg);
}

.i278f {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.a10866 {
  flex: 1;
}

.j8d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

.h03 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

.nc36c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

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

.h0b543 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.me6b2ce {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g5ca1a {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

.n1e {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 0.95rem);
  transition: var(--transition-fast);
  transition-property: background-color, transform;
}

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

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

.fa23f {
  text-align: center;
}

.e78192 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.jd5 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: var(--transition-base);
  transition-property: background-color, transform, box-shadow;
}

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

.jd5:active {
  transform: translateY(0);
}

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

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

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

  .e2248174 {
    flex: 1 1 45%;
  }

  .n0b5f6af {
    flex: 1 1 45%;
  }

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

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

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

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

  .e2248174 {
    flex: 1 1 50%;
  }

  .n0b5f6af {
    flex: 1 1 50%;
  }

  .of00977 {
    padding: var(--spacing-4xl) 0;
  }
}
.m72119,.i06167c8{
  width: 34px;
}

/* FIX:nav .o1bb35 */
.o1bb35{
  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;
}

.bc2{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .bc2{
    max-width: 100%;
  }
}

/* FIX:zindex .bc2.b1b */
.bc2.b1b{
  z-index: 999;
}

/* FIX:navpad .ga2 */
.ga2{
  padding-top: 50px;
}

/* FIX:toggle-expand .m72119 */
.m72119[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .a6db {
    aspect-ratio: 6 / 9;
  }
}