@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Proza+Libre:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #fff7ed;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #0c0a09;
  --color-bg-card: #ffffff;

  --color-text-primary: #431407;
  --color-text-secondary: #78350f;
  --color-text-muted: #8b663f;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f5f5;

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-light: #fed7aa;
  --color-secondary: #f97316;
  --color-secondary-light: #fed7aa;
  --color-secondary-hover: #ea580c;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

  --color-border: #ddd6d0;
  --color-border-light: #ede9e4;
  --color-border-dark: #3f3735;

  --font-primary: 'Proza Libre', sans-serif;
  --font-heading: 'Cormorant Garamond', serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 5rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-size-6xl: 3.75rem;

  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  
  --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-text-on-accent: #111418;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c488997 {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
}

h1 {
  font-size: var(--font-size-5xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-4xl);
  letter-spacing: -0.015em;
}

h3 {
  font-size: var(--font-size-3xl);
  letter-spacing: -0.01em;
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

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);
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}

.e51 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-base);
  transition: all var(--transition-base);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid transparent;
}

.n950af5 {
  background: var(--color-primary);
  color: var(--color-text-light);
  border-color: var(--color-primary);
}

.n950af5:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.h78e15a6 {
  background: var(--color-secondary);
  color: var(--color-text-light);
  border-color: var(--color-secondary);
}

