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

:root {
  --color-bg-primary: #0f0d18;
  --color-bg-secondary: #1a172a;
  --color-bg-tertiary: #26223d;
  --color-bg-card: #1a172a;

  --color-text-primary: #ffffff;
  --color-text-secondary: #c7b5f7;
  --color-text-muted: #9b84e8;

  --color-primary: #f97066;
  --color-primary-hover: #e64d42;
  --color-primary-light: #fd9a90;
  --color-primary-dark: #d45444;

  --color-secondary: #fca5a5;
  --color-secondary-light: #fdbdbd;
  --color-secondary-dark: #e68888;

  --color-success: #4ade80;
  --color-success-light: #86efac;
  --color-success-dark: #22c55e;

  --color-warning: #fbbf24;
  --color-warning-light: #fcd34d;
  --color-warning-dark: #f59e0b;

  --color-danger: #ef4444;
  --color-danger-light: #f87171;
  --color-danger-dark: #dc2626;

  --color-border: #3d3a52;
  --color-border-light: #2d2a42;

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', 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-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.05em;

  
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --color-accent-dark: var(--color-primary-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: var(--line-height-normal);
  font-weight: 400;
  direction: rtl;
  text-align: right;
}

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

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

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-xl);
}

h2 {
  font-size: 2.5rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 2rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button,
[role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

button:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

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

.c5f:active {
  transform: translateY(0);
}

.jfb {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.jfb:hover {
  background: var(--color-secondary-dark);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

.j01:hover {
  background: var(--color-primary);
  color: var(--color-text-primary);
}

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

.dbf {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.c55872 {
  width: 100%;
}

input,
textarea,
select {
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(249, 112, 102, 0.1);
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

textarea {
  resize: vertical;
  min-height: 120px;
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
  color: var(--color-text-secondary);
}

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

.ocd6 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
}

.ocd6:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

.h19c831b {
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border);
  padding-bottom: var(--spacing-lg);
}

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

.b006c3 {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

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

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

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

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

.gb997 {
  display: flex;
}

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

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

.k92 {
  flex-direction: column;
}

.k6cb5e {
  gap: var(--spacing-xs);
}

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

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

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

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

.ab3 {
  text-align: center;
}

.a314e {
  text-align: right;
}

.b42fd {
  text-align: left;
}

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

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

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

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

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

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

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

.kb8c5e71 {
  font-size: 0.875rem;
}

.f92758 {
  font-size: 1.125rem;
}

.l247 {
  font-size: 1.25rem;
}

.ca82 {
  font-weight: 700;
}

.k348c {
  font-weight: 600;
}

.l2baf63 {
  font-style: italic;
}

.pe52a {
  text-decoration: underline;
}

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

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

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

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

.c2a {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
}

.hed46 {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
}

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

.ha2b {
  border: 2px solid var(--color-primary);
}

.n44a6928 {
  border-radius: var(--radius-xs);
}

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

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

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

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

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

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

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

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

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

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

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

.n5d5db {
  padding: var(--spacing-xs);
}

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

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

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

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

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

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

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

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

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

.f338 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

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

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

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

.o3c198 {
  margin: var(--spacing-xs);
}

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

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

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

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

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

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

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

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

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

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

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

.c3c62 {
  opacity: 0.5;
}

.f05 {
  opacity: 0.75;
}

.pd72f {
  opacity: 1;
}

.ef442a {
  cursor: pointer;
}

.bd16 {
  cursor: default;
}

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

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .i7b21,
  .b73,
  .e404 {
    grid-template-columns: 1fr;
  }
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .eef {
    padding: 0 var(--spacing-sm);
  }

  .d15fbfcb {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.9rem;
  }
}

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

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }
}
.jecf0 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.n1dc:hover {
  opacity: 0.85;
}

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

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

.j80f8 {
  display: none;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  flex: 1;
  justify-content: center;
}

.o19e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-base);
  position: relative;
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.ecf274.b08af5 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

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

.l2f6d8 {
  padding: 1rem clamp(1rem, 3vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

  .f8e8a7 {
    display: block;
  }

  .daeb7 {
    display: none;
  }

  .ecf274 {
    display: none;
  }
}

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

  .f8e8a7 {
    display: none;
  }

  .n1dc {
    flex: 1;
  }
}

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

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

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

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

.heb58 {
  text-align: center;
}

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

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

.d5ba {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .d5ba {
    flex-direction: row;
    justify-content: center;
  }
}

.d15fbfcb {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.a7d {
  width: 100%;
  display: flex;
  justify-content: center;
}

.ga53ae {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  width: 100%;
  max-width: 800px;
}

@media (min-width: 768px) {
  .ga53ae {
    grid-template-columns: repeat(2, 1fr);
  }
}

.k987 {
  grid-column: 1 / -1;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.k987 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  display: block;
}

.o7ab {
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

.o24 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

.k6c88,
.h53d6a {
  font-size: clamp(2rem, 5vw, 4rem);
  color: var(--color-accent);
  line-height: 1;
  font-family: var(--font-heading);
}

.lbaacac0 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-style: italic;
}

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

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

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

.kb5 {
  margin-top: 1rem;
}

.j241543 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  border-bottom: 2px solid transparent;
}

.j241543:hover {
  border-bottom-color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

.h882b {
  flex: 1 1 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.af3025 {
  border-left: 4px solid var(--color-danger);
}

.cdb2a2c1 {
  border-left: 4px solid var(--color-success);
}

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

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

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

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

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

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

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

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

.j5200d8 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

.j6f {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

.b4ec27 {
  text-align: center;
}

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

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

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

.i6825eff {
  flex: 1 1 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

.i6825eff:hover .h9393 img {
  transform: scale(1.05);
}

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

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

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

.f781e7 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  align-self: flex-start;
}

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

.c5900d {
  text-align: center;
  margin-top: 1rem;
}

.a4d8212d {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 500;
  transition: all var(--transition-base);
}

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

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

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

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

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

.g0412a {
  flex: 1 1 100%;
  max-width: 600px;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 5px solid var(--color-accent);
  box-shadow: var(--shadow-lg);
}

.b4a {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n2f8a {
  flex: 1 1 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

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

.b32a996d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1rem, 3vw, 2rem);
}

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

.maaa {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.maaa:hover {
  transform: scale(1.02);
}

.maaa img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-md);
}

.oec4 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.c1f {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  border-top: 4px solid transparent;
}

.a34687b9 {
  background: var(--color-bg-secondary);
  border-top-color: var(--color-accent);
}

.m5032308 {
  background: var(--color-bg-card);
  border-top-color: var(--color-secondary);
}

.o25c2b9d {
  background: var(--color-bg-secondary);
  border-top-color: var(--color-success);
}

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

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

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

.i99b {
  display: inline-block;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  transition: all var(--transition-base);
  align-self: flex-start;
}

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

.o36d7610 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
  border-top: 2px solid var(--color-border);
}

.o36d7610.e3172114 {
  display: none;
}

.nda2a295 {
  color: var(--color-text-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-normal);
}

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

.f22a42,
.l772 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-base);
  border: none;
  white-space: nowrap;
}

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

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

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

