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

:root {
  --color-bg-primary: #1a1008;
  --color-bg-secondary: #271c10;
  --color-bg-tertiary: #362818;
  --color-bg-card: #271c10;

  --color-text-primary: #fefce8;
  --color-text-secondary: #fde68a;
  --color-text-muted: #fcd34d;

  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-primary-light: #fcd34d;
  --color-secondary: #fbbf24;
  --color-secondary-light: #fef3c7;

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

  --color-border: #453a2a;
  --color-border-light: #362818;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Crimson Pro', serif;

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

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);

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

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

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

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

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

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: 3.5rem;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

.of741f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  text-decoration: none;
}

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

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

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

.m03f:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.g7923 {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

.g7923 h2 {
  margin-bottom: var(--spacing-md);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.g7923 p {
  font-size: 1.125rem;
  color: var(--color-text-muted);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

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

.b29bef {
  text-align: center;
}

.offd2 {
  text-align: right;
}

.l7c5f3ba {
  text-align: left;
}

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

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

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

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

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

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

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

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

.la9aea {
  padding-top: var(--spacing-sm);
}

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

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

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

.of7 {
  padding-bottom: var(--spacing-sm);
}

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

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

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

.jb5 {
  opacity: 0.5;
}

.oc5f {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.e704877 {
  background: var(--color-bg-card);
}

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

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

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

.hb2477 {
  color: var(--color-primary);
}

.ea1 {
  color: var(--color-secondary);
}

.h2217 {
  position: relative;
  display: inline-block;
}

.h2217::after {
  content: '';
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--radius-full);
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .n2ec,
  .ef0,
  .ee001 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .of741f {
    padding: var(--spacing-sm) var(--spacing-lg);
    font-size: 0.875rem;
  }
}
.nc1 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

.lf3f {
  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: auto;
  min-height: 70px;
  gap: clamp(1rem, 2vw, 2rem);
}

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

.ke15:hover {
  transform: translateY(-2px);
}

.j91 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.i2cdd {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

.o7a33 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  gap: 6px;
  flex-shrink: 0;
}

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

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

.nb24f.d36 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.mac {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .lf3f {
    min-height: 80px;
  }

  .ed23b {
    display: flex;
  }

  .m30b5d {
    display: block;
  }

  .o7a33 {
    display: none;
  }

  .nb24f {
    display: none;
  }
}

@media (min-width: 1024px) {
  .lf3f {
    gap: 2rem;
    min-height: 85px;
  }

  .i2cdd {
    font-size: 1.5rem;
  }

  .ed23b {
    gap: 3rem;
  }

  .a757 {
    font-size: 1rem;
  }

  .m30b5d {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

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

    .g7d816f {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

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

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

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

.m0346a {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}

.m7d47 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  display: block;
}

.b8f {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 4vw, 3rem);
}

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

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

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

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

.of741f {
  padding: clamp(0.625rem, 2vw, 0.875rem) clamp(1rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  white-space: nowrap;
}

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

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

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

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

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

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

.he9c {
  text-align: center;
}

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

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

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

.n948f6 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

.da8f147c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  min-width: clamp(3rem, 8vw, 5rem);
}

.f8d {
  flex: 1;
}

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

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

@media (min-width: 768px) {
  .n948f6 {
    gap: clamp(2rem, 4vw, 3rem);
    padding: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

.hdf23d {
  max-width: 750px;
  text-align: center;
}

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

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

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

.o98 {
  width: 100%;
  max-width: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.jd5b {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

  .hdf23d {
    text-align: right;
    flex: 1;
  }

  .o98 {
    flex: 1;
  }
}

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

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

.n45b4d56 {
  text-align: center;
}

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

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

.k8c8 {
  width: 100%;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

.i6b {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

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

.icdd {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  display: block;
}

.m66 {
  padding: clamp(1.5rem, 3vw, 2rem);
}

.d5e043 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
}

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

.n2d {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all var(--transition-base);
}

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

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

.l97e42 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.gc7 {
  width: 100%;
  max-height: 200px;
  overflow: hidden;
}

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

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

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

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

.oc2 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

.j6e84 {
  text-align: center;
}

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

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

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

.aaf8e {
  flex: 1 1 280px;
  max-width: 350px;
  text-align: center;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

.ob6 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

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

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

.mda186c {
  text-align: center;
}

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

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

.n6ac3a {
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

.n6ac3a:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.i3ea4 {
  font-size: clamp(0.975rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 clamp(0.75rem, 1vw, 1rem) 0;
  cursor: pointer;
  transition: color var(--transition-base);
}

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

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

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

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

.ga830 {
  text-align: center;
}

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

.p702ec {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 auto clamp(1.5rem, 3vw, 2rem);
  max-width: 600px;
  line-height: 1.7;
}

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

.j7f6 {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

.pe5602 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all var(--transition-base);
}

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

.ade9 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
}

.ade9.a2a337 {
  display: none;
}

.fe3001 {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  flex: 1 1 200px;
  text-align: center;
}

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

.lec36a48,
.b460b53 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  white-space: nowrap;
}

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

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

.b460b53 {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

.b460b53:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-text-primary);
}

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

  .i3a30920 {
    flex-direction: column;
  }

  .l97e42 {
    max-width: 100%;
  }

  .lae541f6 {
    flex-direction: column;
  }

  .j7f6 {
    max-width: 100%;
  }

  .j64 {
    gap: 1rem;
  }

  .of741f {
    flex: 1;
    min-width: 140px;
  }
}

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

  .i3a30920 {
    flex-direction: row;
  }

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

  .lae541f6 {
    flex-direction: row;
  }

  .g3f3 {
    flex: 0;
  }
}

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

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

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

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

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

.ge306c,
.aed9,
.eedfcf,
.c0f {
  display: block;
}

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

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

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

.k21bc09c,
.cff {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.k21bc09c li,
.cff li {
  display: block;
}

.k21bc09c a,
.cff a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k21bc09c a:hover,
.cff a:hover {
  color: var(--color-accent);
}

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

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

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

@media (min-width: 768px) {
  .cdffc {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2rem, 5vw, 4rem);
    align-items: start;
  }

  .pd5ae4c {
    grid-column: 1 / -1;
    margin-top: clamp(1rem, 2vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .cdffc {
    grid-template-columns: repeat(3, 1fr);
  }

  .aed9,
  .c0f {
    grid-column: auto;
  }

  .eedfcf {
    grid-column: span 1;
  }

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

.m61f2d3 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  direction: rtl;
  overflow-x: hidden;
}

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

.o73 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border);
}

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

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

.f4d6a {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 800;
  color: var(--color-text-primary);
  line-height: 1.1;
  word-wrap: break-word;
  overflow-wrap: break-word;
  letter-spacing: -0.02em;
}

.a71 {
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g4d7 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l91f {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

.fa79d7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.fa79d7 i {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
}

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

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

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

.l47 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n7e6d {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.i2cd {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k36 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.25rem, 3vw, 2rem);
  flex: 1 1 clamp(300px, 45vw, 450px);
  min-height: 100%;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.k36:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(245, 158, 11, 0.2);
  border-color: var(--color-accent);
}

.p2810 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

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

.h53b {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  padding: clamp(0.75rem, 1vw, 1.25rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
}

.nb5b0c,
.e601,
.o75eaf26 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nb5b0c i,
.e601 i,
.o75eaf26 i {
  color: var(--color-accent);
  font-size: 1rem;
}

.g7fb2 {
  display: inline-block;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: clamp(0.5rem, 1vw, 0.75rem) 0;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g7fb2:hover {
  color: var(--color-secondary);
  border-bottom-color: var(--color-secondary);
}

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

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

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

.fa7a0 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n21b74c {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
}

.n21b74c[open] {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.l1f236 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  user-select: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n21b74c::marker {
  color: var(--color-accent);
}

.n21b74c > summary {
  list-style: none;
}

.n21b74c > summary::-webkit-details-marker {
  display: none;
}

.l1f236::before {
  content: '▶';
  display: inline-flex;
  font-size: 0.75em;
  color: var(--color-accent);
  flex-shrink: 0;
  transition: transform 0.3s ease;
}

.n21b74c[open] .l1f236::before {
  transform: rotate(90deg);
}

.k1eaf {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(2rem, 4vw, 2.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 767px) {
  .o73 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .k36 {
    flex: 1 1 100%;
  }

  .odf {
    flex-direction: column;
  }

  .h07 {
    flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .odf {
    justify-content: center;
  }

  .k36 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 280px;
  }
}

@media (min-width: 1024px) {
  .odf {
    justify-content: center;
  }

  .k36 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 320px;
  }

  .h07 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }

  .k8f {
    columns: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

.abe2bd5 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  max-width: 700px;
}

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

.n0b8f1a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.n0b8f1a i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ff8dfad {
  list-style: none;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

.kcf7255:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.2em;
}

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

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

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

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

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

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

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

.h407f strong {
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

.gde5 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  font-weight: 700;
}

.n1b410b {
  list-style: none;
}

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

.p2f5:before {
  content: counter(list-counter);
  counter-increment: list-counter;
  position: absolute;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.9rem;
}

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

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

.fd4f9 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.fd4f9 i {
  color: var(--color-secondary);
  font-size: 1.3em;
}

.a35f689 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-secondary);
  font-weight: 700;
  margin: 0;
}

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

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

.h183dd {
  max-width: 800px;
}

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

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

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

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

.d50968 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
}

.nf4d54 {
  flex-shrink: 0;
}

.d97614a {
  width: clamp(80px, 12vw, 150px);
  height: clamp(80px, 12vw, 150px);
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.e235 {
  flex: 1;
}

.j145 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

.m0a {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.i429d {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

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

.a9b {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 700;
  line-height: 1.3;
}

.l288 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  flex: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 768px) {
  .ab4,
  .i722db,
  .o451,
  .c1fa,
  .l1e4 {
    flex-direction: column;
  }

  .o8aa,
  .hc09,
  .g3f02,
  .dcfc01,
  .pe9d,
  .m47635,
  .madf5,
  .l4c,
  .j7a,
  .aba1fa6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .gcbb {
    flex-direction: column;
  }
}

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

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

  .gcbb {
    gap: 1rem;
  }
}

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

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

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

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

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

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

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

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

.m858 span:last-child {
  color: var(--color-text-secondary);
}

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

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

.nf206d25 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

.mbf1b i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

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

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

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

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

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

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

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

.iecc,
.ic9bcd22 {
  background: var(--color-bg-secondary);
}

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

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

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

.pafa1967 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a32de28 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: 1.5rem;
}

.o8707e2f {
  flex: 1;
}

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

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

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

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

.neb732 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

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

.e136 {
  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: 12px;
  border-top: 3px solid var(--color-accent);
  flex: 0 1 calc(50% - 0.75rem);
  min-width: 280px;
  transition: var(--transition-base);
}

.e136:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.15);
}

.m7b1da {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 8px;
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.j9e3 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
  font-weight: 600;
}

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

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

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

.o786d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

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

.aef {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  text-align: center;
}

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

.lfff5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: var(--transition-base);
  align-items: stretch;
}

.lfff5:hover {
  transform: translateX(8px);
  box-shadow: 0 8px 24px rgba(245, 158, 11, 0.1);
}

.k8e74c {
  width: 200px;
  height: 150px;
  min-width: 200px;
  object-fit: cover;
}

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

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

.mcc2 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

  .g31,
  .f4a,
  .nd3,
  .bd50 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lfff5 {
    flex-direction: column;
  }

  .k8e74c {
    width: 100%;
    height: 220px;
    min-width: auto;
  }

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

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

  .g31,
  .f4a,
  .nd3,
  .bd50 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ibb {
    gap: 1rem;
  }

  .kcff {
    gap: 1rem;
  }

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

  .a32de28 {
    margin: 0 auto;
  }

  .e136 {
    flex: 0 1 100%;
  }

  .lfff5 {
    flex-direction: column;
  }

  .k8e74c {
    width: 100%;
    height: 220px;
    min-width: auto;
  }

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

  .f35f1 {
    margin: 0 auto;
  }
}

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

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

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

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

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

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

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

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

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

  .fa36a1c {
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
    line-height: 1.6;
    max-width: 700px;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .df51b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    padding-top: clamp(1.5rem, 3vw, 2rem);
    border-top: 1px solid var(--color-text-muted);
  }

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

  .n4f9 i {
    color: var(--color-accent);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .o0cb {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    border-left: 4px solid var(--color-accent);
    padding-left: clamp(1.5rem, 3vw, 2rem);
    background: rgba(245, 158, 11, 0.05);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
  }

  .a5df3 {
    color: var(--color-accent);
    font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
    font-weight: 700;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

  .ee992 {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    font-weight: 600;
    transition: all 0.3s ease;
    white-space: nowrap;
  }

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

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

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

  .k6974637 {
    flex: 0 0 120px;
    min-width: 120px;
  }

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

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

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

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

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

  .f48bdfd3 {
    color: var(--color-accent);
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

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

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

  .n226ecd {
    flex: 0 1 calc(33.333% - clamp(1rem, 3vw, 2rem));
    min-width: 250px;
  }

  .g11a8bf {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 100%;
  }

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

  .g7c0307e {
    width: 100%;
    aspect-ratio: 3/2;
    overflow: hidden;
    border-radius: var(--radius-md);
  }

  .g7c0307e img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.3s ease;
  }

  .g11a8bf:hover .g7c0307e img {
    transform: scale(1.05);
  }

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

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

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

  @media (max-width: 1024px) {
    .j0c,
    .o0b,
    .n81f,
    .g7f,
    .n6bf6c95 {
      flex-direction: column;
    }

    .da752c,
    .lfad4,
    .d38e25f,
    .bbf8,
    .medba,
    .p35b,
    .jce1d6e,
    .h12b2ffd,
    .o20e6,
    .c4c3acf {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .n226ecd {
      flex: 0 1 calc(50% - clamp(0.75rem, 2vw, 1.25rem));
      min-width: 220px;
    }
  }

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

    .k6974637 {
      flex: 0 0 100px;
      min-width: 100px;
      margin: 0 auto;
    }

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

    .f6ef45 {
      font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
    }

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

    .h1f5 {
      flex-direction: column;
    }
  }

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Work Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  direction: rtl;
}

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

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

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

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

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

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

.hd9 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.hd9 a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

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

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

.bf521 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: 'Crimson Pro', serif;
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
}

.c60bb649 {
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
}

.df8798f {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid rgba(253, 230, 138, 0.2);
}

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

.k82 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

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

.l9284 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

.mf7d1ab5 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mf7d1ab5 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.ja4 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: 'Crimson Pro', serif;
  color: var(--color-text-primary);
  line-height: 1.3;
  font-weight: 700;
}

.idd0 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.he959e9 {
  background: rgba(245, 158, 11, 0.1);
  border-right: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.ad8 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.ad8 i {
  color: var(--color-accent);
  font-size: 1.3em;
}

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

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

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

.dd877 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 8vw, 4rem);
  height: clamp(3rem, 8vw, 4rem);
  background: var(--color-accent);
  color: #1a1008;
  border-radius: 50%;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  flex-shrink: 0;
}

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

.e70b76 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.h7c {
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.m427d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: rgba(253, 230, 138, 0.08);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.k46 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  border-right: 3px solid var(--color-secondary);
  padding-right: clamp(1rem, 2vw, 1.5rem);
}

.k1d5 {
  font-weight: 600;
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  min-width: 120px;
}

.aa10fb4 {
  font-size: clamp(0.9rem, 1.3vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.o0bc7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: rgba(245, 158, 11, 0.05);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  max-width: 900px;
  margin: clamp(2rem, 4vw, 3rem) auto;
}

.h02dcf {
  font-size: clamp(1.3rem, 3vw, 2rem);
  font-family: 'Crimson Pro', serif;
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

.idbebba {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.h9414a {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(253, 230, 138, 0.15);
}

.i0a1e59 {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  max-width: 700px;
  margin: 0 auto;
}

.h3c {
  flex-shrink: 0;
}

.h3c img {
  width: clamp(80px, 12vw, 120px);
  height: clamp(80px, 12vw, 120px);
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-secondary);
}

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

.o2e7ef {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.o2e7ef a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

.nae26 {
  font-size: clamp(0.85rem, 1.3vw, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

.l0d1bb {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-top: 0.5rem;
}

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

.g54 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.pc7 {
  font-size: clamp(1.5rem, 4vw, 2.3rem);
  font-family: 'Crimson Pro', serif;
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 700;
}

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

.b36c {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: clamp(150px, 28vw, 200px);
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.b36c img {
  width: 100%;
  height: clamp(100px, 20vw, 150px);
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  transition: filter 0.3s ease;
}

.b36c:hover img {
  filter: brightness(1.1);
}

.gf961c {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  text-align: right;
  transition: color 0.3s ease;
}

.b36c:hover .gf961c {
  color: var(--color-secondary);
}

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

  .ib134,
  .mf7d1ab5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l6571d {
    flex-direction: row;
  }

  .k46 {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.5rem;
    border-right: none;
    border-top: 3px solid var(--color-secondary);
    padding-right: 0;
    padding-top: 1rem;
  }

  .k1d5 {
    min-width: auto;
    margin-bottom: 0.5rem;
  }

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

  .p4f23e {
    align-items: center;
  }

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

  .b36c {
    width: clamp(200px, 80vw, 300px);
  }

  .gf961c {
    text-align: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .l6571d {
    flex-direction: row;
  }

  .b36c {
    width: clamp(160px, 25vw, 220px);
  }
}

@media (min-width: 1024px) {
  .j9ae08 {
    flex-direction: row-reverse;
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

.bf24510 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

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

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

.k4b6bba8 {
  text-align: center;
}

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

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

.o4cb9b {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

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

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

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

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

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

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

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

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

.j621 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-primary);
  border-radius: 8px;
}

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

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

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

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

.ba0ac1 {
  text-align: center;
}

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

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

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

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

.paa {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-bg-tertiary);
  transition: all 0.3s ease;
}

.paa:hover {
  transform: translateY(-4px);
  border-color: var(--color-primary);
  box-shadow: 0 10px 25px rgba(245, 158, 11, 0.15);
}

.a44 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

.n32ad71:last-of-type {
  margin-bottom: 0;
}

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

  .jecd8d,
  .f1db {
    flex: 1 1 100%;
  }
}

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

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

.l73 {
  text-align: center;
}

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

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

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

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

.hb63 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  min-width: 200px;
  text-align: center;
}

.k19 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
  display: inline-block;
}

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

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

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

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

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

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

.n1e9 {
  text-align: center;
}

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

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

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

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

.e3b4 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-bg-tertiary);
}

.pe9 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

.fec6a51 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .j621 {
    border-left-width: 3px;
  }

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

  .m097b193 {
    flex: 1 1 100%;
  }

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

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

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

@media (min-width: 1024px) {
  .fe7 {
    padding: 6rem 0;
  }

  .o76,
  .i114129d,
  .k063fdec,
  .a59fe899,
  .j7e3aad,
  .e6d {
    padding: 6rem 0;
  }
}

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

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

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

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

.bf099 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.heb9b {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  font-weight: 500;
  letter-spacing: 0.05em;
}

.d377 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
}

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

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

  .o98bc {
    flex: 1 1 100%;
  }

  .d377 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }
}

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

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