.h78e15a6:hover {
  background: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.l9397 {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.l9397:hover {
  background: var(--color-primary-light);
  color: var(--color-text-primary);
}

.lcc298 {
  background: transparent;
  color: var(--color-text-light);
  border-color: var(--color-text-light);
}

.lcc298:hover {
  background: rgba(255, 255, 255, 0.1);
}

.b491 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.b491:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.d4e0 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.d4e0 h2,
.d4e0 h3,
.d4e0 h4,
.d4e0 h5,
.d4e0 h6 {
  color: var(--color-text-light);
}

.d4e0 a {
  color: var(--color-secondary);
}

.d4e0 a:hover {
  color: var(--color-secondary-light);
}

section {
  padding: var(--spacing-4xl) 0;
}

.a48d {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.i466 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

.i466 h1,
.i466 h2,
.i466 h3,
.i466 h4,
.i466 h5,
.i466 h6 {
  color: var(--color-text-light);
}

.i466 a {
  color: var(--color-secondary);
}

.i466 a:hover {
  color: var(--color-secondary-light);
}

.k0c {
  display: grid;
  gap: var(--spacing-lg);
}

.m780 {
  grid-template-columns: repeat(2, 1fr);
}

.fc8 {
  grid-template-columns: repeat(3, 1fr);
}

.leb {
  grid-template-columns: repeat(4, 1fr);
}

.i501e {
  display: flex;
}

.dcdeda9e {
  display: flex;
  align-items: center;
  justify-content: center;
}

.oc19 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.a1d074f3 {
  flex-direction: column;
}

.i65933a8 {
  gap: var(--spacing-sm);
}

.l04d {
  gap: var(--spacing-md);
}

.n8bb1a {
  gap: var(--spacing-lg);
}

.b843 {
  gap: var(--spacing-xl);
}

.cfbbdd47 {
  text-align: center;
}

.c8e30071 {
  text-align: right;
}

.fecc7 {
  text-align: left;
}

.i9a38 {
  font-size: var(--font-size-xs);
}

.i7ae1a81 {
  font-size: var(--font-size-sm);
}

.ia31 {
  font-size: var(--font-size-lg);
}

.fafe {
  font-size: var(--font-size-xl);
}

.a18 {
  font-size: var(--font-size-2xl);
}

.m408bab {
  color: var(--color-text-secondary);
}

.b9639 {
  color: var(--color-primary);
}

.i1a6e9 {
  font-weight: var(--font-weight-bold);
}

.cc75 {
  font-weight: var(--font-weight-semibold);
}

.l3e8ee48 {
  font-weight: var(--font-weight-medium);
}

.cf44 {
  margin-top: var(--spacing-sm);
}

.j7bd6ba {
  margin-top: var(--spacing-md);
}

.b2e {
  margin-top: var(--spacing-lg);
}

.g85a2 {
  margin-top: var(--spacing-xl);
}

.l21f {
  margin-top: var(--spacing-2xl);
}

.l1a97 {
  margin-bottom: var(--spacing-sm);
}

.ge59f2 {
  margin-bottom: var(--spacing-md);
}

.oe7 {
  margin-bottom: var(--spacing-lg);
}

.f16f7 {
  margin-bottom: var(--spacing-xl);
}

.b3f6 {
  margin-bottom: var(--spacing-2xl);
}

.o2efe84d {
  margin-left: auto;
  margin-right: auto;
}

.b9d {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.a012e82 {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.k235 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.l79a9 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.j9ca {
  border-radius: var(--radius-md);
}

.b80d {
  border-radius: var(--radius-lg);
}

.be379 {
  border-radius: var(--radius-xl);
}

.g1207 {
  border-radius: var(--radius-2xl);
}

.o89dc {
  border-radius: var(--radius-full);
}

.ofb9 {
  box-shadow: var(--shadow-md);
}

.m3a {
  box-shadow: var(--shadow-lg);
}

.j60449 {
  box-shadow: var(--shadow-xl);
}

.j411c {
  opacity: 0.75;
}

.f901 {
  opacity: 0.5;
}

.m39 {
  border: 1px solid var(--color-border);
}

.p3e20 {
  border-top: 1px solid var(--color-border);
}

.fe1 {
  border-bottom: 1px solid var(--color-border);
}

.ma5b58 {
  background: var(--color-bg-primary);
}

.i2f91 {
  background: var(--color-bg-secondary);
}

.lf8101d {
  background: var(--color-bg-tertiary);
}

.l1413 {
  background: var(--color-primary);
  color: var(--color-text-light);
}

.a83 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  background: var(--color-primary-light);
  color: var(--color-text-primary);
}

.bd46 {
  background: var(--color-primary);
  color: var(--color-text-light);
}

.dcee0c {
  background: var(--color-secondary);
  color: var(--color-text-light);
}

.l25f {
  background: var(--color-success-light);
  color: var(--color-success);
}

.b04d {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.n6cd1 {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

@media (max-width: 1024px) {
  .leb {
    grid-template-columns: repeat(2, 1fr);
  }

  .fc8 {
    grid-template-columns: repeat(2, 1fr);
  }

  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }

  section {
    padding: var(--spacing-3xl) 0;
  }
}

@media (max-width: 640px) {
  .c488997 {
    padding: 0 var(--spacing-md);
  }

  .m780,
  .fc8,
  .leb {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  .e51 {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: var(--font-size-sm);
  }

  section {
    padding: var(--spacing-2xl) 0;
  }
}
.c48 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

.hb7 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 2rem);
}

.m58 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.m58:hover {
  transform: translateY(-2px);
}

.e835 {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.j6fa90f {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.h15 {
  display: none;
  align-items: center;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  flex: 1;
  margin: 0 clamp(1rem, 3vw, 2rem);
}

.j3ab35eb {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  white-space: nowrap;
}

.j3ab35eb:hover {
  color: var(--color-accent);
}

.o64 {
  display: none;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
  flex-shrink: 0;
}

.o64:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.h3bb47 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: all var(--transition-fast);
}

.h3bb47 span {
  display: block;
  width: 24px;
  height: 3px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

.h3bb47[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.h3bb47[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.h3bb47[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.e4f148 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  padding-top: 80px;
}

.e4f148.fc1601 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.o5ca4 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem clamp(1rem, 3vw, 2rem);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 101;
}

.iae1ba {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition-fast);
}

.iae1ba:hover {
  color: var(--color-accent);
}

.kb2ab {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem clamp(1rem, 3vw, 2rem);
}

.a07712 {
  padding: 1rem 0;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: color var(--transition-fast);
}

.a07712:hover {
  color: var(--color-accent);
}

.p62c8d71 {
  padding: 1rem;
  margin-top: 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
  display: block;
}

.p62c8d71:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .h15 {
    display: flex;
  }

  .o64 {
    display: block;
  }

  .h3bb47 {
    display: none;
  }

  .e4f148 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .j6fa90f {
    font-size: 1rem;
  }

  .e835 {
    width: 40px;
    height: 40px;
  }
}

    .jbac79d {
  direction: rtl;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e51 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base) ease;
  cursor: pointer;
  text-align: center;
  border: none;
}

.lac {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.lac:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.a4e25 {
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

.a4e25:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.l410d0 {
  background: var(--color-bg-primary);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

.p6f71173 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.kf7c2f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 90%;
}

.ae8bd6e {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 7vw, 4.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.fccf4b5 {
  color: var(--color-accent);
}

.d44318 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

.a43c3 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .kf7c2f {
    max-width: 100%;
  }
}

.gd926 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j09 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.p8e3 {
  flex: 1 1 45%;
  min-height: 350px;
}

.p8e3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.e1c {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.h182a6b1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.od09a {
  font-size: 2rem;
  color: var(--color-accent);
  line-height: 1;
}

.j4c {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.db438 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .j09 {
    flex-direction: column;
  }

  .p8e3,
  .e1c {
    flex: 1 1 100%;
  }
}

.ecc994e {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l34 {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 5vw, 4rem);
}

.e8c41 {
  text-align: center;
}

.c1a55 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-light);
  margin-bottom: 0.75rem;
}

.o28069 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
}

.o80 {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
}

.o80::before {
  content: '';
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 3px;
  height: 100%;
  background: var(--color-accent);
  top: 0;
}

.gce20be {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(2rem, 4vw, 3rem) 0;
  padding-right: calc(50% + 2rem);
  text-align: right;
  position: relative;
}

.a9bfef2c {
  padding-right: 0;
  padding-left: calc(50% + 2rem);
  text-align: left;
}

.m56a {
  position: absolute;
  right: calc(50% - 1.25rem);
  top: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-weight: var(--font-weight-bold);
  font-size: 1.25rem;
}

.a9bfef2c .m56a {
  right: auto;
  left: calc(50% - 1.25rem);
}

.l7a {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-light);
}

.j86e {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .o80::before {
    right: 0;
    transform: none;
  }

  .gce20be,
  .a9bfef2c {
    padding-right: 3rem;
    padding-left: 0;
    text-align: right;
  }

  .m56a,
  .a9bfef2c .m56a {
    right: -1.25rem;
    left: auto;
  }
}

.p45a7 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.fc4ffc {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.aa64 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.nb35 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}

.g0486383 {
  font-size: clamp(0.875rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.m18 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin-top: 0.5rem;
}

.c0ac61 {
  flex: 1 1 50%;
  min-height: 300px;
}

.c0ac61 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
  .fc4ffc {
    flex-direction: column;
  }

  .aa64,
  .c0ac61 {
    flex: 1 1 100%;
  }
}

.mace034 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k64e {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.k229ba {
  text-align: center;
}

.l0175c5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.jc62 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

.le7e7d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.pfd0c0 {
  flex: 1 1 250px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  text-align: center;
}

.pfd0c0:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.h2e6e41 {
  font-size: 2.5rem;
  color: var(--color-accent);
  line-height: 1;
}

.bb961d {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.aaf6a {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .pfd0c0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.i4f00 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a1269191 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.eaa3c2 {
  text-align: center;
}

.e75 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-light);
  margin-bottom: 0.75rem;
}

.mbd4547 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
}

.ef3795 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.k324c6 {
  flex: 1 1 220px;
  max-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  text-align: center;
}

.ic6c {
  font-size: 2.5rem;
  color: var(--color-accent);
  line-height: 1;
}

.eadb {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-light);
}

.f7375 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .k324c6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ka9780 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.abe {
  display: flex;
  flex-direction: column;
}

.ka418c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.j173518e {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

.df0ad {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.ge34 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-medium);
}

.d5080add {
  width: 1px;
  height: 50px;
  background: var(--color-border-light);
}

@media (max-width: 768px) {
  .d5080add {
    display: none;
  }

  .ka418c {
    flex-direction: column;
    gap: 1rem;
  }
}

.kc7ae {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e5cea {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.j8272 {
  text-align: center;
}

.m8f5d0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.pec907ed {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

.a5d2 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.i38 {
  flex: 1 1 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  text-align: center;
}

.lce {
  font-size: 2.25rem;
  color: var(--color-accent);
  line-height: 1;
}

.j58f1bca {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.pd342931 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .i38 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k0a {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a029bcbd {
  display: flex;
  justify-content: center;
}

.dcec3c {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(2rem, 5vw, 3rem);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  box-shadow: var(--shadow-lg);
}

.m209 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-light);
}

.e76bb {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
}

.pc83b {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g38855 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.n385 {
  text-align: center;
}

.m916a10 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.h33cdc {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

.g1e97a71 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.pe8 {
  flex: 1 1 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
}

.pe8:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.f77b9aa {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.f77b9aa img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.k105e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.25rem, 2vw, 1.75rem);
}

.kaa7 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.d061c {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.a02943 {
  display: inline-block;
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  transition: color var(--transition-base) ease;
  align-self: flex-start;
}

.a02943:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.ab035a51 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .pe8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.o35e {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 1.25rem;
  background: var(--color-bg-tertiary);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  direction: rtl;
}

.o35e.k6d {
  display: none;
}

.ke1 {
  color: var(--color-text-muted);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  min-width: 250px;
  text-align: center;
}

.deabe2 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.i1527,
.b013e3f {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: all var(--transition-base) ease;
  border: none;
}

.i1527 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.i1527:hover {
  background: var(--color-accent-hover);
}

.b013e3f {
  background: transparent;
  color: var(--color-text-muted);
  border: 1px solid var(--color-border-light);
}

.b013e3f:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--color-text-muted);
}

@media (max-width: 768px) {
  .o35e {
    gap: 1rem;
  }

  .ke1 {
    flex: 1 1 100%;
  }

  .deabe2 {
    flex: 1 1 100%;
  }
}

    .fff3 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.fff3 .c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.lf9 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
}

.b463e9c5 {
  padding-bottom: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.b463e9c5 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

.b463e9c5 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k31686 h3,
.i2834f93 h3,
.dc5 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

.i99e7d38,
.n22ad7 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.i99e7d38 li,
.n22ad7 li {
  margin: 0;
}

.k31686 a,
.dc5 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
}

.k31686 a:hover,
.dc5 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.i2834f93 {
  padding: clamp(1rem, 2vw, 1.5rem) 0;
}

.oc5de {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.oc5de p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-normal);
}

.dc5 {
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  border-top: 1px solid var(--color-border-light);
}

.hfbd {
  text-align: center;
  padding-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid var(--color-border-light);
}

.m715b75d {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k9d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-style: italic;
}

@media (min-width: 768px) {
  .lf9 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
    align-items: start;
  }

  .b463e9c5 {
    grid-column: 1 / -1;
    padding-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .i99e7d38,
  .n22ad7 {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .dc5 {
    border-top: none;
    padding-top: 0;
  }

  .hfbd {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .lf9 {
    grid-template-columns: repeat(4, 1fr);
  }

  .b463e9c5 {
    grid-column: 1 / -1;
  }

  .hfbd {
    grid-column: 1 / -1;
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
    

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.c142f {
  background: var(--color-bg-primary);
  overflow: hidden;
}

.p9e4e7 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j5c2e {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.e0dde3 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.dcee {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

.fd4b27f2 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.n400f6b {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.a05a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.o1d {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-bg-primary);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
}

.o1d i {
  color: var(--color-accent);
  font-size: 1.1em;
}

.iad2ed {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g26b7eb {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.d63 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

.mc5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

.kc194891 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 0.95vw, 1rem);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.kc194891:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
  transform: translateY(-2px);
}

.g574c6 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.nf3 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.of14ffd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  text-align: center;
  font-weight: 700;
}

.m12 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.m2dc29 {
  flex: 1 1 clamp(280px, 45vw, 380px);
  min-height: auto;
}

.n121 {
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease;
}

.n121:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}

.lebffb {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, var(--color-bg-primary), var(--color-border-light));
}

.p89a59e {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.n121:hover .p89a59e {
  transform: scale(1.05);
}

.a56cc9d1 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  flex-grow: 1;
}

.k5c4ea3f {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  min-height: auto;
}

.m94a {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
  min-height: auto;
}

.m56 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

.ga74d95,
.j0614bfd,
.bfc8b {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.ga74d95 i,
.j0614bfd i,
.bfc8b i {
  color: var(--color-accent);
  font-size: 0.95em;
}

.p94c {
  align-self: flex-start;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.6rem, 1vw, 0.85rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  font-size: clamp(0.8125rem, 0.95vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.p94c:hover {
  background: var(--color-accent-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .e0dde3 {
    padding: clamp(2.5rem, 5vw, 4rem);
  }

  .m2dc29 {
    flex: 1 1 clamp(300px, 40vw, 420px);
  }
}

@media (min-width: 1024px) {
  .p9e4e7 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .iad2ed {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .g574c6 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .m2dc29 {
    flex: 1 1 360px;
  }

  .m12 {
    gap: clamp(2rem, 4vw, 3rem);
  }
}

@media (max-width: 767px) {
  .m2dc29 {
    flex: 1 1 100%;
    max-width: 500px;
    margin: 0 auto;
  }

  .m12 {
    align-items: center;
  }

  .kc194891 {
    white-space: normal;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary, 'Proza Libre', sans-serif);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  direction: rtl;
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading, 'Cormorant Garamond', serif);
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.i7e4cd {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g91fc4 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.e924e6a {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.e924e6a a {
  color: var(--color-accent);
}

.e924e6a span {
  color: var(--color-text-secondary);
}

.e6bbada {
  text-align: right;
}

.kcf969 {
  margin-bottom: 1rem;
}

.ca35dbe {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-sm, 0.375rem);
  font-size: clamp(0.75rem, 0.8vw, 0.8125rem);
  font-weight: 600;
}

.g1465 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight, 1.2);
}

.k3c7977a {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-relaxed, 1.6);
  max-width: 600px;
}

.k0302ce {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1rem, 3vw, 2rem);
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.cb38f20 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.cb38f20 i {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
}

.gc0782a {
  width: 100%;
  border-radius: var(--radius-lg, 0.5rem);
  overflow: hidden;
  max-height: 500px;
}

.gc0782a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.i2a {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.a99ee9 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.o241 {
  flex: 1 1 50%;
  max-width: 50%;
}

.kcf {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight, 1.2);
}

.o036ec {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.ff6 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg, 0.5rem);
  overflow: hidden;
  min-height: 300px;
}

.ff6 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.l85468 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c69c {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.ae2b2 {
  flex: 1 1 50%;
  max-width: 50%;
}

.j0e61 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight, 1.2);
}

.k8e78c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.mc0dabca {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.l715a7 {
  padding-left: clamp(1rem, 2vw, 1.5rem);
  border-right: 3px solid var(--color-accent);
}

.jad703 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.c5a {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
}

.k6df2 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg, 0.5rem);
  overflow: hidden;
  min-height: 350px;
}

.k6df2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.edd {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o1f1f56 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.g7224 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg, 0.5rem);
  overflow: hidden;
  min-height: 300px;
}

.g7224 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.n57e30c {
  flex: 1 1 50%;
  max-width: 50%;
}

.b8ba7c4 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight, 1.2);
}

.o1a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.gdaf {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.kecd32 {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.l19d8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  min-width: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  flex-shrink: 0;
}

.n2553d {
  flex: 1;
}

.fb2 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.j35469 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
}

.l0e819 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.kd03f1af {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.hf8 {
  text-align: center;
}

.gdb95f34 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: var(--line-height-tight, 1.2);
}

.d41 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed, 1.6);
}

.d7b88eb9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.o2554c6 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md, 0.375rem);
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  transition: all 0.3s ease;
}