.l772:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border);
}

@media (min-width: 768px) {
  .a7d {
    max-width: 900px;
  }

  .ga53ae {
    grid-template-columns: 1.5fr 1fr;
  }

  .k987 {
    grid-column: 1;
    grid-row: 1 / 3;
  }

  .dbf795 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .pb86b6 {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .i6825eff {
    flex: 1 1 350px;
  }
}

@media (min-width: 1024px) {
  .c65b {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .h882b {
    flex: 1 1 320px;
  }

  .i6825eff {
    flex: 1 1 380px;
  }

  .c1f {
    flex: 1 1 300px;
  }
}

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

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

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

.cbd {
  display: block;
}

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

.cbd p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 520px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d8d969 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3rem);
}

.afb,
.a82c1,
.ned3 {
  display: block;
  flex: 1 1 200px;
}

.afb h4,
.a82c1 h4,
.ned3 h4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
}

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

.oa284 li {
  display: block;
}

.oa284 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  line-height: var(--line-height-normal);
  transition: color var(--transition-base), text-decoration var(--transition-base);
}

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

.a82c1 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(0.5rem, 1.5vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f642f6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  line-height: var(--line-height-normal);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .afb,
  .a82c1,
  .ned3 {
    flex: 1 1 100%;
  }

  .m8e8aa {
    text-align: center;
  }
}

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

  .afb,
  .a82c1,
  .ned3 {
    flex: 1 1 auto;
  }
}
    

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

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

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

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

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

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