.m1f2 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.b993 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ab63720 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.g7fdf2 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.c134d11d {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.e689 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.g8aa7 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e04d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.o117a34 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.lb90dc4 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i0af71e {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.d4fe31 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.n4ff2 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.fac {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.c2fa80 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.j90fe8a5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-top: 4px solid var(--color-accent);
}

.gd64ed {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h5d65d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  text-align: center;
}

.fc846 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.k987d1dd {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.f8eb6645 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.cd4d74ec {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  max-width: 700px;
}

.i6e8 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.kf0e {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.e50 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

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

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

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

.p413 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h3036923 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

@media (max-width: 767px) {
  .k246,
  .laee,
  .p0b88ee,
  .bb3f231,
  .g8fdf9,
  .ob850fd1,
  .f563,
  .bbb81eff {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .k246,
  .laee,
  .p0b88ee,
  .bb3f231,
  .g8fdf9,
  .ob850fd1,
  .f563,
  .bbb81eff {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }
}

@media (min-width: 1024px) {
  .k246,
  .laee,
  .p0b88ee,
  .bb3f231,
  .g8fdf9,
  .ob850fd1,
  .f563,
  .bbb81eff {
    padding: clamp(3rem, 8vw, 6rem) 0;
  }
}

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

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

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

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

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

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

.b66 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

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

.pe48 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .pe48 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .i0b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pe48 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
  
  .i0b {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.e5c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  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;
}

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

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

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

.f92 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.d35 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.hd4a7da {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.4;
}

.l52 {
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.p80 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: color var(--transition-fast);
  align-self: flex-start;
  padding: var(--spacing-xs) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-fast), color var(--transition-fast);
}

.p80:hover {
  color: var(--color-accent-hover);
  border-bottom-color: var(--color-accent-hover);
}

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

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

.g034bb15 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.125rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.pfdb8 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.h0ba95a {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

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

.h43a {
  width: 100%;
}

.jbbff8 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.b01d3 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

@media (min-width: 1024px) {
  .jbbff8 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.i24228cb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.nfa1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

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

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

.jdbc233 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: all var(--transition-fast);
  text-align: right;
  direction: rtl;
}

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

.jdbc233[aria-expanded="true"] {
  background-color: var(--color-bg-secondary);
}

.l41 {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  font-weight: 600;
  margin: 0;
  flex: 1;
}

.o8e203f {
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.jdbc233[aria-expanded="true"] .o8e203f {
  transform: rotate(45deg);
}

.ed0a {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-secondary);
}

.ed0a.d36 {
  max-height: 500px;
}

.ed0a p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw + 0.2rem, 1rem);
  line-height: 1.7;
  margin: 0;
  padding: var(--spacing-md);
  direction: rtl;
  text-align: right;
}

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

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

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

  .ed0a p {
    padding: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i24228cb {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .nfa1 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }
}

.o81 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.ic1c298 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2.5rem);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.d56df0bd {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.125rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.lb94e9 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  direction: rtl;
}

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

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

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

@media (min-width: 1024px) {
  .o81 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

.hdac .f7954 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.hdac .o7cb4 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.hdac .gbcef918 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.hdac h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.hdac p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.hdac ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.hdac li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.hdac .ob7dc0 {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.hdac .ob7dc0:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hdac .pc3bea {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.hdac .pc3bea h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.hdac .pc3bea p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .hdac .f7954 {
    padding: 0 var(--spacing-lg);
  }

  .hdac .o7cb4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hdac .f7954 {
    padding: 0 var(--spacing-xl);
  }

  .hdac .o7cb4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.lcc8 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f86e8 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.f7954 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.g3d9c7a {
  margin-bottom: var(--spacing-xl);
  display: inline-block;
}

.g3d9c7a svg {
  color: var(--color-success);
  width: 120px;
  height: 120px;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.c10c h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
  direction: rtl;
}

.c10c .nffe2b7 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  direction: rtl;
}

.c10c .h13 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  direction: rtl;
}

.c10c .a726 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.7;
  direction: rtl;
}

.of741f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
  direction: rtl;
}

.k200bd {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k200bd:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (max-width: 767px) {
  .f86e8 {
    padding: var(--spacing-xl) var(--spacing-md);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .c10c {
    padding: 0;
  }

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

  .g3d9c7a svg {
    width: 100px;
    height: 100px;
  }

  .of741f {
    padding: var(--spacing-md) var(--spacing-lg);
    width: 100%;
    max-width: 300px;
  }
}

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

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

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

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

  .of741f {
    padding: var(--spacing-md) var(--spacing-2xl);
    width: auto;
  }
}

.nc37c9 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k0b {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.f7954 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.ka6 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.n3c41 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 250px;
}

.id56823 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -2px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  display: inline-block;
}

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

.ad2d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 500;
}

