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

:root {
  --color-bg-primary: #042f2e;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #064e4a;
  --color-bg-card: #ffffff;

  --color-text-primary: #134e4a;
  --color-text-secondary: #a6a6a6;
  --color-text-muted: #000000;
  --color-text-light: #ffffff;
  --color-text-dark: #042f2e;

  --color-primary: #0d9488;
  --color-primary-hover: #0f766e;
  --color-primary-light: #ccf0ed;
  --color-primary-lighter: #e0f9f7;

  --color-secondary: #14b8a6;
  --color-secondary-light: #d1f8f3;
  --color-secondary-lighter: #e6fcfa;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #0f766e;
  --color-border-light: #d1f8f3;

  --font-primary: 'Red Hat Text', sans-serif;
  --font-heading: 'Red Hat Display', 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;

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

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

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

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

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

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

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

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

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

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

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

input, textarea, select {
  font-family: var(--font-primary);
}

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

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

.d924 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.g77a {
  background: var(--color-bg-primary);
  color: var(--color-text-light);
  padding: var(--spacing-3xl) 0;
}

.g77a h2,
.g77a h3,
.g77a h4 {
  color: var(--color-text-light);
}

.g77a p {
  color: rgba(255, 255, 255, 0.9);
}

.g77a .j2b75 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.g77a .j2b75 h3 {
  color: var(--color-text-light);
}

.g77a .j2b75 p {
  color: rgba(255, 255, 255, 0.85);
}

.ec6ccf {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-3xl) 0;
}

.ec6ccf h2,
.ec6ccf h3,
.ec6ccf h4 {
  color: var(--color-text-primary);
}

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

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

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

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

.a35 {
  background: rgba(16, 185, 129, 0.1);
  color: var(--color-success);
}

.h64c {
  background: rgba(245, 158, 11, 0.1);
  color: var(--color-warning);
}

.oca8f9b {
  background: rgba(239, 68, 68, 0.1);
  color: var(--color-danger);
}

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

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

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

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

@media (max-width: 768px) {
  .dfba34,
  .hc14ca,
  .fee {
    grid-template-columns: 1fr;
  }
}

.o26ef1 {
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

.e2ff29ef {
  text-align: center;
}

.hae2e4 {
  text-align: right;
}

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

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

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

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

.hd0e0 { margin-top: var(--spacing-sm); }
.g35e { margin-top: var(--spacing-md); }
.e06b9 { margin-top: var(--spacing-lg); }
.m43 { margin-top: var(--spacing-xl); }

.jbcbe { margin-bottom: var(--spacing-sm); }
.ce8ad { margin-bottom: var(--spacing-md); }
.k96 { margin-bottom: var(--spacing-lg); }
.k4cc40c { margin-bottom: var(--spacing-xl); }

.cdd61898 {
  margin-left: auto;
  margin-right: auto;
}

.lb0e3 {
  margin-top: auto;
  margin-bottom: auto;
}

.e9d15 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.aa9ac { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }

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

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

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

.m8e9582 {
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

.c0f90ba {
  opacity: 0.5;
}

.n49bf {
  opacity: 0.75;
}

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

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

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

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

.l822d43:hover {
  transform: scale(1.05);
}

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

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

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

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

.e8e {
  font-weight: 700;
}

.d4f1e7 {
  font-weight: 600;
}

.cf87 {
  font-weight: 500;
}

.cee8d {
  font-weight: 400;
}

.h951a951 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.m69ee4b1 {
  font-size: 1rem;
  line-height: 1.5rem;
}

.k954 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.la202d5a {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.n5949 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.b4675d51 {
  line-height: 1.25;
}

.jc8 {
  line-height: 1.75;
}

@media (max-width: 640px) {
  body {
    font-size: 0.95rem;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.35rem;
  }

  h3 {
    font-size: 1.15rem;
  }

  .g77a,
  .ec6ccf {
    padding: var(--spacing-2xl) 0;
  }
}

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

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-light);
  }

  .j2b75 {
    background: var(--color-bg-tertiary);
    color: var(--color-text-light);
  }

  .j2b75 h3 {
    color: var(--color-text-light);
  }

  .j2b75 p {
    color: rgba(255, 255, 255, 0.85);
  }
}
.n5d {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
}

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

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