.pa9ec02 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(2rem, 5vw, 4rem);
  text-align: center;
  max-width: 700px;
  width: 100%;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.pa9ec02:hover {
  border-color: var(--color-accent);
  box-shadow: 0 15px 50px rgba(249, 112, 102, 0.2);
  transform: translateY(-4px);
}

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

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

.nc8acc {
  color: var(--color-accent);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

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

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

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

.pefe {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  background: var(--color-bg-card);
}

.jce97 {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-border);
  min-height: 60px;
}

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

.n8588,
.nbd61a {
  flex: 1;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid var(--color-border);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

.n8588 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  font-weight: 700;
  text-align: center;
}

.nbd61a {
  color: var(--color-text-secondary);
  text-align: center;
}

.n8588:last-child,
.nbd61a:last-child {
  border-right: none;
}

@media (max-width: 768px) {
  .n8588,
  .nbd61a {
    padding: 0.75rem;
    font-size: 0.8125rem;
  }
}

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

.l8baf075 {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 6vw, 5rem);
}

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

.l6a11ad {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: clamp(1rem, 3vw, 2rem);
}

.aa15482c {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  transition: all 0.3s ease;
  align-items: stretch;
}

.aa15482c:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 40px rgba(249, 112, 102, 0.15);
  transform: translateY(-4px);
}

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

.aa15482c .db5d13 {
  flex: 1 1 40%;
  min-height: 300px;
  max-height: 350px;
}

.k2924d69 {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: space-between;
}

.ebee2 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  line-height: 1.3;
}

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

.bcd5be {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 1.5rem);
  flex-wrap: wrap;
  align-items: center;
  padding-top: clamp(0.75rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border);
}

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

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

.h5efcf {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

.k4f5 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
  flex: 1 1 300px;
  max-width: 400px;
  min-height: 100%;
}

.k4f5:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 40px rgba(249, 112, 102, 0.15);
  transform: translateY(-6px);
}

.k4f5 .db5d13 {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 220px;
}

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

  .aa15482c .db5d13 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 300px;
  }

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

@media (max-width: 768px) {
  .pa9ec02 {
    padding: clamp(1.5rem, 4vw, 2.5rem);
  }

  .jce97 {
    flex-direction: column;
    min-height: auto;
  }

  .n8588,
  .nbd61a {
    border-right: none;
    border-bottom: 1px solid var(--color-border);
    padding: 0.75rem 1rem;
  }

  .n8588 {
    font-weight: 700;
    background: var(--color-bg-tertiary);
  }

  .jce97:last-child {
    border-bottom: 1px solid var(--color-border);
  }

  .jce97:last-child .nbd61a:last-child {
    border-bottom: none;
  }

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

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

  .bcd5be {
    gap: 0.75rem;
  }

  .of2b5d {
    font-size: 0.8125rem;
  }
}

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

  .bf57,
  .c27f8 {
    font-size: 1.35rem;
  }

  .aa15482c {
    padding: 1rem;
    gap: 1rem;
  }

  .aa15482c .db5d13 {
    min-height: 200px;
  }

  .ebee2 {
    font-size: 1.1rem;
  }

  .h5efcf {
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
  }
}

.o1a47 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

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

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

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

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

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

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

.m9c1a {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 90%;
}

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

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

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

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

.d35a {
  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-card);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

.i221 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 500;
}

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

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

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

.fd4d65 {
  flex: 1 1 65%;
  max-width: 65%;
}

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

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

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

.b5d24 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.c224 {
  width: 100%;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

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

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

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

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

.h0dbd {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 0.75rem;
}

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

.m125f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-bg-tertiary);
}

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

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

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

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