.o2554c6:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

.d47 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
}

.hf8a {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: #ffffff;
  font-weight: 600;
  line-height: var(--line-height-snug, 1.375);
}

.g77cb8 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed, 1.6);
}

.j5acd {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ke894f {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.g201bfb {
  text-align: center;
}

.h12c7106 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  line-height: var(--line-height-tight, 1.2);
}

.kc9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
}

.pdf38f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.l3c55d4f {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-md, 0.375rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  transition: all 0.3s ease;
}

.l3c55d4f:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.lad {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: #f0f0f0;
}

.lad img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.d06 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  flex: 1;
}

.k4b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug, 1.375);
}

.dc6f9 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
  flex: 1;
}

.ee38e3 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

.ee38e3:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.k03d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.na09 {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
}

.d4017f7 {
  flex-shrink: 0;
  width: clamp(100px, 12vw, 140px);
  height: clamp(100px, 12vw, 140px);
  border-radius: 50%;
  overflow: hidden;
  background: #f0f0f0;
}

.d4017f7 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.b2bc83 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  flex: 1;
}

.c70 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug, 1.375);
}

.c70 a {
  color: var(--color-text-primary);
}

.c70 a:hover {
  color: var(--color-accent);
}

.k10a0b38 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
}

.d5a469 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
}