.ibb92 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-sm) 0;
}

.hb4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-xl) 0;
}

.o750 {
  margin: var(--spacing-2xl) 0;
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
}

.of741f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  min-height: 48px;
  gap: var(--spacing-sm);
}

.k200bd {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.k200bd:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.k200bd:active {
  transform: translateY(0);
}

.m270fa {
  margin-top: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  opacity: 0.15;
  animation: float 3s ease-in-out infinite;
}

.k9ecafd {
  width: 120px;
  height: 120px;
  color: var(--color-primary);
  stroke: var(--color-primary);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@media (min-width: 640px) {
  .k0b {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .n3c41 {
    min-height: 280px;
  }
}

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

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

  .n3c41 {
    min-height: 320px;
  }

  .k9ecafd {
    width: 150px;
    height: 150px;
  }
}

@media (min-width: 1024px) {
  .k0b {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .n3c41 {
    min-height: 350px;
  }

  .of741f:hover {
    transform: translateY(-3px);
  }

  .k9ecafd {
    width: 180px;
    height: 180px;
  }
}

@media (min-width: 1440px) {
  .k0b {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
}

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

.f35 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.jcf67 {
  text-align: center;
}

.me4f2e4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.jfb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .f35 {
    padding: 5rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .f35 {
    padding: 6rem 1.5rem;
  }
}

.k9903 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.dbb552 {
  width: 100%;
}

.k2b91 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

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

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

@media (min-width: 1024px) {
  .e85 {
    flex: 1 1 45%;
    max-width: 500px;
  }

  .ecad7 {
    flex: 1 1 45%;
    min-width: 0;
  }
}

.jca3e {
  margin-bottom: 2rem;
}

.a42b11 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  font-weight: 700;
}

.lefe {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.f35ed5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.gf59215 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text-primary);
}

.i85b6,
.l30fdbb4 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 0.95rem;
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base);
}