.f44acdb9 {
  margin-bottom: 1rem;
}

.m83 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

.nefbc66 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

.ic00 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

.h360174c {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .ja2c69a {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

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

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

@media (max-width: 768px) {
  .d35a {
    flex-direction: column;
    gap: clamp(1rem, 3vw, 1.5rem);
    align-items: center;
    text-align: center;
  }

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

  .a059e {
    flex-direction: column;
  }

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

  .i18dcfa9 {
    gap: 1rem;
  }

  .m9c1a {
    max-width: 100%;
  }

  .k2a29 {
    gap: 1rem;
  }
}

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

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

  .maf4ea {
    gap: 0.375rem;
  }
}

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

html {
  scroll-behavior: smooth;
  direction: rtl;
}

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

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

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

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

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

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

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

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

.oe97e a {
  color: var(--color-text-secondary);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.ob5d36 {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
}

.ob5d36 img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

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

.jd5ed88 {
  flex: 1 1 65%;
  max-width: 65%;
}

.ff96f76 {
  flex: 1 1 35%;
  max-width: 35%;
}

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

.hb2a {
  color: var(--color-text-primary);
  font-size: clamp(1.375rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.3;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.f09 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  line-height: 1.8;
}

.p97e4 {
  width: 100%;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

.k4d76896 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  color: var(--color-accent);
  font-weight: 700;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
}

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

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

.fbb7633 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  justify-content: space-between;
}

.e23978 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

.fcfcd {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

.ncbc {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  line-height: 1.7;
}

.ncbc strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

.b8a {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
  justify-content: space-between;
}

.c4bca7db {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 220px;
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.k04e549 {
  color: var(--color-accent);
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-weight: 700;
}

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

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

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

.e0d127e {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.nce478 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 0.75rem;
}

.pd56 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.me1419 strong {
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.25rem;
}

.l9f7f {
  color: var(--color-secondary);
  font-weight: 600;
  transition: var(--transition-base);
  display: block;
}

.l9f7f:hover {
  color: var(--color-accent);
  padding-right: 0.5rem;
}

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

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

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

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

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

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

.gc8536 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
}

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

.aa81 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.aa81:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

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

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

.aa81:hover .a4b023b img {
  transform: scale(1.05);
}

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

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

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

.pd8d {
  color: var(--color-secondary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  display: inline-flex;
  align-items: center;
  margin-top: 0.5rem;
}

.pd8d:hover {
  color: var(--color-accent);
  gap: 0.5rem;
}

.pd8d::before {
  content: '';
  width: 1.5rem;
  height: 2px;
  background: currentColor;
  display: inline-block;
  margin-right: 0.5rem;
}

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

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

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

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

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

.a9c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  max-width: 600px;
}

.h3ef2 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition-base);
  cursor: pointer;
}

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

@media (max-width: 768px) {
  .oe97e {
    justify-content: center;
  }

  .o203e6 {
    gap: 1rem;
  }

  .baf {
    gap: 0.35rem;
    font-size: 0.85rem;
  }
}

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

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

  .i84ae9bb {
    gap: 1rem;
  }

  .e23978,
  .c4bca7db {
    flex: 1 1 100%;
    min-width: auto;
  }
}

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

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

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

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

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

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

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

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

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

.ld1c01 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 650px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .e770 {
    flex: 0 0 100px;
    min-width: 100px;
  }

  .e770 img {
    width: 100px;
    height: 100px;
  }
}

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

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

.c17 {
  flex: 1 1 65%;
  max-width: 65%;
}

.lc9c {
  flex: 1 1 35%;
  max-width: 35%;
}

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

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

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

.l7d {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: clamp(2rem, 3vw, 3rem);
}