.l8fb7 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d62 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 800px;
  margin: 0 auto;
}

.e655db5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-tight, 1.2);
}

.mc4143 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
  text-align: right;
}

.cbd40ed {
  display: flex;
  justify-content: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.a6cac1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm, 0.375rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

.a6cac1:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);
}

.f6d77 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.l24 {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto;
}

.m662b59 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  margin-top: 0.25rem;
}

.mf69d37c {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.ia79eda1 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.k32c {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed, 1.6);
}

@media (max-width: 768px) {
  .a99ee9 {
    flex-direction: column;
  }

  .o241 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ff6 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .c69c {
    flex-direction: column;
  }

  .ae2b2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k6df2 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .o1f1f56 {
    flex-direction: column-reverse;
  }

  .g7224 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

  .n57e30c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o2554c6 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }

  .l3c55d4f {
    flex: 1 1 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .na09 {
    flex-direction: column;
  }

  .d4017f7 {
    margin: 0 auto;
  }

  .b2bc83 {
    text-align: center;
  }

  .l24 {
    flex-direction: column;
  }

  .m662b59 {
    text-align: center;
    margin: 0;
  }

  .mf69d37c {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .k0302ce {
    flex-direction: column-reverse;
    gap: 0.75rem;
  }

  .cb38f20 {
    flex-direction: row-reverse;
  }

  .o2554c6 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .kecd32 {
    gap: 0.75rem;
  }

  .l19d8 {
    min-width: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1rem;
  }

  .e924e6a {
    gap: 0.375rem;
    font-size: 0.75rem;
  }
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-dark);
}

.eb4ee {
  width: 100%;
  overflow: hidden;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block !important;
}

.b1a256 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.a922b {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.a922b a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.a922b a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.a922b span {
  color: var(--color-text-secondary);
}

.e27d2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.o01a7f {
  flex: 1 1 50%;
  max-width: 50%;
}

.mb185475 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ff5 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k9efa {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m4d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.pb7f65 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.pb7f65 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

.f0ece95f {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .e27d2 {
    flex-direction: column;
  }

  .o01a7f,
  .mb185475 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .f0ece95f {
    max-height: 300px;
  }
}

.gcd07 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.od36331 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: flex-start;
}

.c8f5 {
  flex: 1 1 55%;
  max-width: 55%;
}

.c33d {
  flex: 1 1 45%;
  max-width: 45%;
}

.oa40 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a31d3d64 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h9ed3 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

.jb1c13 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.jb1c13 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

.ae3 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ae3 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-snug);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ae3 li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 768px) {
  .od36331 {
    flex-direction: column;
  }

  .c8f5,
  .c33d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k70e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.b42a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.l342 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ja0124a4 {
  flex: 1 1 50%;
  max-width: 50%;
}

.d747 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c2763e89 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja0124a4 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.ja0124a4 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .b42a {
    flex-direction: column;
  }

  .l342,
  .ja0124a4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ja0124a4 {
    max-height: 300px;
  }

  .ja0124a4 img {
    max-height: 300px;
  }
}

.na3 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.a47e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.l40 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o23 {
  flex: 1 1 50%;
  max-width: 50%;
}

.l40 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

.e5009c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mae {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .a47e {
    flex-direction: column;
  }

  .l40,
  .o23 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l40 img {
    max-height: 300px;
  }
}