.k6eb156:hover {
  opacity: 0.85;
}

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

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

.dd2d8 {
  display: none;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  justify-content: center;
}

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

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

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

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

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

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

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

.kb40c0f7.m9c {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.hf245b3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: sticky;
  top: 0;
  background: var(--color-bg-primary);
  z-index: 1;
}

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

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

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

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

.p3e7 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
}

.p3e7:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-right: calc(clamp(1rem, 3vw, 2rem) + 0.5rem);
}

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

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

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

  .kb40c0f7 {
    display: none;
  }

  .dd2d8 {
    display: flex;
  }

  .n803 {
    display: inline-block;
  }

  .e03a3 {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .e03a3 {
    padding: 1rem clamp(2rem, 4vw, 3rem);
    gap: 2rem;
  }

  .dd2d8 {
    gap: 0.25rem;
  }

  .l37b64a2 {
    padding: 0.625rem 1rem;
    font-size: 0.9375rem;
  }
}

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

.e9bc h1,
.e9bc h2,
.e9bc h3,
.e9bc h4,
.e9bc h5,
.e9bc h6,
.e9bc p,
.e9bc span,
.e9bc a,
.e9bc li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g95 {
  position: relative;
  width: 100%;
  max-width: 900px;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.b7f23 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(4, 47, 46, 0.6) 0%, rgba(6, 78, 74, 0.4) 100%);
}

.d40ea325 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  max-width: 700px;
  z-index: 2;
}

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

.ja913ca7 {
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  color: var(--color-text-light);
  margin: 0;
  opacity: 0.95;
}

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

.dd3f9a {
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

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

.n5373 {
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 3vw, 1.75rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-full);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  cursor: pointer;
}

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

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

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

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

.fa15:nth-child(2) {
  flex-direction: row-reverse;
}

.i447f {
  flex: 1 1 40%;
  min-height: 300px;
}

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

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

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

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

.ge0 {
  align-self: flex-start;
  padding: 0.625rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
}

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