.m26f {
  font-size: clamp(1.375rem, 3vw, 2rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.pfc4e {
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.o05fe {
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: block;
}

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

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

.h76b3 i {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
  flex: 0 0 auto;
}

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

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

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

.h1b128f {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin: clamp(2rem, 3vw, 3rem) 0;
  border: 2px solid var(--color-warning);
}

.n425 {
  flex: 0 0 auto;
}

.n425 i {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-warning);
}

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

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

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

.i9ec {
  margin: clamp(2rem, 3vw, 3rem) 0;
}

.jea {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

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

.dea7e {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

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

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

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

.c43889d {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  border-left: 3px solid var(--color-accent);
}

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

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

.l55 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: var(--line-height-relaxed);
}

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

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

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

.n6d6ea {
  margin: 0;
}

.n6d6ea a {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: color 0.3s ease;
  display: block;
  padding: 0.5rem 0;
  line-height: var(--line-height-normal);
}

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

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

.k394 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
  max-width: 800px;
}

.i7eec {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.a9190b {
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.a1473 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

.j4c21f6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  margin-bottom: clamp(2rem, 3vw, 3rem);
}

.ef6 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

.hf44 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
}

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

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

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

.hf44:hover .oddf img {
  transform: scale(1.05);
}

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

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

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

.h80 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: color 0.3s ease;
  width: fit-content;
}

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

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

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

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

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

html {
  scroll-behavior: smooth;
  direction: rtl;
}

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

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

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

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

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

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

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

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

.eac2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

.eefe0 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-weight: 300;
}

.kfb0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  margin-top: var(--spacing-md);
}

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

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

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

.h33ae {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border-light);
}

.fcb {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--color-accent);
}

.fcb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c7d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.p96dab {
  flex: 1 1 65%;
  max-width: 65%;
}

.je48c4 {
  flex: 1 1 35%;
  max-width: 35%;
}

.g2cf9d7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
}

.h0e {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

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

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

.o282 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

.ee869c54 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  align-items: flex-start;
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.ee869c54::before {
  content: "✓";
  color: var(--color-accent);
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 2px;
}

.d431145 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  position: sticky;
  top: 2rem;
}