.g3e299ca {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.bb4 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.kd70cedd {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.f4bc4d {
  color: var(--color-text-light);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l5263b1 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b45a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.b94c8d {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.b94c8d:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.p59765 {
  color: var(--color-accent);
  font-size: 3rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-heading);
  line-height: 1;
}

.jde {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h57ba {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 1024px) {
  .b94c8d {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (max-width: 768px) {
  .b94c8d {
    flex: 1 1 100%;
  }
}

.c8a {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.h83302 {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.pdf4 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.faf {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a3ec9e88 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.a0a1 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.a0a1:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.mf6523 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-border-light);
}

.p36 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-slow);
}

.a0a1:hover .p36 {
  transform: scale(1.05);
}

.a4d84 {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.i5b3c2 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f8dc92e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pb87eb1 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  display: inline-block;
  transition: color var(--transition-fast);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pb87eb1:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .a0a1 {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (max-width: 768px) {
  .a0a1 {
    flex: 1 1 100%;
  }
}

.l4d {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.i5b0 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.lc4e16 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ea9866 {
  flex: 1 1 50%;
  max-width: 50%;
}

.p0ab {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g57e97e {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ea9866 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .i5b0 {
    flex-direction: column;
  }

  .lc4e16,
  .ea9866 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ea9866 img {
    max-height: 300px;
  }
}

.lc91083b {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

.pb965 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.acaf3768 {
  flex: 0 0 auto;
}

.m4fa76 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-border-light);
}

.a835 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.ec24 {
  color: var(--color-text-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: var(--font-weight-semibold);
}

.ebc7cf2 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ebc7cf2 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.ebc7cf2 a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.eb9f2644 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

.nfb {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .pb965 {
    flex-direction: column;
    text-align: center;
  }

  .acaf3768 {
    flex: 0 0 auto;
  }

  .a835 {
    align-items: center;
    gap: 0.5rem;
  }
}

.kb8717d {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.f057c {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.p372ea04 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hd1395 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hd1395:last-child {
  margin-bottom: 0;
}

.j2ec0 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.e5b8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

.d54033 {
  flex: 0 0 auto;
  font-size: 1.5rem;
  color: var(--color-warning);
}

.d3cc0 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.l225 {
  color: var(--color-text-light);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: var(--font-weight-bold);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m06493d {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .e5b8 {
    flex-direction: column;
    align-items: stretch;
  }

  .d54033 {
    flex: 0 0 auto;
  }
}

@media (max-width: 1024px) {
  .e27d2 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .od36331,
  .b42a,
  .a47e,
  .i5b0 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

@media (max-width: 600px) {
  .a922b {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .m4d {
    gap: 0.75rem;
  }

  .pb7f65 {
    font-size: 0.75rem;
  }

  .pb7f65 i {
    font-size: 1rem;
  }

  .m4fa76 {
    width: 100px;
    height: 100px;
  }

  .p59765 {
    font-size: 2.5rem;
  }

  .d54033 {
    font-size: 1.25rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.b6b {
  background: var(--color-bg-primary);
}

.dadbf1a5 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0 clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
}

.fa5f8ca {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.ff7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin-bottom: 1rem;
}

.ff7 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

.ff7 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.ff7 span {
  color: var(--color-text-secondary);
}

.h93 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

.d95ea {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 2rem);
  flex-wrap: wrap;
  align-items: center;
}

.c62bc6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
}

.c62bc6 i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

.c538 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 95%;
}

.od2effc {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.od2effc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.j344 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d1d9df19 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3.5rem);
}

.p0b0a {
  max-width: 100%;
}

.af42 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.e5bbef {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 1rem;
}

.d0a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  justify-content: center;
}

.m39df2b6 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 2px solid var(--color-accent);
  transition: all 0.3s ease;
}

.m39df2b6:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.m39df2b6 i {
  font-size: 2.5rem;
  color: var(--color-accent);
}

.m39df2b6 h3 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.m39df2b6 p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-snug);
}

.m93f822 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.hd23a939 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.n9f73 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o41c5a9 {
  flex: 1 1 50%;
  max-width: 50%;
}

.dbbe8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.g2869 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e0e0e0;
  line-height: var(--line-height-relaxed);
  margin-bottom: 1.5rem;
}

.o41c5a9 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

.o650b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.dd11c {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.i0fe4b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  font-weight: 700;
  flex-shrink: 0;
}

.dd11c h4 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.dd11c p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #d1d5db;
  line-height: var(--line-height-snug);
}

.nb7a7 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f467de81 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.l72b2fe3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f60 {
  flex: 1 1 50%;
  max-width: 50%;
}

.l77f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l72b2fe3 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

.jfe8 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ddd {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.dfc3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-sm);
  font-size: 1.5rem;
  font-weight: 700;
  flex-shrink: 0;
}

.ddd h4 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.ddd p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.jc1f53d {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k5623b1b {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
}

.p4e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

.bf07 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: #d1d5db;
  text-align: center;
  line-height: var(--line-height-relaxed);
}

.led0e0f7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  flex-wrap: wrap;
  justify-content: center;
}

.na90 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 300px;
  max-width: 380px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: var(--shadow-md);
}

.na90:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.ea02bb1 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.ea02bb1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.na90:hover .ea02bb1 img {
  transform: scale(1.05);
}

.md57 {
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.md57 h3 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.md57 p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.k020 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k130 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.b86edf2c {
  flex: 1 1 50%;
  max-width: 50%;
}

.b73c8 {
  flex: 1 1 50%;
  max-width: 50%;
}

.m61ec5ac {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.b73c8 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

.pdf {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.le1 {
  padding: 1.5rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.le1 h4 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.le1 p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.a7054bcf {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-accent);
}

.o7b7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.pe05d18 {
  flex-shrink: 0;
}

.pe05d18 img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

.mf808 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.a25 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.j6e5 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.j6e5 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all 0.3s ease;
}

.j6e5 a:hover {
  color: var(--color-accent);
}

.ge35 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
}

.mde5 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 100%;
}

.oad31ca {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.m3d9f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.j7f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
}

.h66 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  line-height: var(--line-height-relaxed);
}

.he57 {
  background: rgba(234, 88, 12, 0.1);
  border: 2px solid var(--color-accent);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-md);
  margin: 1rem 0;
}

.he57 p {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: #ffffff;
  line-height: var(--line-height-relaxed);
}

.he57 strong {
  color: var(--color-text-muted);
}

.k00 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.k00:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.n2f4ce {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3.5rem) 0;
  overflow: hidden;
  border-top: 1px solid #e7d4c1;
}

.l3631fc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
  margin: 0 auto;
}

.a66 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.g19c4f {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .hd23a939,
  .f467de81,
  .k130 {
    flex-direction: column;
  }

  .n9f73,
  .o41c5a9,
  .f60,
  .l72b2fe3,
  .b86edf2c,
  .b73c8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m39df2b6 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 200px;
  }

  .na90 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: 100%;
  }

  .o7b7 {
    flex-direction: column;
    text-align: center;
  }

  .pe05d18 {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .ff7 {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }

  .m39df2b6 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .jfe8,
  .pdf {
    gap: 1rem;
  }

  .ddd,
  .le1 {
    gap: 1rem;
  }

  .dfc3 {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

  .m3d9f {
    text-align: left;
  }
}

.da3aad1 {
  width: 100%;
  overflow-x: hidden;
}

.da3aad1 h1,
.da3aad1 h2,
.da3aad1 h3,
.da3aad1 h4,
.da3aad1 h5,
.da3aad1 h6,
.da3aad1 p,
.da3aad1 span,
.da3aad1 a,
.da3aad1 li,
.da3aad1 cite {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.ba19 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.f75 {
  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);
}

.f75 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
}

.f75 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.f75 span {
  color: var(--color-text-secondary);
}

.f75 span:last-child {
  color: var(--color-text-primary);
  font-weight: var(--font-weight-semibold);
}

.f0f8 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.ec480 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.n21744c0 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.b50767 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.kc86 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.h63920b7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
}

.h63920b7 i {
  color: var(--color-accent);
}

.d2b {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.l2b {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .f0f8 {
    flex-direction: column;
  }

  .ec480 {
    flex: 1 1 100%;
  }

  .d2b {
    flex: 1 1 100%;
  }

  .l2b {
    max-height: 300px;
  }
}

.n2d6 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e3e2a8 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.pd9 {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.k7d64 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.p9c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.nf2 {
  flex: 1 1 40%;
}

.kf08a {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.kc7b {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-muted);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-snug);
}

.f09af79b {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

.df0c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  padding-left: 1.5rem;
  position: relative;
  line-height: var(--line-height-relaxed);
}

.df0c::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
}