.i85b6:focus,
.l30fdbb4:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
}

.i85b6::placeholder,
.l30fdbb4::placeholder {
  color: var(--color-text-muted);
}

.l30fdbb4 {
  min-height: 140px;
  resize: vertical;
}

.d89a0d {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  cursor: pointer;
}

.i6cc {
  margin-top: 0.25rem;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.kd58 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
}

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

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

.a75 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.a75:active {
  transform: translateY(0);
}

.n37 {
  margin-bottom: 2.5rem;
}

.n49e53 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  font-weight: 700;
}

.kf1adf38 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.g2b59180 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.g3e {
  display: flex;
  gap: 1.5rem;
}

.j7fd1416 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.nd2879 {
  flex: 1;
  min-width: 0;
}

.p440b7b {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 700;
}

.m557 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

@media (min-width: 768px) {
  .k9903 {
    padding: 4rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .k9903 {
    padding: 5rem 1.5rem;
  }
}

.g8111f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.db7c4fa8 {
  text-align: center;
}

.c223c44 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.j8933bfb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 2rem;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.k1a7 {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .g8111f {
    padding: 4rem 1.5rem;
  }
}

@media (min-width: 1024px) {
  .g8111f {
    padding: 5rem 1.5rem;
  }
}

@media (max-width: 767px) {
  .k2b91 {
    gap: 2rem;
  }

  .e85 {
    flex: 1 1 100%;
  }

  .ecad7 {
    flex: 1 1 100%;
  }
}
.o7a33,.icb{
  width: 34px;
}

/* FIX:nav .ed23b */
.ed23b{
  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;
}

.nb24f{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .nb24f{
    max-width: 100%;
  }
}

/* FIX:zindex .nb24f.d36 */
.nb24f.d36{
  z-index: 999;
}

/* FIX:navpad .a9b171 */
.a9b171{
  padding-top: 50px;
}

/* FIX:toggle-expand .o7a33 */
.o7a33[aria-expanded="true"]{
  display: none;
}