.f64b9 {
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

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

.j0ff3 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.j0ff3 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.i607 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

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

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

.j09aa {
  flex: 1;
}

.ed312e {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.bb202b8 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

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

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

.g1f8aa9 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
}

.o792a {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

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

.j781256 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

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

.nd3bb8 {
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.oeef {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

.d406669 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  max-width: 800px;
}

.id268 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: var(--spacing-lg);
}

.m6bbb614 {
  font-size: clamp(1.3rem, 3vw, 1.6rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.je9a8d97 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-on-accent);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.if2905f {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.95rem, 1.5vw, 1rem);
  transition: var(--transition-base);
}

.if2905f:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  text-decoration: none;
}

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

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

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

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

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

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

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

.af5d {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

.k2c66ef2:hover .af5d img {
  transform: scale(1.05);
}

.b8c7 {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex: 1;
}

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

.d06 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  flex: 1;
}

.j7a9 {
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-top: var(--spacing-xs);
}

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

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

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

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

  .d431145 {
    position: static;
  }

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

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

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

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

  .eac2 {
    flex-wrap: wrap;
  }

  .kfb0 {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .l8cb {
    padding: clamp(1.5rem, 4vw, 2rem) 0;
  }

  .mfc60,
  .be262,
  .a212709e,
  .k33,
  .ld484ec8 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

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

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

@media (max-width: 480px) {
  .nbd {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .h0e {
    font-size: clamp(1.25rem, 4vw, 1.75rem);
  }

  .o20d09 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }

  .lfdf58 {
    border-right-width: 3px;
    padding: 1rem;
  }

  .jb3e {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

  .id268 {
    padding: 1.5rem;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

.n6e85 {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

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

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

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

.ac2e {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

.oee {
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-muted);
  margin: 1rem 0 0 0;
}

.d7b55 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 2.5rem);
  position: relative;
}

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

.ebd3a {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
  margin-top: 0.5rem;
}

.gdcb21 {
  flex: 1;
  padding: 1.5rem;
  background: var(--color-bg-tertiary);
  border-radius: 8px;
  border-left: 3px solid var(--color-secondary);
}

.bf3d3549 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-secondary);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.k7a {
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 500;
}

.h00f {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0.75rem 0 0 0;
  line-height: 1.7;
}

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

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

.j61 {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
}

.c89 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

.mf48 {
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
}

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

.a40 {
  flex: 1 1 clamp(250px, 45%, 350px);
  min-height: 280px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-top: 3px solid var(--color-secondary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.a40:hover {
  transform: translateY(-4px);
  background: var(--color-bg-tertiary);
}

.h6075849 {
  font-size: 2.5rem;
  color: var(--color-primary);
}

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

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

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

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

.p288 {
  text-align: center;
  max-width: 680px;
  margin: 0 auto;
}

.k8b3 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

.o662e {
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 1rem 0 0 0;
  line-height: 1.8;
}

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

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

.k8c {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
  margin-top: 0.25rem;
}

.jfc9 {
  flex: 1;
}

.b7f {
  font-size: clamp(1.05rem, 2vw + 0.4rem, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
}

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

.aacf72 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 10px;
  display: block;
  object-fit: cover;
  margin: 0 auto;
}

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

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

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

.m38c {
  flex: 1 1 50%;
  min-width: 0;
}

.j2bc {
  flex: 1 1 50%;
  min-width: 0;
  height: auto;
  border-radius: 10px;
  display: block;
  object-fit: cover;
}

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

.ec2fbdfb {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

.b16e70 {
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 1rem 0 0 0;
  line-height: 1.8;
}

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

.ka0326 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.ka2d65 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background: var(--color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  margin-top: 0.25rem;
  font-size: 0.85rem;
}

.k94 {
  flex: 1;
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.7;
}

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

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

.k1e165e7 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

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

.kd6d58 {
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.8;
}

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

  .m38c,
  .j2bc {
    flex: 1 1 100%;
  }

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

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

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

@media (max-width: 480px) {
  .n6e85 {
    line-height: 1.3;
  }

  .ka0326 {
    gap: 0.75rem;
  }

  .ka2d65 {
    width: 24px;
    height: 24px;
    font-size: 0.7rem;
  }
}

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

html {
  scroll-behavior: smooth;
  direction: rtl;
}

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

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

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

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

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

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

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

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

.gc8 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.a714e {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.fd4 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-muted);
}

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

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

@media (min-width: 768px) {
  .kb7a6 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

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

  .f1cf3cfa {
    flex: 1;
    max-width: none;
  }
}

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

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

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

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

.ec213 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

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

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

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

.a648e6 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.k848 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
}

.k848:hover {
  transform: translateX(-4px);
  background: var(--color-bg-tertiary);
}

.ca283d {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  opacity: 0.3;
}

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

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

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

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

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

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

.g58 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.mc4b4b {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: var(--transition-base);
}

.mc4b4b:hover {
  transform: translateY(-4px);
  background: var(--color-bg-tertiary);
}

.f64 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .mc4b4b {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
  }
}

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

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

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

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

.d403da {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.f188dd {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  align-items: center;
  text-align: center;
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 280px;
  transition: var(--transition-base);
  border: 1px solid var(--color-border);
}

.f188dd:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

.bb783 {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 4.5rem);
  height: clamp(3rem, 6vw, 4.5rem);
  background: rgba(249, 112, 102, 0.1);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

.ea5280 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
}

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

.fc95af16 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

.idb76 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

.e5a3aa,
.jce2 {
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: var(--transition-base);
  text-align: center;
  border: none;
  cursor: pointer;
}

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

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

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

.jce2:hover {
  background: rgba(249, 112, 102, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .keff {
    flex-direction: row;
    justify-content: center;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .e5a3aa,
  .jce2 {
    flex: 1;
    max-width: 220px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 1440px) {
  .eef {
    max-width: 1440px;
  }
}

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

.p3b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.c03106c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

.d34a8bf5 {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.hc94fdd {
  border-bottom: 1px solid var(--color-border-light);
  padding: var(--spacing-lg) 0;
}

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

.g209 {
  background: none;
  border: none;
  width: 100%;
  padding: var(--spacing-md) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: right;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.g209:hover {
  color: var(--color-primary);
}

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

.l71 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  font-weight: bold;
  margin-right: var(--spacing-md);
  transition: all var(--transition-base);
  flex-shrink: 0;
}

.g209:hover .l71 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: rotate(90deg);
}

.f13c {
  display: none;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) 0;
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  animation: slideDown var(--transition-base) ease-out forwards;
}

.f13c.b08af5 {
  display: block;
}

.f13c p {
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h8f301 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.i5c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.k1d701ae {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.g6ab9 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  font-family: var(--font-primary);
}

.g6ab9:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .p3b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .d34a8bf5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .g209 {
    padding: var(--spacing-lg) 0;
  }
}

@media (min-width: 1024px) {
  .p3b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .d34a8bf5 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .h8f301 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

.gd7 {
  background-color: var(--color-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.hb2489 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.c99 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: var(--line-height-relaxed);
  opacity: 0.95;
}

@media (min-width: 768px) {
  .gd7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .gd7 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.k351 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.gb33 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .gb33 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .gb33 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .k351 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.h38fe702 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.he1 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.h085c5f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.bd972a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
  flex-grow: 1;
}

.c3708 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin-top: var(--spacing-md);
}

.c661335 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-size: 0.8125rem;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-normal);
}

@media (min-width: 768px) {
  .h38fe702 {
    padding: var(--spacing-2xl);
  }
}

.hc300a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.ia97786e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

@media (min-width: 768px) {
  .ia97786e {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

.m0a0537 {
  order: 2;
}

@media (min-width: 768px) {
  .m0a0537 {
    order: 1;
  }
}

.j4c2d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.f008063 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.aafb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

@media (min-width: 768px) {
  .p7d5d {
    order: 2;
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .hc300a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (max-width: 479px) {
  .hb2489 {
    font-size: 1.75rem;
  }
  
  .h38fe702 {
    padding: var(--spacing-lg);
  }
  
  .aafb {
    width: 100%;
    text-align: center;
  }
}

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

.h4bdf .eef {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h4bdf .oc4 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.h4bdf h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.h4bdf h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.h4bdf p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.h4bdf .g19217 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.h4bdf .he516c6b {
  margin-bottom: var(--spacing-2xl);
}

.h4bdf ul {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  list-style: none;
  padding-left: 0;
  margin-bottom: var(--spacing-md);
}

.h4bdf ul li {
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.h4bdf .acc0ec3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-top: var(--spacing-2xl);
}

.h4bdf .acc0ec3 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.h4bdf .acc0ec3 p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.h4bdf .acc0ec3 strong {
  color: var(--color-primary);
  font-weight: 600;
}

.h4bdf .p1e0467d {
  margin-bottom: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .h4bdf .eef {
    padding: 0 var(--spacing-lg);
  }

  .h4bdf .oc4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .h4bdf .acc0ec3 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .h4bdf .eef {
    padding: 0 var(--spacing-xl);
  }

  .h4bdf .oc4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.g52c9 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.a2fa5e3e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .a2fa5e3e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a2fa5e3e {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.eef {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .eef {
    padding: 0 var(--spacing-lg);
  }
}

.oc4 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.f379 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.df04f7e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  margin: 0 auto var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.df04f7e svg {
  width: 100%;
  height: 100%;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.fa7262 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.p2ac5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  text-align: justify;
}

.nb47d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
  text-align: justify;
}

.c5f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: var(--transition-base);
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  text-align: center;
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
}

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

.c5f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .f379 {
    padding: var(--spacing-xl) 0;
  }
}

@media (min-width: 1024px) {
  .f379 {
    padding: var(--spacing-2xl) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .f379,
  .df04f7e {
    animation: none;
  }

  .c5f:hover {
    transform: none;
  }
}

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

.m4432e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.e3d {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.e23dc {
  margin-bottom: var(--spacing-3xl);
  animation: slideInDown 0.8s ease-out;
}

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

.j5bd92 {
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: var(--letter-spacing-wide);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-heading);
  line-height: 1;
  margin-bottom: var(--spacing-md);
}

.e484 {
  position: absolute;
  width: 150px;
  height: 150px;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 8s linear infinite;
  opacity: 0.3;
}

.a104ed23 {
  margin-bottom: var(--spacing-3xl);
  animation: slideInUp 0.8s ease-out 0.2s both;
}

.bb73 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.d83 {
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
}

.ha26a1 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  font-family: var(--font-primary);
}

.nf7adfb {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  font-family: var(--font-primary);
}

.dfa {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  text-align: right;
  direction: rtl;
}

.b7a12 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  font-family: var(--font-primary);
}

.c430 {
  list-style: none;
  text-align: right;
  direction: rtl;
}

.c430 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0;
  padding-right: var(--spacing-md);
  position: relative;
  font-family: var(--font-primary);
}

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

.a594 {
  animation: slideInUp 0.8s ease-out 0.4s both;
}

.d15fbfcb {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.c5f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.c5f:active {
  transform: translateY(0);
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media (min-width: 640px) {
  .e3d {
    padding: var(--spacing-2xl);
  }

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

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

@media (min-width: 768px) {
  .e3d {
    padding: var(--spacing-3xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

  .e484 {
    width: 200px;
    height: 200px;
    border-width: 4px;
  }

  .d15fbfcb {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .e3d {
    padding: var(--spacing-4xl);
  }

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

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

  .e484 {
    width: 250px;
    height: 250px;
  }
}

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

.d84a82c5 {
  background-color: var(--color-bg-secondary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.e49a {
  text-align: center;
  padding: 2rem 0;
}

.kcf {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
}

.kb92bab {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
}

.m793 {
  background-color: var(--color-bg-primary);
  padding: 2rem 1rem;
  overflow: hidden;
}

.aba5173a {
  padding: var(--spacing-lg) 0;
}

.g83b330 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

.i7c44bd {
  flex: 1;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.abb1e56 {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.cbcd0 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.pff72c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.o048458e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

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

.db4 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}

.p83e {
  color: var(--color-danger);
  font-weight: 700;
}

.g4cd,
.a59c08 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  line-height: var(--line-height-normal);
}

.g4cd:focus,
.a59c08:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
  background-color: var(--color-bg-primary);
}

.g4cd::placeholder,
.a59c08::placeholder {
  color: var(--color-text-muted);
}

.a59c08 {
  min-height: 140px;
  resize: vertical;
}

.m514 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.nf8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.o671f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.ia6b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  width: 100%;
  letter-spacing: var(--letter-spacing-normal);
}

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

.ia6b:active {
  transform: translateY(0);
}

.ia6b:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.p85ebb08 {
  flex: 1;
}

.p9d {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.e559 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.m2681 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.c6bb9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.d6881a7 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.d6881a7:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.na5864 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  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.5rem;
}

.obce4a8 {
  flex: 1;
}

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

.jb0958 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.k46 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.e9bd {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  border: 1px solid var(--color-border-light);
}

.n44a {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 700;
}

.n80526 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.bf89aa7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
}

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

.mef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.o8da90d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
}

@media (min-width: 768px) {
  .d84a82c5 {
    padding: 3rem 1rem;
  }

  .e49a {
    padding: 3rem 0;
  }

  .m793 {
    padding: 3rem 1rem;
  }

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

  .g83b330 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    align-items: flex-start;
  }

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

@media (min-width: 1024px) {
  .d84a82c5 {
    padding: 4rem 1rem;
  }

  .e49a {
    padding: 4rem 0;
  }

  .m793 {
    padding: 4rem 1rem;
  }

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

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

  .i7c44bd {
    padding: var(--spacing-3xl);
  }
}
.daeb7,.l36f{
  width: 34px;
}

/* FIX:nav .j80f8 */
.j80f8{
  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;
}

.ecf274{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ecf274{
    max-width: 100%;
  }
}

/* FIX:zindex .ecf274.b08af5 */
.ecf274.b08af5{
  z-index: 999;
}

/* FIX:navpad .h1cad */
.h1cad{
  padding-top: 50px;
}

/* FIX:toggle-expand .daeb7 */
.daeb7[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .h9393 {
    aspect-ratio: 6 / 9;
  }
  .k4f5 .db5d13 {
    aspect-ratio: 6 / 9;
  }
}