@media (max-width: 768px) {
  .e3e2a8 {
    flex-direction: column;
  }

  .pd9 {
    flex: 1 1 100%;
  }

  .nf2 {
    flex: 1 1 100%;
  }
}

.ldbe0ba6 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.f2a95d5b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.k50e2b59 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.na123 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.acb {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.k41 {
  flex: 1 1 50%;
  max-width: 50%;
}

.g01fb721 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
}

@media (max-width: 768px) {
  .f2a95d5b {
    flex-direction: column;
  }

  .k50e2b59 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k41 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g01fb721 {
    max-height: 300px;
  }
}

.o60a0f5 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jfeb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.j7d {
  flex: 1 1 50%;
  max-width: 50%;
}

.f80c {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.c72f9196 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.m25 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 768px) {
  .jfeb {
    flex-direction: column;
  }

  .f80c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j7d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k3dfc2 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.d204 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.p91b459 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-muted);
  text-align: center;
  line-height: var(--line-height-snug);
}

.f475711 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  justify-content: center;
}

.ca3a5 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

.ca3a5:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.p0f {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-border-light);
}

.aaf8a3 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.j412 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex: 1;
}

.a02ab {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.nc6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  flex: 1;
}

.pb429 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-base);
  display: inline-block;
  margin-top: auto;
}

.pb429:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1023px) {
  .ca3a5 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 280px;
  }
}

@media (max-width: 640px) {
  .ca3a5 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .f475711 {
    flex-direction: column;
  }
}

.j553e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i43 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.ee8f20 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.hd02 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.o8b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.n0a97 {
  flex: 1 1 50%;
  max-width: 50%;
}

@media (max-width: 768px) {
  .i43 {
    flex-direction: column;
  }

  .ee8f20 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n0a97 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.kaea2c {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ga8f8c {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.d60ae9 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  text-align: center;
  line-height: var(--line-height-snug);
}

.maa {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
  justify-content: center;
}

.p05f8 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 260px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 3px solid var(--color-accent);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.p05f8:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.c44e5 {
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
}

.c44e5 i {
  color: var(--color-text-on-accent);
}

.fc3 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
}

.e7188 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

@media (max-width: 1023px) {
  .p05f8 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 280px;
  }
}

@media (max-width: 640px) {
  .p05f8 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .maa {
    flex-direction: column;
  }
}

.o1df0df9 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b7841 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.k2c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-muted);
  line-height: var(--line-height-snug);
}

.p00 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-relaxed);
}

.pf65af {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.h282ace {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  max-width: 900px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.c0a {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-border-light);
}

.n158 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.k38a {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.mbe230c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

.mbe230c a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
}

.mbe230c a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.kb59b5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

.p9b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (max-width: 640px) {
  .h282ace {
    flex-direction: column;
    text-align: center;
  }

  .c0a {
    margin: 0 auto;
  }
}

.bc26 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.pbde7 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 900px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

.i2cceaa0 {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  background: var(--color-warning);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: var(--color-text-on-accent);
  margin-top: 0.25rem;
}

.a66b2 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.e5c4a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
}

.c63de7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (max-width: 640px) {
  .pbde7 {
    flex-direction: column;
  }

  .i2cceaa0 {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .ba19 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .n2d6,
  .ldbe0ba6,
  .o60a0f5,
  .j553e,
  .kaea2c,
  .o1df0df9,
  .pf65af,
  .bc26,
  .k3dfc2 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .f75 {
    font-size: 0.8125rem;
    margin-bottom: 1rem;
  }

  .kc86 {
    gap: 0.75rem;
  }

  .h63920b7 {
    font-size: 0.8125rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kd4a43 {
  width: 100%;
  direction: rtl;
  text-align: right;
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.m5275 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g534317b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
}

.ga820bc0 {
  text-align: center;
  max-width: 900px;
}

.i706621 {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  font-weight: 700;
}

.f6dad {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.jad54b13 {
  width: 100%;
  max-width: 1000px;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

.m3f775 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

.f77 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.kf4c8b {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.e1c10811 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.ke473 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.k758b54 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.ee4271 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.m299 {
  flex: 1 1 45%;
  min-width: 0;
}

.b56b {
  flex: 1 1 45%;
  min-width: 0;
}

.kb0f88 {
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.k483 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l16a24 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.m5bc0ee9 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.j70 {
  display: inline-block;
  background: rgba(234, 88, 12, 0.15);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.d82ce {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

.j1f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #e5e7eb;
  line-height: 1.7;
}

.b7cb {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.cec39c {
  flex: 1 1 clamp(280px, 30vw, 320px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.cec39c:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);
}

.ia5cdb {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.n2581c32 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.k9b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ocef8 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

.d0df40 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.e0f3 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.pe0c {
  display: inline-block;
  background: rgba(234, 88, 12, 0.1);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.aa13 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.jfb92f9 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.h54bf3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.mf9b8c {
  flex: 1 1 clamp(250px, 28vw, 300px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.mf9b8c:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 16px rgba(234, 88, 12, 0.1);
}

.o0f72 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  line-height: 1;
}

.c9b18bc {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.p5429 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.f971d5 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

.m6e59bf1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.p991582 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.jd565 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.f0d110 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.eb4 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.mc27c5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

.g5ae3be {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.l4c {
  font-size: 1.75rem;
  color: var(--color-accent);
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f1f {
  flex: 1;
}

.of9 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.gbfb67 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ed6315c {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid rgba(234, 88, 12, 0.3);
}

.i8a876c4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ebe6e1a7 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.c9dedb {
  font-size: 1.5rem;
  color: var(--color-accent);
}

.c16 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #ffffff;
  font-weight: 600;
}

.nbcfe {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #d1d5db;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .ee4271 {
    flex-direction: column;
  }

  .m299 {
    flex: 1 1 100%;
  }

  .b56b {
    flex: 1 1 100%;
  }

  .kb0f88 {
    min-height: 250px;
    max-height: 350px;
  }

  .g5ae3be {
    flex-direction: row;
    gap: 1rem;
  }

  .l4c {
    min-width: 35px;
  }
}

@media (max-width: 480px) {
  .i706621 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .ke473,
  .d82ce,
  .aa13,
  .f0d110 {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .cec39c,
  .mf9b8c {
    flex: 1 1 100%;
  }
}

.h2c {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.cfbf8 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c4a1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3rem);
  align-items: center;
  text-align: center;
}

.n98e {
  width: 100%;
  max-width: 300px;
}

.f25e {
  width: 100%;
  height: auto;
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

.le1c6a37 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.gef9b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
}

.e4c4b5 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-normal);
  margin: clamp(0.25rem, 1vw, 0.5rem) 0 0 0;
}

.f899d53d {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
}

.mab5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.cab4 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.m5201 {
  text-align: center;
}

.j1fc790 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.d4899 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
}

.f3ac {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.f4e5 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

.f4e5:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.hecb {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-accent);
  height: auto;
}

.ef992 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.ld35 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.c2b7 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ff77 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.o6d {
  text-align: center;
}

.jd94b8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.oaf4c {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
}

.ob5835 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.o07d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

.n776e6 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-accent);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.ka7a6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.n1a9b {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ec46aea {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.oab {
  text-align: center;
}

.oe8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.jd0f7 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
}

.ba1790 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
}

.h2c26670 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
  transition: var(--transition-base);
}

.h2c26670:hover {
  background: var(--color-accent-hover);
  transform: scale(1.05);
}

.e91 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j64d21 {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.la23 {
  text-align: center;
}

.b35 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.g03 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
}

.f63 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  max-width: 900px;
  margin: 0 auto;
  width: 100%;
}

.g0e3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  align-items: flex-start;
}

.g0e3:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.gc40394 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 5vw, 4rem);
  height: clamp(3rem, 5vw, 4rem);
}

.m55dc71 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  flex: 1;
}

.jc21 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.p451a9 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.ia01a7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  width: fit-content;
}

.ia01a7:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.oc3 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o38 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
}

