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

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

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

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-secondary: #10b981;
  --color-secondary-light: #ecfdf5;

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

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

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', serif;

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

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

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

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

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

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

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

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

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

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

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

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
}

input, textarea, select {
  font-family: var(--font-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

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

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

.af9 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-decoration: none;
  font-size: 1rem;
}

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

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

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

.l20b:hover {
  background: #059669;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

.k79 {
  background: #dcfce7;
  color: #166534;
}

.he241ff {
  background: #fef3c7;
  color: #92400e;
}

.d5a {
  background: #fee2e2;
  color: #991b1b;
}

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

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

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

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

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

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

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

.eb4a5f3 {
  flex-direction: column;
}

.kb8ad {
  text-align: center;
}

.o3c7418 {
  text-align: right;
}

.g8810e5 {
  text-align: left;
}

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

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

.kebae {
  font-weight: 600;
}

.e832a {
  font-weight: 700;
}

.g96accee {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.l9a2 { margin-top: var(--spacing-xs); }
.c53b0c8b { margin-top: var(--spacing-sm); }
.k7f5bab5 { margin-top: var(--spacing-md); }
.j159 { margin-top: var(--spacing-lg); }
.c71fe2 { margin-top: var(--spacing-xl); }
.jaaac7a { margin-top: var(--spacing-2xl); }
.b2d { margin-top: var(--spacing-3xl); }

.kcc408 { margin-bottom: var(--spacing-xs); }
.n51417 { margin-bottom: var(--spacing-sm); }
.p337a750 { margin-bottom: var(--spacing-md); }
.j6e { margin-bottom: var(--spacing-lg); }
.n4781b { margin-bottom: var(--spacing-xl); }
.cc6a { margin-bottom: var(--spacing-2xl); }
.ed549de5 { margin-bottom: var(--spacing-3xl); }

.e86 { padding-top: var(--spacing-xs); }
.dcca { padding-top: var(--spacing-sm); }
.i42b54 { padding-top: var(--spacing-md); }
.nc9a { padding-top: var(--spacing-lg); }
.ff6 { padding-top: var(--spacing-xl); }

.faf9b { padding-bottom: var(--spacing-xs); }
.h66a1 { padding-bottom: var(--spacing-sm); }
.hb21a86 { padding-bottom: var(--spacing-md); }
.cf0 { padding-bottom: var(--spacing-lg); }
.be6a { padding-bottom: var(--spacing-xl); }

.k0d99132 { padding: var(--spacing-md) 0; }
.off7c { padding: var(--spacing-lg) 0; }
.lc12c75 { padding: var(--spacing-xl) 0; }

.d890d539 { padding: 0 var(--spacing-md); }
.f78d7 { padding: 0 var(--spacing-lg); }
.kdad2 { padding: 0 var(--spacing-xl); }

.oc3b { gap: var(--spacing-sm); }
.hcdf9c { gap: var(--spacing-md); }
.j4d4e23 { gap: var(--spacing-lg); }
.j4c22f99 { gap: var(--spacing-xl); }

.febd9 { border-radius: var(--radius-sm); }
.j7b { border-radius: var(--radius-md); }
.i6858d8 { border-radius: var(--radius-lg); }
.ff9111 { border-radius: var(--radius-xl); }
.k1bcb232 { border-radius: var(--radius-full); }

.ieecc0 { box-shadow: var(--shadow-sm); }
.e9dd00 { box-shadow: var(--shadow-md); }
.dffcbd { box-shadow: var(--shadow-lg); }
.pc0 { box-shadow: var(--shadow-xl); }

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

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

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

.je253da2 {
  border-left: 1px solid var(--color-border);
}

.e10f2 {
  border-right: 1px solid var(--color-border);
}

.kba53553 {
  display: none !important;
}

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

@media (max-width: 768px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }

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

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

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

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

@media (max-width: 480px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
  h3 { font-size: 1.125rem; }

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

  .j2d {
    padding: var(--spacing-lg);
  }
}
.k6464 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.aa0dc009:hover {
  opacity: 0.8;
}

.i8f4 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
}

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

.g0b {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  justify-content: center;
}

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

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

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

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

.b032855 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  width: 40px;
  height: 40px;
  cursor: pointer;
  gap: 6px;
  padding: 0;
  flex-shrink: 0;
}

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

.b032855.bc87b314 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.b032855.bc87b314 span:nth-child(2) {
  opacity: 0;
}

.b032855.bc87b314 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.d44071.bc87b314 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.n53d4294 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

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

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

.g08f:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-right: 2rem;
}

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

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

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

  .e62 {
    display: block;
  }

  .b032855 {
    display: none;
  }

  .d44071 {
    display: none;
  }

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