@media (max-width: 768px) {
  .fa15,
  .fa15:nth-child(2) {
    flex-direction: column;
  }

  .i447f {
    flex: 1 1 100%;
  }

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

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

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

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

.a67dd3bb {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 700;
}

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

.k49,
.g0a277f {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  line-height: 1.7;
}

.o83e85 {
  flex: 1 1 50%;
  min-height: 300px;
}

.e6176966 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .j57 {
    flex: 1 1 100%;
  }

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

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

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

.b59f1 {
  text-align: center;
}

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

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

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

.ndd140 {
  flex: 1 1 300px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.o689d9 {
  text-align: center;
}

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

.jeb6 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

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

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

.d4fe0 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.ldccbbf {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 700;
}

.b209ac8 {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.6;
}

.la6 {
  align-self: flex-start;
  padding: 0.625rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
}

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

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

.jf6 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
}

.jf6:hover {
  background: rgba(255, 255, 255, 0.1);
}

.ncc1e3 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

.pad {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 700;
}

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

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

.o71 {
  text-align: center;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

.fd53764 {
  padding: 0.75rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
}

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

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

  .gc626 {
    flex: 1 1 100%;
  }

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

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

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

.b47d3b5b {
  text-align: center;
}

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

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

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

.gc68ca0 {
  flex: 1 1 250px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  position: relative;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.e595 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
  line-height: 1;
}

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

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

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

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

.k05985 {
  text-align: center;
}

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

.e72d7 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

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

.p092 {
  flex: 1 1 250px;
  max-width: 300px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.p092:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-4px);
}

.mcaf {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

.o4c {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.6;
}

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

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

.a6ebc20 {
  text-align: center;
}

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

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

.kc88d7db {
  flex: 1 1 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

.k8596f {
  font-size: clamp(2.25rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: 1;
}

.p2cb4a5 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

.aae5 {
  text-align: center;
}

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

.k15f58ef {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
}

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

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

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

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

.e940c04 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0;
  line-height: 1;
}

.pae50238 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-light);
  margin: 0;
  font-weight: 700;
}

.j7c0 {
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

.kcb9d {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.k821d7e {
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.25rem);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.i0d0 {
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(0.75rem, 2vw, 1.25rem) clamp(0.75rem, 1.5vw, 1rem) clamp(2.5rem, 5vw, 3.5rem);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  background: var(--color-bg-card);
  transition: all 0.3s ease;
}

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

.i0d0:focus {
  outline: none;
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

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

.p072e {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
  box-shadow: var(--shadow-sm);
}

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

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

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

.g68 {
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: rgba(13, 148, 136, 0.1);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  max-width: 600px;
  margin: clamp(1rem, 2vw, 2rem) auto 0;
}

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

.e2a {
  padding: 0.75rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
  align-self: center;
}

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

.e6394 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.e6394.h326046 {
  display: none;
}

.m77e {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  text-align: center;
  flex: 1 1 auto;
  min-width: 200px;
}

.cc15 {
  display: flex;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
  justify-content: center;
  flex: 0 1 auto;
}

.m343,
.k795a97 {
  padding: clamp(0.5rem, 1vw, 0.625rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-full);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
  border: none;
  white-space: nowrap;
}

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

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

.k795a97 {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.k795a97:hover {
  border-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 1);
}

@media (max-width: 640px) {
  .e6394 {
    padding: clamp(0.75rem, 1.5vw, 1rem);
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .m77e {
    flex: 1 1 100%;
  }

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

  .m343,
  .k795a97 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.j1715d {
  display: block;
}

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

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

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

.e76d0469,
.kff872d5,
.b2bbd {
  display: block;
  flex: 1 1 200px;
  min-width: 150px;
}

.e76d0469 h3,
.kff872d5 h3,
.b2bbd h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
}

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

.k4c6f li {
  display: block;
}

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

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

.kff872d5 {
  display: block;
}

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

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

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

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

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

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

  .e76d0469,
  .kff872d5,
  .b2bbd {
    flex: 1 1 100%;
  }

  .e34 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .g1b5d96b {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .b34 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .n382d {
    gap: clamp(1.25rem, 2.5vw, 1.5rem);
  }

  .j1715d p,
  .kff872d5 p,
  .k4c6f a {
    font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  }
}
    

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

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

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

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

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

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

.je5174 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: #e0e0e0;
  line-height: 1.6;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a21ab {
  max-width: 800px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

.c0ae91 {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-accent);
  line-height: 1;
  opacity: 0.3;
}

.oac {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n7e4 {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-accent);
  line-height: 1;
  opacity: 0.3;
}

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

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

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

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

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

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

.a92e10c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg, 12px);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 450px;
}

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

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

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

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

.a92e10c:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.p16c {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.mba0 .cf884efd {
  aspect-ratio: 16/6;
}

.a92e10c .c98e,
.a92e10c .c61070,
.a92e10c .o9941,
.a92e10c .kd46a6fa {
  padding: 0 clamp(1rem, 2vw, 1.5rem);
}

.c98e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o9941 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
}

.hf53f56e {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.hf53f56e i {
  color: var(--color-accent);
  font-size: 1em;
}

.kd46a6fa {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .mba0 {
    flex: 1 1 100%;
  }

  .d7fab1f {
    flex: 1 1 100%;
  }

  .oa670f2 {
    flex: 1 1 100%;
  }

  .bd22 {
    flex: 1 1 100%;
  }

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

  .mba0 .cf884efd {
    aspect-ratio: 16/9;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .a92e10c {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

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

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

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

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

@media (min-width: 1024px) {
  .obd4 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .p59b {
    padding: clamp(5rem, 10vw, 8rem) 0;
  }

  .lea05e {
    padding: clamp(5rem, 10vw, 8rem) 0;
  }

  .a92e10c {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    max-width: none;
  }

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

  .d7fab1f {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }

  .oa670f2 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }

  .bd22 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.af8d0e a,
.af8d0e span {
  color: var(--color-secondary);
}

.af8d0e a:hover {
  color: #ffffff;
}

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

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

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

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

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

.p103 {
  background: rgba(20, 184, 166, 0.2);
  color: var(--color-secondary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  font-weight: 500;
}

.o4118cad {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.n9cac76 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  line-height: 1.7;
}

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

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

  .be2f,
  .mad {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.g457a980 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

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

.o9f929 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.h55 {
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0;
}

.h55 a {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

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

.m0e017,
.f934,
.f05a1,
.jbc {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

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

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

  .g457a980 {
    flex: 1 1 100%;
    position: static;
  }

  .fb102e {
    flex: 1 1 100%;
  }

  .m1332ef {
    flex-direction: column;
  }

  .f5549dd5,
  .m5c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.f5f000 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: #ffffff;
  margin: 0;
}

.l2e7662b {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #e0e0e0;
  line-height: 1.7;
  margin: 0;
}

.nc6f6557 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

.gd79647c {
  flex: 0 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.gd79647c:hover .ia8a766b {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .af8d0e {
    font-size: 0.8125rem;
  }

  .g457a980 {
    flex: 0 0 100%;
    position: static;
  }

  .j45 {
    flex-direction: column;
  }

  .p103 {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
  }
}

.a6aec37 {
  font-family: var(--font-primary);
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .b64052aa {
    flex-direction: column;
  }
  
  .o8f43,
  .na0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.i623f841 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  text-align: center;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

.i623f841 i {
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.oc8 {
  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: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 768px) {
  .gc0e00 {
    flex-direction: column;
  }
  
  .pebe,
  .k59c2b0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.p9f {
  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: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .ccfa7 {
    flex-direction: column-reverse;
  }
  
  .b3c2a6,
  .be7ee7df {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.ne7 {
  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: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .d71e0 {
    flex-direction: column;
  }
  
  .lb8f22,
  .ffd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.c18f {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  justify-content: center;
}

.k2b7e5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  max-width: 280px;
}

.kec83 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

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

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

.j62e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

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

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

.dfa0c9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.ld20fc {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border-left: 4px solid var(--color-accent);
}

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

.j12fd {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f5857 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

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

.f4000:hover .ed08fb {
  transform: scale(1.05);
}

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

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

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

.l398e {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  margin-top: 0.5rem;
}

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

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

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

.j5b46 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.h71 span:last-child {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.p978c8 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-top: 1.5rem;
}

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

.ffdb3d i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

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

  .if73d,
  .ed072bba {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p978c8 {
    gap: 1rem;
  }
}

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

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

.dd6 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
}

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

.k684 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

.e19 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-light);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e19 a:hover {
  color: var(--color-text-light);
  text-decoration: underline;
}

.iaf09f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 500;
}

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

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

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

.ja9 {
  margin-bottom: 1.5rem;
}

.c471f {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.hca9 li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.b49 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem;
  background: #f8fafc;
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

.ffc83 {
  flex: 1 1 auto;
}

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

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

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

.i404e668 {
  background: #f0fdf4;
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-secondary);
}

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

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

.b2cc {
  background: var(--color-bg-secondary);
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.cfc33 {
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  margin: 0;
}

.gd473b0a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #78350f;
  line-height: 1.6;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gd473b0a i {
  flex-shrink: 0;
  margin-top: 0.2rem;
  color: #f59e0b;
}

.e3e494 {
  background: var(--color-bg-secondary);
  padding: 0;
  overflow: hidden;
}

.laf474fe {
  text-align: center;
}

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

.hba {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

.g59be0 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.hbd045d {
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.hbd045d:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

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

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

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

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

.d001 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-base);
  align-self: flex-start;
  margin-top: 0.5rem;
}

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

@media (max-width: 1024px) {
  .dd6 {
    flex: 0 0 240px;
  }

  .hbd045d {
    flex: 0 1 calc(50% - 0.75rem);
  }
}

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

  .dd6 {
    flex: 1 1 100%;
    position: static;
  }

  .h48a {
    flex: 1 1 100%;
  }

  .ke139af7 {
    flex-direction: column;
  }

  .i5d285,
  .o58903 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .keb94fe {
    gap: 1rem;
  }

  .b49 {
    padding: 1rem;
  }

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

  .hbd045d {
    flex: 0 1 100%;
  }
}

@media (max-width: 480px) {
  .p978c8 {
    flex-direction: column;
    gap: 0.8rem;
  }

  .hc874 {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }

  .a7958 {
    gap: 0.75rem;
  }
}

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

html, body {
  font-family: 'Red Hat Text', sans-serif;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.gfa9f {
  display: block;
  width: 100%;
}

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

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

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

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

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

.kd0 span {
  color: var(--color-text-light);
  opacity: 0.6;
}

.kd0 span:last-child {
  color: var(--color-secondary);
  opacity: 1;
}

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

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

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

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

.gbb {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  opacity: 0.95;
}

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

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

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

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

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

  .k7f,
  .j0d32 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hb890f {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

  .afe21a12,
  .h38a492 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i9145bd6 {
  flex: 0 0 auto;
  width: 280px;
  position: sticky;
  top: 2rem;
}

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

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

.l9677 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

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

.f08 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
}

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

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

.k53 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.c7c88dc1 {
  background: var(--color-bg-tertiary);
  border-right: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  border-radius: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

.k0b7 {
  background: #f0fdf4;
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  border-radius: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

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

.d757ab7a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-accent);
  border-radius: 50%;
}

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

  .j4c6,
  .b8f658ab {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i9145bd6 {
    width: 100%;
    position: relative;
    top: auto;
  }

  .ebcc {
    flex-direction: column;
  }
}

.k72765 {
  background: #fef3c7;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  border-left: 4px solid #f59e0b;
}

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

.hcc56d {
  color: #92400e;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  margin: 0;
}

.ed3f42 {
  color: #78350f;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

.k689 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.i6bfc4 {
  color: var(--color-text-light);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.d9ae76 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-light);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.375rem, 0.75vw, 0.5rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: background var(--transition-base), transform var(--transition-base);
}

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

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

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

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

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

.d4d6 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jcefb37 {
  display: inline-block;
  background: rgba(13, 148, 136, 0.15);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  align-self: center;
}

.j2b6264 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 800;
}

.o8e {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #e0e0e0;
  line-height: 1.6;
  font-weight: 400;
}

.fe0c {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  object-fit: cover;
  box-shadow: var(--shadow-lg);
  max-height: 500px;
}

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

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

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

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

.ff0c905a {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
}

.n116 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.ffe163d9 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.p71 {
  font-weight: 600;
  color: var(--color-accent);
}

.j64179 {
  background: #f8fafb;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

.e23c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(8px, 2vw, 12px);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

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

.ca036a {
  width: 48px;
  height: 48px;
  background: rgba(13, 148, 136, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

.k2fa9e17 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.j3b9 {
  flex: 1 1 45%;
  min-width: 280px;
  width: 100%;
  height: auto;
  border-radius: clamp(8px, 2vw, 12px);
  object-fit: cover;
  max-height: 400px;
  box-shadow: var(--shadow-md);
}

.ef8c47 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.i812d9c8 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m749fc0b {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.l6318a {
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

  .k2fa9e17,
  .j3b9 {
    flex: 1 1 100%;
  }

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

  .a050a {
    flex-direction: column;
  }
}

.bd1421a {
  background: #f8fafb;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

.k29915 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(8px, 2vw, 12px);
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all var(--transition-base);
}

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

.o5b3 {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  line-height: 1;
}

.l6f9f5 {
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

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

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

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

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

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

.af2 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.85;
}

.a26 {
  background: rgba(13, 148, 136, 0.08);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 4px;
  margin: 1.5rem 0;
}

.dbf72 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1rem;
}

.e252e16 {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

.cdba2d {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: #ffffff;
  line-height: 1.4;
  font-weight: 700;
}

.p553f61 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: #e0e0e0;
  line-height: 1.7;
}

.l2798 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem;
}

.je92 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  border-radius: clamp(6px, 1vw, 8px);
  transition: all var(--transition-base);
  text-decoration: none;
  font-weight: 600;
  white-space: nowrap;
}

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

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

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

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

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

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

.p731 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}

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

.l487c {
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

@media (max-width: 480px) {
  .b206d5e {
    padding: 2rem 0;
  }

  .nb5cbe,
  .j64179,
  .b1af05,
  .bd1421a,
  .e39a4,
  .h41057,
  .b94ff82 {
    padding: 2rem 0;
  }

  .e23c,
  .k29915 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .je92 {
    width: 100%;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.a0f6ccd {
  width: 100%;
}

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

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

.dcd27 {
  width: 100%;
  max-width: 400px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.lce3af6e {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  max-width: 600px;
  margin: 0 auto var(--spacing-md);
}

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

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

  .dcd27 {
    flex: 0 0 40%;
    max-width: none;
  }

  .p3198 {
    flex: 1 1 60%;
    padding-left: var(--spacing-xl);
  }
}

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

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

.m2141c76 {
  text-align: center;
}

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

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

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

.h9c3c775 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 250px;
  max-width: 350px;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.e234e {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

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

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

@media (min-width: 768px) {
  .h9c3c775 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

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

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

.nd5 {
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

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

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

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

.c3ff0e8 {
  padding: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-accent);
  background: rgba(13, 148, 136, 0.05);
  border-radius: var(--radius-md);
}

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

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

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

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

.n7abc6 {
  text-align: center;
}

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

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

.b1e4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.kbba {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-accent);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: default;
}

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

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

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

.m98a {
  text-align: center;
}

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

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

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

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

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

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

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

.n649 {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  display: inline-block;
  padding-top: var(--spacing-sm);
  border-top: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.n649:hover {
  color: var(--color-accent-hover);
  padding-left: var(--spacing-xs);
}

@media (min-width: 768px) {
  .d5d {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

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

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

.cd2e {
  text-align: center;
}

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

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

.nb1ddc1 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 2vw, 2rem);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  max-width: 320px;
  position: relative;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.nb1ddc1:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent);
}

.lc5f5f {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: var(--spacing-md);
}

.ade6f8 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin-bottom: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .nb1ddc1 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

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

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

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

.iac83d51 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.2;
}

.p9c7c {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  opacity: 0.95;
}

.c9dd6 {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

.c9dd6:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-card);
  text-decoration: none;
}

@media (min-width: 768px) {
  .d3eb4d5 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .o97fb39 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .l54166dd {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .fcc009a {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .fb89c1 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .d22e25 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .fff {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

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

  .o97fb39 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .l54166dd {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .fcc009a {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .fb89c1 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .d22e25 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .fff {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

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

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

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

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

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

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

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

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

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

.ibfd09 {
  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);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.j33734 {
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-lg);
  width: 100%;
  text-align: right;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

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

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

.j9f {
  flex: 1;
}

.fb1a88 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  stroke: var(--color-primary);
  transition: transform var(--transition-fast);
  flex-shrink: 0;
}

.ibfd09[open] .fb1a88,
.j33734[aria-expanded="true"] ~ .o8e82 {
  transform: rotate(180deg);
}

.o8e82 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.ibfd09[open] .o8e82,
.j33734[aria-expanded="true"] + .o8e82 {
  max-height: 500px;
  padding: var(--spacing-lg);
}

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

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

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

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

.i5316167 {
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.c020 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

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

  .g24f6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .o8e82 {
    padding: 0;
  }

  .ibfd09[open] .o8e82,
  .j33734[aria-expanded="true"] + .o8e82 {
    padding: var(--spacing-lg) var(--spacing-xl);
  }

  .c8c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l8aaaf {
    padding: 5rem var(--spacing-2xl);
  }

  .g24f6 {
    padding: 5rem var(--spacing-2xl);
  }

  .c8c {
    padding: 5rem var(--spacing-2xl);
  }

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

.m178a {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  direction: rtl;
}

.lbc25 {
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

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

.lbc25 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3rem);
  color: var(--color-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

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

.if0b00d8 {
  width: 100%;
  height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

.lc49a79a:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--color-primary-light);
}

.m5f7a05a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-primary);
}

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

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

.a02a8 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

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

.icf h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

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

.h99a2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  width: fit-content;
  box-shadow: var(--shadow-sm);
}

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

.b826171 {
  width: 100%;
  height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

.a525f {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.f33bf7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

.h9d {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.gf4493 {
  display: flex;
  align-items: center;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  border-right: 4px solid var(--color-primary);
}

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

.j3c {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  width: 100%;
}

.j3c i {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

.j3c h3 {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

@media (min-width: 640px) {
  .lbc25 {
    padding: var(--spacing-xl) var(--spacing-lg);
    flex-direction: row;
    align-items: center;
  }

  .h830724 {
    flex: 1;
  }

  .if0b00d8 {
    flex: 1;
    height: 400px;
  }

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

  .a02a8 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    flex-direction: row;
    align-items: center;
  }

  .icf {
    flex: 1;
  }

  .b826171 {
    flex: 1;
    height: 350px;
  }

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

  .f33bf7 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

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

  .f8c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .a02a8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .f33bf7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .gf4493 {
    flex-direction: column;
    gap: var(--spacing-md);
    text-align: center;
    border-right: none;
    border-top: 4px solid var(--color-primary);
    padding: var(--spacing-lg);
  }

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

  .j3c {
    flex-direction: column;
    justify-content: center;
  }
}

@media (min-width: 1280px) {
  .lbc25 {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

.ccfdb .p499 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ccfdb .la3 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ccfdb h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ccfdb .ldc1d9e {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ccfdb h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

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

.ccfdb li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.ccfdb .b5bf8df {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.ccfdb .b5bf8df h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.ccfdb .b5bf8df p {
  margin-bottom: var(--spacing-sm);
}

.ccfdb .efd {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ccfdb .efd strong {
  color: var(--color-primary);
}

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

@media (min-width: 1024px) {
  .ccfdb .la3 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.me1d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.h88f97da {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.la3 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p50f {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fa6 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.5s ease-out;
}

.fa6 svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.n933a8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.a335 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-primary);
  line-height: 1.3;
}

.hc4c17 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.g2ba711b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.p3e313 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-md);
  gap: var(--spacing-sm);
}

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

.p3e313:active {
  transform: translateY(0);
}

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

@media (min-width: 480px) {
  .p50f {
    gap: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .me1d {
    min-height: 100vh;
  }

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

  .fa6 {
    width: 120px;
    height: 120px;
  }

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

@media (min-width: 1024px) {
  .p499 {
    padding: 0 var(--spacing-lg);
  }

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

  .fa6 {
    width: 140px;
    height: 140px;
  }

  .p3e313 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .p50f {
    animation: none;
  }

  .fa6 {
    animation: none;
  }

  .p3e313 {
    transition: none;
  }

  .p3e313:hover {
    transform: none;
  }
}

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

.b69 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.g0e283 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.la3 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.ca10f7a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
  text-align: center;
}

.o52b5531 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.o33 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: floatError 3s ease-in-out infinite;
}

.d4f96c08 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.15;
  animation: spin 8s linear infinite;
}

.ga7 {
  width: clamp(60px, 15vw, 200px);
  height: clamp(60px, 15vw, 200px);
  background-color: var(--color-primary);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: pulse 4s ease-in-out infinite;
}

.d79 {
  width: clamp(40px, 10vw, 120px);
  height: clamp(40px, 10vw, 120px);
  background-color: var(--color-accent);
  top: -10%;
  right: 10%;
  animation: float 5s ease-in-out infinite;
}

.dca6 {
  width: clamp(50px, 12vw, 150px);
  height: clamp(50px, 12vw, 150px);
  background-color: var(--color-secondary);
  bottom: 5%;
  left: 5%;
  animation: float 6s ease-in-out infinite reverse;
}

@keyframes floatError {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-30px) rotate(180deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.h43e461 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h43e461 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
  direction: rtl;
}

.h43e461 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-secondary);
  line-height: 1.3;
}

.a58 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  direction: rtl;
  text-align: right;
}

.g06c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  direction: ltr;
  text-align: left;
}

.g96417 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin: var(--spacing-md) 0;
}

.ida05b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  line-height: 1.6;
}

.m85223 {
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
  direction: rtl;
}

.gcd7 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  direction: ltr;
}

.d924 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-lg);
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  min-height: 44px;
  text-align: center;
}

.a2d {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.a2d:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .g0e283 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .g96417 {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
  }

  .ida05b {
    flex: 1;
    align-items: center;
    gap: var(--spacing-sm);
  }

  .m85223,
  .gcd7 {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .g0e283 {
    min-height: 100vh;
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

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

@media (min-width: 1024px) {
  .p499 {
    padding: 0 var(--spacing-lg);
  }

  .g0e283 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

@media (prefers-reduced-motion: reduce) {
  .o33,
  .d4f96c08,
  .ga7,
  .d79,
  .dca6,
  .h43e461,
  .a2d {
    animation: none !important;
    transition: none !important;
  }

  .a2d:hover {
    transform: none;
  }
}

@media (max-width: 480px) {
  .ca10f7a {
    gap: var(--spacing-md);
  }

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

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

  .g96417 {
    margin: var(--spacing-sm) 0;
  }

  .d924 {
    width: 100%;
  }
}

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

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

.m03d4 {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

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

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

.p66 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.cf8a1f {
  width: 100%;
}

.g003a800 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-3xl);
}

@media (max-width: 968px) {
  .g003a800 {
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
  }
}

.i7dbb74f {
  width: 100%;
}

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

.m73 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.ga095 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o7b04479 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.m41fb6,
.p0c3d0 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  box-sizing: border-box;
}

.m41fb6::placeholder,
.p0c3d0::placeholder {
  color: var(--color-text-muted);
}

.m41fb6:focus,
.p0c3d0:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.p0c3d0 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.m164f {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  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.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: var(--transition-base);
  text-transform: none;
}

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

.m164f:active {
  transform: translateY(0);
}

.h225e {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
  text-align: center;
}

.o76d9e3 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  font-weight: 600;
}

.o76d9e3:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.o7a82 {
  width: 100%;
}

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

.a6cf1e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.mad00 {
  width: 100%;
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.mad00:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
}

.l84d {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

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

.h80af5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

.nf1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.g1671 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-fast);
  font-weight: 600;
}

.g1671:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.p6c2 {
  width: 100%;
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.p91 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.o6ef4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.p515 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  width: 100%;
}

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

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

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

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

.gcb3d0b {
  width: 100%;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g60 {
  width: 100%;
}

.nc1 {
  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-sm) 0;
  text-align: center;
}

.d317a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
}

.ha487 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto var(--spacing-2xl);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.d3c40 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.o3eb2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.id097 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: var(--spacing-xl);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  text-align: center;
  border: 1px solid var(--color-primary);
}

.d2be3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.g2de {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  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;
  text-decoration: none;
  cursor: pointer;
  transition: var(--transition-base);
}

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

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

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

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

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

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

  .o6ef4 {
    flex-direction: column;
  }

  .p515 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .p499 {
    padding: 0 var(--spacing-sm);
  }

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

  .e72,
  .g212,
  .nc1 {
    margin-bottom: var(--spacing-lg);
  }

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

  .l84d {
    width: 40px;
    height: 40px;
  }

  .l84d i {
    font-size: 1.25rem;
  }
}
.bdae8,.ef24e6{
  width: 34px;
}

/* FIX:nav .dd2d8 */
.dd2d8{
  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;
}

.kb40c0f7{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .kb40c0f7{
    max-width: 100%;
  }
}

/* FIX:zindex .kb40c0f7.m9c */
.kb40c0f7.m9c{
  z-index: 999;
}

/* FIX:navpad .n101d2 */
.n101d2{
  padding-top: 50px;
}

/* FIX:toggle-expand .bdae8 */
.bdae8[aria-expanded="true"]{
  display: none;
}