.e08214 {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.o58 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 4vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.db4f {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.bbd13 {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: var(--transition-base);
  width: fit-content;
}

.bbd13:hover {
  background: var(--color-bg-primary);
  color: var(--color-accent);
  transform: scale(1.05);
}

.ia82d {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ifd93fd {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.k960a {
  text-align: center;
}

.ld1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.fb2b6 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
}

.of5 {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.of5 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

@media (min-width: 768px) {
  .f4e5 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }

  .g0e3 {
    flex-direction: row;
  }

  .c4a1 {
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .n98e {
    flex: 0 0 40%;
    max-width: 400px;
  }

  .pd78ad3c {
    flex: 1;
  }

  .le1c6a37 {
    text-align: left;
  }

  .gef9b {
    text-align: left;
  }

  .e4c4b5 {
    text-align: left;
  }

  .f899d53d {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .f4e5 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 200px;
  }

  .n98e {
    flex: 0 0 35%;
  }
}

@media (max-width: 767px) {
  .g0e3 {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .gc40394 {
    order: -1;
  }
}

.h50bce51 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.c8d6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.cdeb74 {
  max-width: 800px;
  margin: 0 auto;
}

.h98 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ifac4463 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.bef {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p62 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.gd1975f2 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

.gd1975f2:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.n0de4 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

.la13e1f {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-base);
}

.gd1975f2:hover .la13e1f {
  transform: scale(1.05);
}

.e5d98 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.k8ad3 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.h46da0 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.875rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.ief {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.i49ee72 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  width: fit-content;
}

.i49ee72:hover {
  background-color: var(--color-primary-hover);
  transform: translateX(4px);
}

.ad25 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.i4d {
  max-width: 600px;
  margin: 0 auto;
}

.e390c05 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.gd8c65 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.a14ad829 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

.a14ad829:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

@media (min-width: 768px) {
  .c8d6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .bef {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .p62 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .gd1975f2 {
    flex-direction: row;
  }

  .n0de4 {
    width: 40%;
    height: auto;
    min-height: 250px;
  }

  .e5d98 {
    width: 60%;
    padding: var(--spacing-xl);
  }

  .ad25 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c8d6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .bef {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .p62 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .gd1975f2 {
    flex-direction: column;
  }

  .n0de4 {
    width: 100%;
    height: 280px;
  }

  .e5d98 {
    width: 100%;
    padding: var(--spacing-xl);
  }

  .ad25 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1280px) {
  .p62 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-2xl);
  }

  .gd1975f2 {
    flex-direction: column;
  }

  .n0de4 {
    width: 100%;
    height: 240px;
  }

  .e5d98 {
    width: 100%;
  }
}

.gc6 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.p76d5596 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.b4975 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.bced92 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.bbd {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .p76d5596 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p76d5596 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.e4e996 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.b800996 {
  max-width: 1200px;
  margin: 0 auto;
}

.pc2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .e4e996 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pc2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .e4e996 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .pc2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.m7f {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.m7f:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary);
  transform: translateY(-4px);
}

.gd518e {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.gd518e i {
  color: var(--color-primary);
  font-size: 1.75rem;
}

.gcf {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.d775caf5 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  flex-grow: 1;
}

.ce6 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  text-align: center;
  width: fit-content;
}

.ce6:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

.p4a61 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.g7d54aa {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.ea36b7d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.p9b44 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-relaxed);
}

.o26 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

.o26:hover {
  background-color: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

@media (min-width: 768px) {
  .p4a61 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p4a61 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.n1d8 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.b6a9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .n1d8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .b6a9 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .n1d8 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .b6a9 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.obb2 {
  text-align: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.cec {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-success-light);
  border-radius: var(--radius-md);
  margin: 0 auto var(--spacing-md);
}

.cec i {
  color: var(--color-success);
  font-size: 1.5rem;
}

.a89 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-snug);
}

.h0a24cb {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.n33352 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.n33352 .c488997 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n33352 .fac531ee {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.n33352 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.n33352 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.n33352 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.n33352 ul,
.n33352 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.n33352 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n33352 strong {
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

.n33352 .g3732 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-3xl);
}

.n33352 .k8cef {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  border-radius: var(--radius-md);
}

.n33352 .k8cef h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.n33352 .k8cef p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n33352 .g8c {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

.n33352 .gcfcc38b {
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-xs);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.n33352 .h1822437 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

@media (min-width: 768px) {
  .n33352 .fac531ee {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .n33352 .k8cef {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .n33352 .c488997 {
    padding: 0 var(--spacing-lg);
  }

  .n33352 .fac531ee {
    padding: var(--spacing-4xl) 0;
  }

  .n33352 h2 {
    margin-top: var(--spacing-4xl);
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-normal);
}

.ja8 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.a4305428 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.c488997 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.fac531ee {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.acb5770 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-lg);
}

.j4d3 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  margin-bottom: var(--spacing-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: iconPulse 0.8s ease-out;
}

.j4d3 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

@keyframes iconPulse {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.kcbc2200 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  padding: 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.5px;
}

.n4a108c {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-xl) 0;
  padding: 0;
  line-height: var(--line-height-snug);
}

.m92b2c52 {
  margin-bottom: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.gd7 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

.gd7:last-child {
  margin-bottom: 0;
}

.k5d1 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

.e51 {
  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, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  gap: var(--spacing-sm);
}

.n950af5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.n950af5:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.n950af5:active {
  transform: translateY(0);
}

.g19 {
  padding: var(--spacing-lg) var(--spacing-3xl);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  min-width: 240px;
}

@media (min-width: 768px) {
  .a4305428 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

  .acb5770 {
    padding: var(--spacing-2xl);
  }

  .kcbc2200 {
    margin-bottom: var(--spacing-lg);
  }

  .n4a108c {
    margin-bottom: var(--spacing-2xl);
  }

  .m92b2c52 {
    margin-bottom: var(--spacing-3xl);
    padding: var(--spacing-2xl);
  }

  .gd7 {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a4305428 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .acb5770 {
    padding: var(--spacing-3xl);
  }

  .g19 {
    min-width: 280px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .j4d3 {
    animation: none;
  }

  .e51 {
    transition: none;
  }

  .n950af5:hover {
    transform: none;
  }

  .n950af5:active {
    transform: none;
  }
}

.lc12 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.j1d {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.c488997 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.fac531ee {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

.e004d {
  margin-bottom: var(--spacing-xl);
}

.m506c76 {
  position: relative;
  display: inline-block;
}

.pcf42 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: 1;
  display: block;
  margin: 0;
  letter-spacing: -0.05em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.df8 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 8px;
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent);
  border-radius: var(--radius-full);
  animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0%, 100% {
    opacity: 0.5;
    width: 100px;
  }
  50% {
    opacity: 1;
    width: 140px;
  }
}

.a7777 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.a7777 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  direction: rtl;
}

.b88 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  direction: rtl;
  font-weight: var(--font-weight-medium);
}

.p1c8 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  direction: rtl;
  max-width: 600px;
  margin: 0 auto;
}

.n1526a {
  margin-top: var(--spacing-lg);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

.e51 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  font-family: var(--font-primary);
  direction: rtl;
}

.n950af5 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.n950af5:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.n950af5:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.na45662d {
  margin-top: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary-light);
}

.f8d6155 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  direction: rtl;
}

@media (min-width: 640px) {
  .j1d {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .pcf42 {
    text-shadow: 0 6px 30px rgba(0, 0, 0, 0.15);
  }
}

@media (min-width: 1024px) {
  .j1d {
    padding: var(--spacing-4xl) var(--spacing-md);
    min-height: 100vh;
  }

  .a7777 {
    gap: var(--spacing-xl);
  }

  .p1c8 {
    font-size: 1.1rem;
  }

  .e51 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }

  .e51:hover {
    box-shadow: var(--shadow-xl);
  }
}

@media (max-width: 480px) {
  .m506c76 {
    margin-bottom: var(--spacing-md);
  }

  .df8 {
    bottom: -15px;
    width: 80px;
  }

  .n1526a {
    margin-top: var(--spacing-md);
  }

  .e51 {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }

  .na45662d {
    margin-top: var(--spacing-md);
    padding: var(--spacing-md);
    border-left-width: 3px;
  }
}

.lcd8 {
  background-color: var(--color-bg-primary);
  direction: rtl;
}

.e47a1c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.icdcb5ca {
  text-align: center;
}

.p6e {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.le86 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.o66d60aa {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.ka72f2d0 {
  width: 100%;
}

.cc4 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.b15087 {
  flex: 1 1 100%;
  min-width: 0;
}

.pc762e {
  flex: 1 1 100%;
  min-width: 0;
}

.o942e {
  margin-bottom: var(--spacing-2xl);
}

.h090 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.ebe86ed4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.naffc {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.g6823 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.e08cf {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  display: block;
}

.n712c0,
.bf24 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.n712c0::placeholder,
.bf24::placeholder {
  color: var(--color-text-muted);
}

.n712c0:focus,
.bf24:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.bf24 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.o276af {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-sm);
}

.kb5 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  cursor: pointer;
  user-select: none;
}

.m1fe76 {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

.b823 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.c3e {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: var(--font-weight-semibold);
}

.c3e:hover,
.c3e:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.jb43 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  margin-top: var(--spacing-md);
}

.jb43:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.jb43:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.jb43:active {
  transform: translateY(0);
}

.ob422 {
  margin-bottom: var(--spacing-2xl);
}

.cc6060 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.a4a565 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.n9ea2d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.e5efe2 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.b22ab2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
  transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-base);
}

.e5efe2:hover .b22ab2 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

.ib2fc65b {
  flex: 1;
}

.m2e7227 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-tight);
}

.e282f18 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-normal);
}