@media (min-width: 1024px) {
  .l030 {
    font-size: 1rem;
  }

  .k661a {
    font-size: 1.4rem;
  }

  .g0b {
    gap: 2rem;
  }
}

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

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

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

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

.ga739f {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

.p66e {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 1rem 0;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k421,
.aa5840d {
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: 50px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

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

.aa5840d {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.4);
}

.aa5840d:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.6);
}

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

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

.k3bb {
  text-align: center;
}

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

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

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

.hb03 {
  flex: 1 1 280px;
  max-width: 380px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

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

.hb03 i {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

.e5c0 {
  text-align: center;
}

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

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

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

.od0e1dc {
  flex: 1 1 280px;
  max-width: 380px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.od0e1dc i {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

.j1d439ae {
  text-align: center;
}

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

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

.lb8fe3 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
  justify-content: center;
}

.k47bef,
.c1e52f {
  flex: 1 1 280px;
  max-width: 400px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  background: var(--color-bg-card);
}

.k47bef {
  border-left: 4px solid #ef4444;
}

.c1e52f {
  border-left: 4px solid var(--color-accent);
}

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

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

.ke2ed99 li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0.75rem 0;
  padding-left: 1.5rem;
  position: relative;
}

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

.g3ab6fe {
  flex: 0 0 auto;
  font-size: 1.5rem;
  color: var(--color-accent);
}

@media (max-width: 767px) {
  .g3ab6fe {
    display: none;
  }
}

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

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

.f86b {
  text-align: center;
}

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

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

.f4f3402 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

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

.n708e3e strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.l81c {
  text-align: center;
}

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

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

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

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

.e7a9 {
  flex-shrink: 0;
  width: clamp(2.5rem, 6vw, 3.5rem);
  height: clamp(2.5rem, 6vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.25rem);
  flex-direction: column;
}

.gfd099 {
  flex: 1;
}

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

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

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

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

.n8b {
  text-align: center;
}

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

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

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

.o7dbf {
  flex: 1 1 300px;
  max-width: 380px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-border-light);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.o7dbf i {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
}

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

.g901d4 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex-grow: 1;
}

.l47970f {
  color: var(--color-accent);
  font-size: 1.25rem;
  margin-top: 0.5rem;
  transition: transform 0.3s ease;
}

.o7dbf:hover .l47970f {
  transform: translateX(-4px);
}

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

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

.b8c {
  max-width: 700px;
  padding: clamp(2rem, 5vw, 4rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  text-align: center;
  border-left: 6px solid var(--color-accent);
}

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

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

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

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

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

.n9f82.kba53553 {
  display: none;
}

.k2f61ea {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 200px;
  text-align: center;
}

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

.mfe3df6,
.de40072 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  cursor: pointer;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  border: none;
  transition: all 0.3s ease;
}

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

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

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

.de40072:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 767px) {
  .ga739f {
    aspect-ratio: 4/3;
  }

  .lb8fe3 {
    flex-direction: column;
  }

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

  .e7a9 {
    align-self: flex-start;
  }

  .n9f82 {
    flex-direction: column;
  }

  .k2f61ea {
    flex: 1 1 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .nb25f,
  .g633,
  .pb09369f {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

  .hb03,
  .od0e1dc,
  .o7dbf {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (min-width: 1024px) {
  .nb25f,
  .g633 {
    gap: 2rem;
  }

  .hb03,
  .od0e1dc {
    flex: 1 1 calc(33.333% - 1.35rem);
  }

  .pb09369f {
    gap: 2rem;
  }

  .o7dbf {
    flex: 1 1 calc(33.333% - 1.35rem);
  }
}

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

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

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

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

.e2e7 h3 {
  font-size: clamp(1.375rem, 4vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

.o7a5,
.ob06e957,
.kd972 {
  flex: 1 1 clamp(200px, 25%, 280px);
  min-width: 200px;
}

.o7a5 h4,
.ob06e957 h4,
.kd972 h4 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.01em;
}

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

.pf4a1e li {
  display: block;
}

.pf4a1e a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-fast) ease, text-decoration var(--transition-fast) ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b838 + .b838 {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

@media (max-width: 768px) {
  .afa73 {
    flex-direction: column;
    align-items: center;
    gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .o7a5,
  .ob06e957,
  .kd972 {
    flex: 1 1 100%;
    text-align: center;
    width: 100%;
  }

  .pf4a1e {
    gap: clamp(0.5rem, 1.5vw, 0.75rem);
  }

  .e2e7 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

@media (max-width: 480px) {
  .l13d {
    padding: clamp(2rem, 6vw, 3rem) 0 clamp(1.5rem, 4vw, 2rem);
  }

  .d9df62 {
    gap: clamp(1.75rem, 4vw, 2.25rem);
  }

  .o7a5 h4,
  .ob06e957 h4,
  .kd972 h4 {
    font-size: clamp(1rem, 2vw, 1.125rem);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  .e2e7 h3 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
    margin-bottom: clamp(0.625rem, 1.5vw, 1rem);
  }
}
    

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

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

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

.h6cf066 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3.5rem);
  max-width: 650px;
  width: 100%;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

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

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

.bd221d {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.m23df2 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
}

.m23df2 i {
  font-size: 1.25rem;
}

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

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

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

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

.g564252 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  flex: 1 1 clamp(300px, 45vw, 500px);
  transition: all var(--transition-base);
}

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

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

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

.g564252:hover .a63 img {
  transform: scale(1.05);
}

.b29e3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i9d6 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
}

.h385,
.o6e9d9,
.mdff9 {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.h385 i,
.o6e9d9 i,
.mdff9 i {
  font-size: 0.875rem;
}

.k94 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: clamp(0.5rem, 1vw, 1rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.65rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  width: fit-content;
}

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

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

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

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

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

.n7c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  flex: 1 1 clamp(280px, 30vw, 380px);
  text-align: center;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.gbbc626 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: 1rem;
  margin-top: 0.25rem;
}

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

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

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

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

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

  .n7c {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

.p5f {
  direction: rtl;
  text-align: right;
  font-family: var(--font-primary);
}

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

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

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

.k74616 {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  position: relative;
}

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

.af572 a {
  color: #a0aec0;
  text-decoration: none;
  transition: color 0.3s ease;
}

.af572 a:hover {
  color: var(--color-secondary);
}

.af572 span {
  color: #718096;
}

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

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

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

.d401 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #cbd5e0;
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
}

.d4c7b772 {
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
  margin-top: 2rem;
}

.oa18fd {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
  color: #a0aec0;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.oa18fd i {
  color: var(--color-secondary);
  font-size: 1.125rem;
}

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

.nea {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

.af988 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
}

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

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

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

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

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

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

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

.l89d {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l6fcd {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.da26 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1.5rem;
  padding: 1.25rem 1.5rem;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  border-right: 4px solid var(--color-secondary);
}

.da26 i {
  font-size: 1.5rem;
  color: var(--color-secondary);
  flex-shrink: 0;
}

.da26 span {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.h561265a {
  background: #fef3c7;
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.ba8bf98 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.5rem;
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5rem;
  background: #fffbeb;
  border-radius: 8px;
  border-right: 4px solid #f59e0b;
}

.f8d938 {
  font-size: 1.75rem;
  color: #d97706;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.ge1b {
  flex: 1;
}

.m47f {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #92400e;
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

.b1973a:last-of-type {
  margin-bottom: 2rem;
}

.a58829a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: #ffffff;
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  font-weight: 600;
}

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

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

.d26 {
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  border-right: 4px solid var(--color-accent);
}

.f0fa {
  flex-shrink: 0;
}

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

.p349e688 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.lefc {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.lefc:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

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

.n9e {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
}

.lefc:hover .n9e {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .eaacbd,
  .db46e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j44,
  .cefbd,
  .c23 {
    flex-direction: column;
  }

  .kb35d1,
  .g6d0f,
  .g09f,
  .i2de,
  .f56,
  .n1f11 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .cefbd {
    flex-direction: column-reverse;
  }

  .d26 {
    flex-direction: column;
    align-items: flex-start;
  }

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

@media (max-width: 767px) {
  .d4c7b772 {
    flex-direction: column-reverse;
    gap: 1rem;
  }

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

  .ba8bf98 {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .f8d938 {
    margin-top: 0;
  }
}

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

html, body {
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

.kd12 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nccef {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.g555f {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: inline-block;
}

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

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

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

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

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

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

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

.cdcf0a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

.jda830 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  font-weight: 700;
}

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

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

.a411a7 li {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  padding-right: 1.5rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

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

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

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

.ne2fde {
  overflow-x: auto;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

.ca3bebdb {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
}

.jd31d {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-border-light);
}

.jd31d:last-child {
  border-bottom: none;
}

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

.o3c60290 {
  flex: 1 1 20%;
  min-width: 120px;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  text-align: center;
  border-right: 1px solid var(--color-border-light);
}

.o3c60290:first-child {
  border-right: none;
}

.l8b76 .o3c60290 {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

.p80f3f2 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

.gfa8ed {
  flex: 1;
}

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

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

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

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

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

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

.m0f9 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}

.jfb {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background 0.3s ease, transform 0.2s ease;
}

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

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

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

.h67 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
}

.be6bd6 {
  flex-shrink: 0;
}

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

.pe0b {
  flex: 1;
}

.c608dc3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.25rem);
  margin-bottom: clamp(0.25rem, 0.5vw, 0.5rem);
  font-weight: 700;
}

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

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

.d8ed67e0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

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

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

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

.c20f9 {
  flex: 1 1 calc(33.333% - 1.33rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

.mcce696 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

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

  .jaefae0,
  .k7e40 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .cdcf0a {
    flex-direction: column !important;
  }

  .gcf4,
  .b9d2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

  .nab313 {
    flex-direction: column;
  }

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

  .lb6d {
    flex-direction: column;
  }

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

  .o3c60290 {
    flex: 1 1 16.666%;
    min-width: 80px;
    padding: clamp(0.75rem, 1.5vw, 1rem);
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  }

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

  .pe0b {
    text-align: center;
  }

  .o5fe3 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .e8eb {
    justify-content: center;
  }
}

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

  .o3c60290 {
    flex: 1 1 100%;
    min-width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--color-border-light);
    text-align: right;
  }

  .o3c60290:last-child {
    border-bottom: none;
  }

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

  .a4a4414f {
    margin-top: 0;
  }

  .m0f9 {
    flex-direction: column;
  }

  .jfb {
    width: 100%;
    text-align: center;
  }
}

.ffc296 {
  background: var(--color-bg-primary);
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .n61,
  .n9f7bf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.l70ede {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

.je967 {
  flex: 1 1 40%;
  max-width: 40%;
}

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

.j5b4de9 i {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3rem);
  display: block;
  margin-bottom: 1rem;
}

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

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

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

  .l70ede,
  .je967 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j5b4de9 {
    border-right: 4px solid var(--color-accent);
  }
}

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

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

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

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

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

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

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

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

.e5aaa1 {
  flex: 1;
}

.ae66aa {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

  .b4de8a3c,
  .db82 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

  .d7c,
  .ga8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.m65b6f {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-right: 4px solid #f59e0b;
}

.i5548b {
  color: #f59e0b;
  font-size: clamp(1.5rem, 3vw, 2rem);
  flex-shrink: 0;
}

.j88535 {
  flex: 1;
}

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

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

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

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

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

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

.n5a145 {
  display: flex;
  justify-content: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.kf1d4c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

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

.fc1d8b7 {
  flex-shrink: 0;
}

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

.hdd378 {
  flex: 1;
}

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

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

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

.f2464e {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

.h709 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

.m15 {
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

.h709:hover .g7e702 {
  transform: scale(1.05);
}

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

.d93 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 700;
  line-height: 1.4;
}

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

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

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

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

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

  .de9da0 {
    flex-direction: column;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.kaa {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.h17 {
  display: flex;
  gap: clamp(1rem, 3vw, 1.5rem);
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m8875 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-right: 4px solid var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.f662423 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

.i95476::before {
  content: '✓';
  position: absolute;
  right: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25em;
}

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

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

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

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

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

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

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

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

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

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

.h9c7 {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.25rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
}

.h9c7 i {
  color: var(--color-accent);
  font-size: 1.5em;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

.kf5ef35a {
  min-width: 50px;
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.fe3674 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.i66e3bdb {
  flex: 1;
}

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

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

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

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

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

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

.n52b8adb {
  flex: 1;
}

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

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

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

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

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

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

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

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

.i9cf08ab {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
}

.of315f {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}

.ccbf2 {
  flex: 1;
}

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

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

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

.dac7b {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.h4dede {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

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

.he5:hover .bd0060b0 img {
  transform: scale(1.05);
}

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

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

.hbbc20ce a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

@media (max-width: 1023px) {
  .cb4c,
  .p229ef,
  .b64e7,
  .p32ff38,
  .k34cc,
  .k070c {
    flex-direction: column;
  }

  .a0ecb79,
  .a1c0642,
  .m4b,
  .pb538,
  .ce7b34,
  .l03b,
  .d6a3b,
  .ffd9d,
  .a109,
  .m31eb9,
  .b98504,
  .me54 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ffd9d {
    order: 0;
  }

  .me54 {
    order: 0;
  }

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

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

@media (max-width: 640px) {
  .n64927 {
    font-size: 0.75rem;
  }

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

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

  .ndb58902 {
    gap: 1rem;
  }

  .g1b0 {
    gap: 0.75rem;
  }

  .kf5ef35a {
    min-width: 40px;
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}

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

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

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

.e09c3 {
  width: 100%;
}

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

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

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

.n80fce {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
}

.d0c9 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

.lc9bffd {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

.j23 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: stretch;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.d7ab37 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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

.d86e {
  flex: 1 1 45%;
  min-width: 280px;
  overflow: hidden;
  border-radius: 12px;
}

.d86e img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}

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

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

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

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

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

.b42a9c {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.d5aff4d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

.p1f50c {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 240px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

.o4288 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.m2e6c {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.c619 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.c6c0aaab {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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

.ofca4 {
  flex: 1 1 45%;
  min-width: 280px;
  overflow: hidden;
  border-radius: 12px;
}

.ofca4 img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}

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

.a7c {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
}

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

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

.h5ad1d {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .d7ab37,
  .d86e,
  .c6c0aaab,
  .ofca4 {
    flex: 1 1 100%;
    min-width: 100%;
  }

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

  .p1f50c {
    flex: 1 1 100%;
  }

  .d86e img,
  .ofca4 img {
    min-height: 250px;
  }
}

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

  .n80fce {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .e9ee765,
  .cfcf5,
  .kae8976,
  .m2e6c {
    font-size: clamp(1.25rem, 4vw, 2rem);
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

.gd5179a2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

.o2f7 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.mccbee {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
}

.ceaa230 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  font-weight: 500;
}

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

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

  .a9588135 {
    flex: 1 1 100%;
  }

  .of0 {
    flex-direction: row;
    gap: 1.5rem;
  }
}

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

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

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

.mfac {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

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

.o2a35eb9 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.j2dda267 {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.d3154dc {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.pb6 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 4px;
  max-width: 800px;
  margin: 0 auto;
}

.o9267f0 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  margin: 0;
  line-height: 1.8;
  font-family: var(--font-heading);
}

.o9267f0 p {
  margin: 0;
}

.m20 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  margin-top: 1rem;
  font-style: normal;
  font-weight: 600;
}

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

.ha12 {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem) * 0.5);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

.jf2c57 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.i8c {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.g2bc {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--color-accent);
  background: var(--color-accent-light);
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.e15bf8 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

.e15bf8 i {
  font-size: 0.75rem;
}

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

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

.m1901 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8125rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.k352 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(2rem, 5vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  border-radius: 6px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  align-self: center;
}

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

@media (max-width: 768px) {
  .ge5d,
  .d991d826,
  .k6965,
  .nfb617,
  .b733b,
  .b1ffa {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

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

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

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

.kcac07f {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.f224e4 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

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

  .i59ff {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

.h341 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.b8b {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.m04b {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.gc09b2c {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.4rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.4;
}

.m768 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1rem);
  margin: 0;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .j23b415 {
    height: 250px;
  }

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

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

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

.mf05 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.2rem);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.k7d75 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

.i4ec {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  letter-spacing: 0.3px;
}

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

.i4ec:active {
  transform: translateY(0);
}

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

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

.ad1 {
  direction: rtl;
  text-align: right;
}

.g7f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.ge0474f6 {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.e49 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

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

  .ge0474f6 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

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

.i472 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
  align-items: start;
}

@media (min-width: 1024px) {
  .i472 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

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

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

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

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

.ned6617:hover {
  background-color: var(--color-bg-tertiary);
  color: var(--color-primary);
}

.iaf42e {
  flex: 1;
  text-align: right;
  line-height: 1.5;
}

.p03760 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-size: 1.25rem;
  font-weight: 300;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

.ned6617:hover .p03760 {
  background-color: var(--color-primary);
  transform: scale(1.1);
}

.ned6617.bc87b314 .p03760 {
  background-color: var(--color-primary);
  transform: rotate(45deg);
}

.ad560 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
  background-color: var(--color-bg-card);
}

.ad560.bc87b314 {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

.ad560 p {
  margin: 0;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-weight: 400;
}

.efb37 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.efb37 img {
  width: 100%;
  height: auto;
  display: block;
  background-color: var(--color-bg-tertiary);
}

@media (max-width: 1023px) {
  .efb37 {
    display: none;
  }
}

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

.e5eb {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.g01a30 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.cbb9626 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
  opacity: 0.95;
}

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

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

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

  .m559 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .e5eb {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
}

@media (max-width: 767px) {
  .ge0474f6 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .ned6617 {
    padding: var(--spacing-md);
    font-size: 0.95rem;
  }

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

  .p03760 {
    width: 24px;
    height: 24px;
    font-size: 1.1rem;
  }
}

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

.i7e4423 .o48 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.i7e4423 .fb3c5d {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.i7e4423 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.i7e4423 .h7de {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  display: block;
}

.i7e4423 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.i7e4423 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.i7e4423 ul,
.i7e4423 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
}

.i7e4423 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.i7e4423 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

.i7e4423 .j6357 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.i7e4423 .j6357 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.i7e4423 .j6357 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .i7e4423 .o48 {
    padding: 0 var(--spacing-lg);
  }

  .i7e4423 .fb3c5d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i7e4423 .o48 {
    padding: 0 var(--spacing-2xl);
  }

  .i7e4423 .fb3c5d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.jb4 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  direction: rtl;
  text-align: right;
}

.b3a130 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.p335fffb {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.k57199 {
  margin-bottom: var(--spacing-lg);
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.k57199 svg {
  width: 100px;
  height: 100px;
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.i45 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-family: var(--font-primary);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.oc12 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.8;
  max-width: 600px;
}

.o49 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-lg) 0;
  border-right: 4px solid var(--color-primary);
}

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

.af9 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  margin-top: var(--spacing-xl);
}

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

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

.if3ee:active {
  transform: translateY(0);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

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

@media (min-width: 1024px) {
  .b3a130 {
    padding: var(--spacing-2xl);
  }

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

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

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

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

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

@media (max-width: 480px) {
  .p335fffb {
    padding: var(--spacing-md) 0;
  }

  .k57199 svg {
    width: 80px;
    height: 80px;
  }

  .o49 {
    border-right-width: 3px;
  }
}

.i83c4e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.o0662d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

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

.a52f79c {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  align-items: center;
}

.fdc {
  position: relative;
  margin: var(--spacing-lg) 0;
  animation: float 6s ease-in-out infinite;
}

.gc9d {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  display: block;
  position: relative;
  z-index: 2;
}

.ba2c {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.01em;
}

.d21 {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
}

.kc46b {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  line-height: 1.8;
  margin: 0;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.k61 {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  margin-top: var(--spacing-lg);
}

.af9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  white-space: nowrap;
  line-height: 1.4;
}

.if3ee {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.if3ee:active {
  transform: translateY(0);
}

.a0d0 {
  width: 100%;
  max-width: 200px;
  margin: var(--spacing-lg) auto 0;
  opacity: 0.6;
  animation: pulse-gentle 4s ease-in-out infinite;
}

.l3138d {
  width: 100%;
  height: auto;
  color: var(--color-primary);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes pulse-gentle {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.8;
  }
}

@media (min-width: 480px) {
  .o0662d {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
  
  .gc9d {
    font-size: clamp(5rem, 18vw, 8rem);
  }
}

@media (min-width: 768px) {
  .o0662d {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
  
  .o48 {
    padding: 0 var(--spacing-lg);
  }
  
  .a52f79c {
    gap: var(--spacing-2xl);
  }
  
  .fdc {
    margin: var(--spacing-2xl) 0;
  }
  
  .ba2c {
    font-size: clamp(1.75rem, 5vw, 2.5rem);
  }
  
  .d21 {
    font-size: clamp(1.1rem, 3vw, 1.4rem);
  }
  
  .kc46b {
    font-size: clamp(0.95rem, 1.8vw, 1.15rem);
  }
  
  .a0d0 {
    max-width: 240px;
  }
}

@media (min-width: 1024px) {
  .o0662d {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .o48 {
    padding: 0 var(--spacing-2xl);
  }
  
  .a52f79c {
    gap: var(--spacing-3xl);
  }
  
  .fdc {
    margin: var(--spacing-3xl) 0;
  }
  
  .af9 {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
  
  .a0d0 {
    max-width: 280px;
  }
}

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

.n5ae1c6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.jd4429 {
  text-align: center;
}

.i05 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.m1a2 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.l47 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g4d223c9 {
  width: 100%;
}

.i6d5bcbf {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

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

.m829be {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.m7ac98d1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.lfe10 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.gfa4013 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.g57,
.a17 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
  box-sizing: border-box;
  line-height: 1.5;
}

.g57::placeholder,
.a17::placeholder {
  color: var(--color-text-muted);
}

.g57:focus,
.a17:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.a17 {
  resize: vertical;
  min-height: 150px;
}

.fdfd4a {
  margin: var(--spacing-sm) 0;
}

.i8f69 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.gc7f422 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

.gc7f422:hover,
.gc7f422:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.ae9008 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
  letter-spacing: 0.5px;
}

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

.ae9008:active {
  transform: translateY(0);
}

.ae9008:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

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

.a75f143 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.ie74 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.c5b210 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.e85d {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.l43133 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.l43133 i {
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  color: var(--color-primary);
}

.n9494 {
  flex: 1;
}

.i5d4f1 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.l4b412fb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.necb46 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 500;
}

.necb46:hover,
.necb46:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.i767fb1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

.b1a12 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.cdb68c87 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
}

.cdb68c87:hover,
.cdb68c87:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.h3121ad {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.j10b7 {
  text-align: center;
}

.f9f79e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.gac {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.hbbcff4 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  text-align: center;
}

.hbbcff4:hover,
.hbbcff4:focus {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

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

  .a29c060 {
    flex: 1 1 45%;
  }

  .h4e {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .n5ae1c6 {
    padding: var(--spacing-3xl) 0;
  }

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

  .a29c060 {
    flex: 1 1 48%;
  }

  .h4e {
    flex: 1 1 48%;
  }

  .a29c060 {
    max-width: 500px;
  }

  .h4e {
    max-width: 500px;
  }
}
.b032855,.b540b1{
  width: 34px;
}

/* FIX:nav .g0b */
.g0b{
  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;
}

.d44071{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .d44071{
    max-width: 100%;
  }
}

/* FIX:zindex .d44071.bc87b314 */
.d44071.bc87b314{
  z-index: 999;
}

/* FIX:navpad .n3843d */
.n3843d{
  padding-top: 50px;
}

/* FIX:toggle-expand .b032855 */
.b032855[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ga739f {
    aspect-ratio: 6 / 9;
  }
  .a63 {
    aspect-ratio: 6 / 9;
  }
}