.m09fe21 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  transition: color var(--transition-base);
}

.m09fe21:hover,
.m09fe21:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.f8220 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.e30e7700 {
  padding: var(--spacing-2xl);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  text-align: center;
}

.j7f7ca {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
  font-weight: var(--font-weight-medium);
}

.n8528 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}

.n8528:hover,
.n8528:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.h0b2 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.be4d35 {
  width: 100%;
}

.ga6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-3xl) 0;
  text-align: center;
  line-height: var(--line-height-tight);
}

.n55 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.b949 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.b949:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.ke61 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.i913a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .e47a1c {
    padding: 4rem 0;
  }

  .o66d60aa {
    padding: 4rem 0;
  }

  .cc4 {
    gap: 4rem;
  }

  .b15087 {
    flex: 1 1 45%;
  }

  .pc762e {
    flex: 1 1 45%;
  }

  .h0b2 {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .e47a1c {
    padding: 5rem 0;
  }

  .o66d60aa {
    padding: 5rem 0;
  }

  .cc4 {
    gap: 5rem;
  }

  .b15087 {
    flex: 1 1 48%;
  }

  .pc762e {
    flex: 1 1 48%;
  }

  .h0b2 {
    padding: 5rem 0;
  }

  .n55 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .e30e7700 {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .e30e7700 {
    border-left: 4px solid var(--color-primary);
  }
}
.h3bb47,.iae1ba{
  width: 34px;
}

/* FIX:nav .h15 */
.h15{
  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;
}

.e4f148{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .e4f148{
    max-width: 100%;
  }
}

/* FIX:zindex .e4f148.fc1601 */
.e4f148.fc1601{
  z-index: 999;
}

/* FIX:navpad .kb2ab */
.kb2ab{
  padding-top: 50px;
}

/* FIX:toggle-expand .h3bb47 */
.h3bb47[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .f77b9aa {
    aspect-ratio: 6 / 9;
  }
  .lebffb {
    aspect-ratio: 6 / 9;
  }
}
