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

:root {
  --color-bg-primary: #0f0a1e;
  --color-bg-secondary: #faf5ff;
  --color-bg-tertiary: #1a1035;
  --color-bg-card: #ffffff;

  --color-text-primary: #3e35b3;
  --color-text-secondary: #b8b7b7;
  --color-text-muted: #bdbdbd;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f3f4f6;

  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-primary-light: #ede9fe;
  --color-primary-lighter: #f5f3ff;

  --color-secondary: #8b5cf6;
  --color-secondary-light: #f0e6ff;
  --color-secondary-lighter: #f8f4ff;

  --color-success: #10b981;
  --color-success-light: #ecfdf5;
  
  --color-warning: #f59e0b;
  --color-warning-light: #fffbeb;
  
  --color-danger: #ef4444;
  --color-danger-light: #fef2f2;

  --color-border: #e5e7eb;
  --color-border-light: #f3f4f6;
  --color-border-dark: #2d2140;

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

@media (max-width: 768px) {
  .dc82978 {
    padding: 0 var(--spacing-md);
  }
}

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

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

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.015em;
}

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }
}

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

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

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

button,
.ec72b {
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-lg);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 1rem;
}

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

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

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

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

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

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

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

.bb94b95d {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

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

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

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

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

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

.d35 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

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

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

.i381 {
  background: var(--color-success-light);
  color: var(--color-success);
}

.k1a {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.j7b3b9 {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

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

.i6bcee h1,
.i6bcee h2,
.i6bcee h3,
.i6bcee h4,
.i6bcee h5,
.i6bcee h6 {
  color: var(--color-text-light);
}

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

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

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

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

.m9e07 h1,
.m9e07 h2,
.m9e07 h3,
.m9e07 h4,
.m9e07 h5,
.m9e07 h6 {
  color: var(--color-text-primary);
}

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

.e976b1 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) 0;
}

.e976b1 h1,
.e976b1 h2,
.e976b1 h3,
.e976b1 h4,
.e976b1 h5,
.e976b1 h6 {
  color: var(--color-text-primary);
}

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

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

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

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

@media (max-width: 1024px) {
  .o4a1 {
    grid-template-columns: repeat(2, 1fr);
  }

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

@media (max-width: 768px) {
  .o18921,
  .je6d2,
  .o4a1 {
    grid-template-columns: 1fr;
  }
}

.d954a {
  display: flex;
}

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

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

.p0cac {
  flex-direction: column;
}

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

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

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

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

.c0824 {
  text-align: center;
}

.habfb8e {
  text-align: right;
}

.ddb {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ma49 {
  opacity: 0.5;
}

.paf3c {
  opacity: 0.75;
}

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

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

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

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

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

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

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

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

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

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

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

  input,
  textarea,
  select {
    background: var(--color-bg-tertiary);
    color: var(--color-text-light);
    border-color: var(--color-border-dark);
  }

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

  p {
    color: var(--color-text-light-secondary);
  }
}
.na5cc {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

.o6f5 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: clamp(4rem, 10vw, 5rem);
}

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

.led:hover {
  opacity: 0.8;
}

.m45648 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-sm);
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.ac2 {
  display: none;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 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: all var(--transition-base);
  cursor: pointer;
  border: none;
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

.cb38ae:hover {
  opacity: 0.7;
}

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

.cb38ae.n0223fbc .a44f0:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.cb38ae.n0223fbc .a44f0:nth-child(2) {
  opacity: 0;
}

.cb38ae.n0223fbc .a44f0:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.acdb1 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  padding-top: clamp(4rem, 10vw, 5rem);
  border-right: 1px solid var(--color-border-light);
}

.acdb1.n0223fbc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g55 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: clamp(4rem, 10vw, 5rem);
  background: var(--color-bg-primary);
}

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

.c995e {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

.c995e:hover {
  opacity: 0.7;
}

.c995e i {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
}

.hea2e6 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: clamp(1rem, 3vw, 1.5rem) 0;
  margin-top: clamp(2rem, 5vw, 2.5rem);
  overflow-y: auto;
}

.db701fad {
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: row;
  align-items: center;
}

.db701fad:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2.5rem);
}

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

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

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

  .acdb1 {
    display: none;
  }

  .i65 {
    display: flex;
  }

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

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

  .ac2 {
    display: none;
  }

  .i54cec {
    display: none;
  }

  .led {
    margin-right: 0px;
  }
}

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

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

.eed {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.j4f4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.j1a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 10, 30, 0.7);
  z-index: 2;
}

.d5a424 {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 800px;
}

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

.e8afcd {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: #e8dff5;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  line-height: 1.6;
}

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

.ec72b {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

.e3d2:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

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

.m50d {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 300px;
}

.ha34d3d6 {
  position: absolute;
  left: -100px;
  top: 0;
  width: 600px;
  height: 100%;
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  transform: skewX(-20deg);
  z-index: 1;
}

.h65768 {
  position: relative;
  z-index: 2;
  padding: clamp(2rem, 4vw, 3rem);
  max-width: 500px;
}

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

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

.j351a693 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: inline-block;
}

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

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

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

.n25 {
  text-align: center;
}

.c0ea1251 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 800;
}

.de4b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  max-width: 600px;
  margin: 0 auto;
}

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

.o3f8 {
  flex: 1 1 200px;
  max-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(124, 58, 237, 0.2);
  transition: var(--transition-base);
}

.o3f8:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 0 20px rgba(124, 58, 237, 0.15);
}

.e82ea {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.k9ca58 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: #d1d5db;
  margin: 0;
  line-height: 1.5;
}

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

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

.e64c9f7 {
  text-align: center;
}

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

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

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

.aa53 {
  flex: 1 1 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.oc0d923c {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

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

.h01293 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  line-height: 1.4;
}

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

.l0f {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

.f8197ee9 {
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

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

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

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

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

.pd4 {
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.4;
}

.ic484 {
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
}

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

.j8616 {
  text-align: center;
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.k5df2a06 {
  text-align: center;
}

.e21b2554 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  font-weight: 800;
}

.j3a1 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
}

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

.jae5 {
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  border: 1px solid rgba(124, 58, 237, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.o1774a6 {
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
}

.j97f {
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  color: var(--color-text-on-accent);
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
}

.e455f94 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #d1d5db;
  margin: 0;
  line-height: 1.6;
}

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

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

.a60c313 {
  text-align: center;
}

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

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

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

.m9a03fe9,
.d83229 {
  flex: 1 1 300px;
}

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

.p28 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.25rem);
  background: rgba(239, 68, 68, 0.1);
  border-radius: 8px;
  border-left: 4px solid var(--color-danger);
}

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

.cc86c {
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--color-danger);
  flex-shrink: 0;
}

.a8f74 .cc86c {
  color: var(--color-success);
}

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

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

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

.k0481 {
  text-align: center;
}

.e7dd9b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  font-weight: 800;
}

.j4c9b5f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
}

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

.b7751 {
  flex: 1 1 300px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c98476 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
}

.c98476:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

.a4c6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #d1d5db;
  text-align: center;
  margin: 0;
  font-weight: 500;
}

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

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

.m8efe61 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin: 0;
  font-weight: 800;
}

.i6f3e9c2 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.mc6223cc {
  background: var(--color-bg-card);
  color: var(--color-accent);
  display: inline-block;
  width: fit-content;
  margin: 0 auto;
}

.mc6223cc:hover {
  background: rgba(255, 255, 255, 0.95);
  transform: translateY(-2px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.bfd {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid rgba(124, 58, 237, 0.2);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.bfd.kcf877 {
  display: none;
}

.n6c4ba8 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: #d1d5db;
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.pc6,
.nc87e {
  padding: 0.5rem clamp(1rem, 1.5vw, 1.25rem);
  border-radius: 6px;
  border: none;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
}

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

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

.nc87e {
  background: transparent;
  color: #d1d5db;
  border: 1px solid rgba(124, 58, 237, 0.3);
}

.nc87e:hover {
  border-color: var(--color-accent);
  color: var(--color-text-on-accent);
  background: rgba(124, 58, 237, 0.1);
}

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

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

  .l6f5c5 {
    flex: 1 1 100%;
  }

  .f8197ee9 {
    flex-direction: column;
  }

  .oa3b5 {
    width: 100%;
    height: 200px;
  }

  .ib9 {
    flex-direction: column;
  }

  .m9a03fe9,
  .d83229 {
    flex: 1 1 100%;
  }

  .mecbe87 {
    flex-direction: column;
  }

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

  .k73e92 {
    gap: 1rem;
  }

  .ha34d3d6 {
    transform: skewX(-25deg);
    width: 500px;
    left: -150px;
  }

  .m50d {
    justify-content: center;
    text-align: center;
  }

  .h65768 {
    max-width: 100%;
  }

  .bfd {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .me231 {
    justify-content: center;
    width: 100%;
  }
}

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

  .ec72b {
    width: 100%;
  }

  .i3e779 {
    gap: 1rem;
  }

  .jae5 {
    flex: 1 1 100%;
  }

  .mecbe87 {
    gap: 1rem;
  }

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

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

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

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

.fbe9d6 {
  display: block;
}

.fbe9d6 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.5px;
}

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

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

.f80f9,
.o05,
.l5a {
  flex: 1 1 200px;
  display: block;
}

.f80f9 h4,
.o05 h4,
.l5a h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

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

.md9 li,
.b7f li {
  display: block;
}

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

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

.o05 {
  display: block;
}

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

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

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

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

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

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

  .f80f9,
  .o05,
  .l5a {
    flex: 1 1 100%;
  }

  .fbe9d6 p {
    max-width: 100%;
  }
}

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

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

.l8b583 {
  width: 100%;
}

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

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

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

.c75b40e {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.m7c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-secondary);
  font-weight: 600;
}

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

.lf32f0 {
  flex: 1 1 45%;
  min-width: 280px;
  height: auto;
}

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

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

  .c75b40e,
  .lf32f0 {
    flex: 1 1 100%;
  }

  .nf4 {
    max-height: 350px;
  }
}

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

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

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

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

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

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

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

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

.d73a8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.3;
}

.fc91f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
}

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

.o81 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  align-items: stretch;
  padding: clamp(1.5rem, 3vw, 2rem);
}

.o81 .k9904c {
  flex: 1 1 45%;
  min-width: 280px;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: 8px;
}

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

.l6034 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-bg-secondary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

  .o81 .k9904c {
    flex: 1 1 100%;
    max-height: 300px;
  }

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

.b7fc {
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  transition: all 0.3s ease;
  flex: 1 1 300px;
}

.b7fc:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(124, 58, 237, 0.15);
}

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

.b7fc .l6034 {
  color: var(--color-bg-secondary);
}

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

.b7fc .o5b781 {
  color: var(--color-secondary);
}

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

.f3bc .o81 {
  flex: 1 1 100%;
}

.f3bc .b7fc {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
}

@media (max-width: 1023px) {
  .f3bc .b7fc {
    flex: 1 1 calc(50% - 1rem);
  }
}

@media (max-width: 640px) {
  .f3bc {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .f3bc .b7fc {
    flex: 1 1 100%;
  }

  .o81 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .b7fc {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .b67f {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}

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

  .h592b4 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .a38cfc {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

.f7d576ba {
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

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

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

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

.lf5279a {
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-bg-card);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m5f30f {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: #e0e0e0;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p3a7 i {
  color: var(--color-secondary);
}

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

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

  .kee531,
  .gabfb76 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m0e9 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border-left: 4px solid var(--color-accent);
}

.l20b8a {
  flex-shrink: 0;
}

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

.mbf4a15 {
  flex: 1;
}

.cca83718 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 0.5rem 0;
}

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

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

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

.e086bf {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 0.75rem 0;
  font-weight: 500;
}

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

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

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

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

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

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

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

.ofe {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-bg-card);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ef0b7b67 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d4f360c7 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

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

  .f31a01,
  .d4f360c7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.mcf87a {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f8c08ea {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ka76 {
  margin-bottom: clamp(1.5rem, 2.5vw, 2rem);
}

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

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

.j5d img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

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

  .e9f1a,
  .j5d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.hfc2ae {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-bg-card);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.icde6 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.7;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.lf06f4eb {
  flex: 1;
}

.oa3aaf36 {
  font-size: clamp(1rem, 1.3vw, 1.25rem);
  font-weight: 700;
  color: var(--color-bg-card);
  margin: 0 0 0.5rem 0;
}

.o49af {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #d1d5db;
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i7a img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

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

  .i7a,
  .a725 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.nee85222 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.p7f620 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i476a3 {
  font-size: clamp(1rem, 1.3vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mce5e2a7 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.mce5e2a7:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.15);
}

.je66fc5f {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.iacb6a2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-bg-card);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m50fad {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.7;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i5b1c {
  margin-bottom: clamp(1.5rem, 2.5vw, 2.5rem);
}

.lecb12 {
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
}

.g37 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #d1d5db;
  line-height: 1.7;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d7360 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #d1d5db;
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: rgba(124, 58, 237, 0.1);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 3px solid var(--color-accent);
  border-radius: 0.25rem;
}

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

.o5833 img {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

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

  .g22,
  .o5833 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.f2d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2.5vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  border-left: 4px solid var(--color-accent);
}

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

.j789 {
  flex: 1;
}

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

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

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

  .nb0c {
    margin-bottom: 0.5rem;
  }
}

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

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

.c3b {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-bg-card);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.2;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cf5f77 {
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: #d1d5db;
  line-height: 1.8;
  margin: 0 0 clamp(1.25rem, 2.5vw, 1.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.d3e7 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.m3c2e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.leb446 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 1.5vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.leb446:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(124, 58, 237, 0.15);
}

.j8f7d0 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-border-light);
}

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

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

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

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

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

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

.le9a59 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: auto;
}

.le9a59:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Work Sans', sans-serif;
  direction: rtl;
  text-align: right;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

.b79f12 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

.b3fb4b45 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: 'Nunito', sans-serif;
}

.o566 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.mec8 i {
  font-size: 1.1em;
}

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

.d50dc3 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}

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

.l71dc {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.ef2a {
  flex-shrink: 0;
}

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

.m548a3b {
  flex: 1 1 auto;
}

.p444e {
  margin-bottom: 0.75rem;
}

.fe9f8 {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-family: 'Nunito', sans-serif;
}

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

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

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

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

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

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

.d16d66a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.2;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.cb8bc {
  font-size: clamp(0.95rem, 1.1vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.j1c8b541 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}

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

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

.j597c62b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.m4fb {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

.fdb4413 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  font-family: 'Nunito', sans-serif;
}

.db2 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  font-family: 'Nunito', sans-serif;
}

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

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

@media (max-width: 768px) {
  .m4fb {
    flex: 1 1 100%;
  }
  
  .b79f12 {
    flex-direction: column;
  }
  
  .ie3a,
  .i52e59 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .iec5b {
    flex-direction: column;
  }
  
  .n0d3,
  .l37c1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .l71dc {
    flex-direction: column;
    text-align: center;
  }
  
  .ef2a {
    align-self: center;
  }
}

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

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

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

.mf426 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.2;
  font-family: 'Nunito', sans-serif;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.jf1d2 {
  font-size: clamp(0.95rem, 1.1vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.i0f45c8 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.75rem;
  font-family: 'Nunito', sans-serif;
}

.kdbcb {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin: 0;
}

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

.jd45b {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}

@media (max-width: 768px) {
  .baadd5c {
    flex-direction: column;
  }
  
  .g12da258,
  .ab983cb7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.be8b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.k1bbf {
  width: 100%;
  height: 0;
  padding-bottom: 66.666%;
  position: relative;
  overflow: hidden;
  background: #e5e7eb;
}

.ndd05ee {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

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

.f4672e {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  font-family: 'Nunito', sans-serif;
}

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

.i4540 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  transition: all 0.3s ease;
  margin-top: auto;
}

.i4540:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

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

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

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

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

.g3be {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.2;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.a09c {
  font-size: clamp(0.95rem, 1.1vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

.f6d {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 600;
  color: var(--color-accent);
  font-family: 'Nunito', sans-serif;
}

.ld395e1 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-muted);
  line-height: 1.7;
  margin: 0;
}

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

.k39c1e40 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}

@media (max-width: 768px) {
  .d78 {
    flex-direction: column;
  }
  
  .ba7ebbd,
  .g9d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.kaf429 {
  background: #fff8f1;
  border-left: 4px solid #f97316;
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 2vw, 2rem);
}

.g8d6b6 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: #c2410c;
  margin-bottom: 0.75rem;
  font-family: 'Nunito', sans-serif;
}

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

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

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

.g314188 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-secondary);
  line-height: 1.2;
  font-family: 'Nunito', sans-serif;
}

.i92 {
  font-size: clamp(0.95rem, 1.1vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.8;
}

.cec {
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

.kf9756d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.9rem, 1.5vw, 1.2rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

@media (max-width: 768px) {
  .b79f12 {
    flex-direction: column;
  }
  
  .ie3a,
  .i52e59,
  .n0d3,
  .l37c1,
  .g12da258,
  .ab983cb7,
  .ba7ebbd,
  .g9d {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .iec5b,
  .baadd5c,
  .d78 {
    flex-direction: column;
  }
  
  .l71dc {
    flex-direction: column;
    text-align: center;
  }
}

.m6b49 {
  font-family: 'Work Sans', sans-serif;
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

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

.bc9f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 1rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

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

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

.ib0e891 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

.l36e1c {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.cb0f6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

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

  .l36e1c {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

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

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

.i0ada {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
  border-right: 4px solid var(--color-accent);
}

.p37e7e {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.aa6f6 {
  flex: 1 1 100%;
}

.jc2607c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

@media (max-width: 768px) {
  .i0ada {
    flex-direction: column-reverse;
    text-align: center;
    gap: clamp(1.5rem, 3vw, 2rem);
    border-right: none;
    border-bottom: 4px solid var(--color-accent);
  }

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

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

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

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

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

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

.a4dd8 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.i990218d {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

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

  .a4dd8 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

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

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

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

.c0194f {
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  border-right: 4px solid var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.ie3 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.nb0538d2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

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

  .ie3 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

.ae9db {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.lb38e {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

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

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

.ne31b65 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  border-right: 4px solid var(--color-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.g0f39b2 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  color: var(--color-secondary);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

  .ae9db {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }

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

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

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

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

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

.cd652e7 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.75rem;
  transition: all 0.3s ease;
}

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

.i4b8 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: 0.5rem;
  display: block;
}

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

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

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

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

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

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

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

.pb2a84 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 0.75rem;
  border-right: 4px solid var(--color-warning-light);
}

.n57e20 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.d42a {
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  border-right: 3px solid var(--color-accent);
}

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

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

.iace6 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

.p7310 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
  display: block;
}

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

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

  .iace6 {
    flex: 1 1 100%;
    max-width: 100%;
    min-height: 250px;
  }
}

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

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

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

.cf08 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  line-height: 1.9;
  margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .o06042e {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
  }

  .bc9f {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  }
}

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

  .ib0e891 {
    justify-content: flex-end;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

.l431ce {
  width: 100%;
}

.p481f {
  width: 100%;
}

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

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

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

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

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

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

.d5441 {
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

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

.nc6 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #d1d5db;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

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

.ida7 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #9ca3af;
}

.p834 {
  color: #6b7280;
}

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

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

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

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

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

.kd6 {
  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, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border-light);
}

.l24275 {
  flex-shrink: 0;
}

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

.ebb79 {
  flex: 1;
}

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

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

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

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

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

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

  .ebb79 {
    text-align: center;
  }
}

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

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

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

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

.c1069 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-card);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.ja9f88 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.h66 {
  background: rgba(124, 58, 237, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
}

.g8fd {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #e9d5ff;
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

.b325ccf {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

.eb4a2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-card);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.p4e4 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.8;
}

.jf5533d {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
  border-bottom: 1px solid rgba(124, 58, 237, 0.2);
}

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

.ofcc3 {
  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);
  border-radius: 50%;
  font-weight: 700;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.f28978 {
  flex: 1;
}

.ddd5cc {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-bg-card);
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.p50b3c5d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: #d1d5db;
  line-height: 1.7;
}

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

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

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

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

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

  .ofcc3 {
    width: 45px;
    height: 45px;
  }
}

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

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

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

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

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

.b49fc8 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.b49fc8:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

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

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

.b49fc8:hover .b9d4c3ba {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

.cb6ece {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-card);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.n5e3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.p41 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.ad2de {
  background: rgba(139, 92, 246, 0.1);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.aac775 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: #e9d5ff;
  line-height: 1.7;
}

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

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

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

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

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

.o277e1e {
  background: var(--color-warning-light);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.j8814 {
  max-width: 100%;
}

.h112a3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-bg-card);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.h4f304 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

.hdc5 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

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

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

.gcb3bf:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

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

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

  .g96,
  .o4376,
  .l42d,
  .k812d6b8,
  .m1c3b {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }

  .p3d7c141 {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }
}

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

  .d5441 {
    padding: clamp(1rem, 1.5vw, 1.5rem);
  }

  .kd6 {
    padding: clamp(1rem, 1.5vw, 1.5rem);
  }

  .ldf {
    width: 90px;
    height: 90px;
  }

  .ofcc3 {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }
}

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

html, body {
  width: 100%;
}

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

.ed6b {
  background: var(--color-bg-primary);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  line-height: 1.6;
  width: 100%;
  overflow-x: hidden;
}

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

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

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

.m54 {
  text-align: center;
  max-width: 800px;
}

.m54 h1 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: #ffffff;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  font-weight: 700;
}

.m54 p {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: #d1d5db;
  line-height: 1.8;
}

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

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

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

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

.c13875 {
  display: inline-block;
  font-size: 0.875rem;
  color: #a78bfa;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.l9064fe0 h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

.l9064fe0 p {
  font-size: clamp(0.8875rem, 1vw + 0.5rem, 1.0625rem);
  color: #d1d5db;
  line-height: 1.8;
}

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

.lf8 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  transition: all var(--transition-base);
}

.lf8:hover {
  background: rgba(124, 58, 237, 0.1);
  border-color: var(--color-primary);
  transform: translateY(-4px);
}

.lf8 h3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: #ffffff;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.lf8 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #b4b8c2;
  line-height: 1.7;
}

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

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

.g9e2a2a {
  text-align: center;
}

.g9e2a2a h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

.g9e2a2a p {
  font-size: clamp(0.8875rem, 1vw + 0.5rem, 1.0625rem);
  color: #d1d5db;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.id538241 {
  background: rgba(255, 255, 255, 0.03);
  border-left: 3px solid var(--color-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
}

.id538241 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: #d1d5db;
  line-height: 1.8;
  margin-bottom: 0.75rem;
}

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

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

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

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

.ac944d0 {
  flex: 1 1 45%;
  min-width: 280px;
}

.ac944d0 h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

.ac944d0 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: #d1d5db;
  line-height: 1.8;
  margin-bottom: 1rem;
}

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

.k0a0 {
  flex: 1 1 45%;
  min-width: 280px;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

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

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

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

.kc65 h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: 1rem;
  font-weight: 700;
}

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

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

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

.i1b8cc h3 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #ffffff;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.i1b8cc p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #b4b8c2;
  line-height: 1.7;
}

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

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

.he0 {
  text-align: center;
}

.he0 h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

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

.p7151 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

.p7151 h3 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: #ffffff;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.p7151 p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: #b4b8c2;
  line-height: 1.7;
}

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

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

.kb208cf h3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: #ffffff;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 600;
}

.oef64 {
  color: var(--color-primary);
  font-size: 1.25rem;
}

.kb208cf p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #9ca3af;
  line-height: 1.8;
  text-align: justify;
}

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

  .ac944d0,
  .k0a0 {
    flex: 1 1 100%;
  }

  .lf8 {
    flex: 1 1 100%;
  }

  .p7151 {
    flex: 1 1 100%;
  }

  .b8fb3a7 {
    gap: 0.75rem;
  }

  .f2c5d4d2 {
    font-size: 1.25rem;
  }
}

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

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

@media (min-width: 1024px) {
  .lf8 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  }
}

.n9804 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Work Sans', sans-serif;
}

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

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

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

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

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

.hd9 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l530 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 450px;
}

.ne7816 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.1);
  display: block;
}

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

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

.c4a0d544 {
  text-align: center;
}

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

.j480741 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.p67a7e {
  text-align: center;
}

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

.e5ca {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.occ {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.occ:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.08);
  border-color: var(--color-accent-light);
}

.n6e63d38 {
  width: 50px;
  height: 50px;
  background: var(--color-accent-light);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

.f373 {
  text-align: center;
}

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

.ke762a7 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m3b2 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

.f2325 {
  text-align: center;
}

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

.o6f7 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ae2:hover {
  transform: translateX(4px);
  border-color: var(--color-accent);
  box-shadow: 0 6px 20px rgba(124, 58, 237, 0.08);
}

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

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

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

.m56867 {
  text-align: center;
  padding: clamp(1rem, 2vw, 2rem) 0;
}

.p4c89f20 {
  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: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.p4c89f20:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.2);
}

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

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

.bcb1d {
  text-align: center;
  max-width: 600px;
}

.e6852e {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.febecb {
  color: var(--color-text-on-accent);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  opacity: 0.95;
}

.p81ffac5 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.p81ffac5:hover {
  background: var(--color-bg-card);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

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

  .l530 {
    min-height: 250px;
    max-height: 350px;
  }

  .occ {
    flex: 1 1 100%;
  }

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

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

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

.pd05 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.l3b25 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i5373ae7 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  line-height: 1.5;
}

.hbabb {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.g168971e {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.p35e7a {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.k8b {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  flex: 1;
}

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

.ge8a {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.25rem, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
}

.m48 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw + 0.25rem, 1.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.ecbd52a4 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  margin: 0;
  line-height: 1.6;
}

.na8022ef {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.g70 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.db3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

.db3:hover {
  background-color: var(--color-primary-hover);
  transform: scale(1.02);
}

@media (min-width: 768px) {
  .pd05 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .g168971e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .o7c65 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .pd05 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .g168971e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .p35e7a {
    flex-direction: row;
  }

  .o7c65 {
    width: 320px;
    height: auto;
    min-height: 300px;
    flex-shrink: 0;
  }

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

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

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

  .o7c65 {
    width: 380px;
  }
}

.l39 {
  direction: rtl;
  text-align: right;
}

.p33 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  text-align: right;
  direction: rtl;
}

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

.c1b904 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.nd943 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.o687 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.p93f6 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.j91b7008 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  text-align: right;
  direction: rtl;
}

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

.ja4dd {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.ja4dd i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

.pb72a99 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.i70e6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.a52c {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-accent);
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-fast);
  border: 2px solid var(--color-accent);
  width: fit-content;
}

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

.g374 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.n814ed {
  max-width: 800px;
  margin: 0 auto;
  text-align: right;
  direction: rtl;
}

.k6d8b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.n9b5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.15rem);
  color: var(--color-text-light);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
  opacity: 0.95;
}

.o5efc06 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary);
  background-color: var(--color-text-light);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-fast);
  border: 2px solid var(--color-text-light);
}

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

@media (min-width: 768px) {
  .p33 {
    padding: 4rem var(--spacing-lg);
  }

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

  .p93f6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

@media (min-width: 1024px) {
  .p33 {
    padding: 5rem var(--spacing-xl);
  }

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

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

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

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

  .g374 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.l66de .dc82978 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.l66de .i14 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.l66de h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.l66de .f9dd2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.l66de 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-lg);
  line-height: 1.4;
}

.l66de p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.l66de ul,
.l66de ol {
  margin: var(--spacing-lg) 0;
  padding-left: var(--spacing-xl);
  color: var(--color-text-primary);
}

.l66de li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

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

.l66de .g21178d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-2xl);
}

.l66de .g21178d p {
  color: var(--color-text-primary);
  margin-bottom: 0;
}

.l66de .j088a {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.l66de .j088a h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.l66de .j088a p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.l66de .j088a strong {
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .l66de .i14 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .l66de .i14 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

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

.bd48 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.i14 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.h8fbba0a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
  text-align: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-md);
  animation: slideInUp 0.6s ease-out;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.eccb1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(100px, 20vw, 150px);
  height: clamp(100px, 20vw, 150px);
  margin-bottom: var(--spacing-md);
  color: var(--color-success);
  animation: scaleIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.eccb1 svg {
  width: 100%;
  height: 100%;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ff8a5 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.i994a {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.4;
}

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

.j0d7 p {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  padding: 0;
}

.pc69 {
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  border-left: 4px solid var(--color-primary);
  text-align: right;
}

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

.ccc6 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.ccc6 li {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

.ccc6 li::before {
  content: '✓';
  position: absolute;
  right: 0;
  color: var(--color-success);
  font-weight: bold;
  font-size: 1.2em;
}

.p6506f4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1.1rem) clamp(1.5rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: var(--transition-base);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
  gap: var(--spacing-sm);
}

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

.p6506f4:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (max-width: 640px) {
  .bd48 {
    padding: var(--spacing-md);
    min-height: auto;
  }

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

  .pc69 {
    padding: var(--spacing-md);
    border-left-width: 3px;
  }

  .ccc6 li {
    padding-left: var(--spacing-sm);
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .bd48 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .h8fbba0a {
    padding: var(--spacing-xl);
    gap: var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .bd48 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }

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

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

  .p6506f4:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .h8fbba0a,
  .eccb1 {
    animation: none;
  }

  .p6506f4 {
    transition: none;
  }

  .p6506f4:hover {
    transform: none;
  }

  .p6506f4:active {
    transform: none;
  }
}

@media (max-width: 320px) {
  .bd48 {
    padding: var(--spacing-md);
  }

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

  .eccb1 {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-sm);
  }

  .j0d7 {
    gap: var(--spacing-sm);
    margin: var(--spacing-md) 0;
  }

  .pc69 {
    padding: var(--spacing-sm);
    margin: var(--spacing-md) 0;
  }

  .p6506f4 {
    width: 100%;
    margin-top: var(--spacing-md);
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

.g6c131 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  direction: rtl;
}

.o954 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .o954 {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .o954 {
    padding: var(--spacing-3xl);
  }
}

.dc82978 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .dc82978 {
    padding: 0 var(--spacing-lg);
  }
}

.i14 {
  width: 100%;
  max-width: 600px;
  text-align: center;
}

.k5426acf {
  margin-bottom: var(--spacing-2xl);
  animation: float 3s ease-in-out infinite;
}

@media (min-width: 768px) {
  .k5426acf {
    margin-bottom: var(--spacing-3xl);
  }
}

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

.j00c {
  display: block;
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  font-family: var(--font-heading);
  letter-spacing: -2px;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.m4e7ab {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(80px, 20vw, 140px);
  height: clamp(80px, 20vw, 140px);
  opacity: 0.15;
  color: var(--color-primary);
  z-index: 1;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.ob4b6 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

@media (min-width: 768px) {
  .ob4b6 {
    margin-bottom: var(--spacing-md);
  }
}

.l2e136 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .l2e136 {
    margin-bottom: var(--spacing-xl);
  }
}

.a87c6 {
  margin-bottom: var(--spacing-xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .a87c6 {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
  }
}

.c961 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.8;
  margin: 0;
}

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

@media (min-width: 768px) {
  .bff55 {
    margin-bottom: var(--spacing-2xl);
  }
}

.ec72b {
  display: inline-block;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

.k8b8f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k8b8f:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.dc8d3 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

@media (min-width: 768px) {
  .dc8d3 {
    padding: var(--spacing-lg);
  }
}

.b26 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  margin: 0;
  line-height: 1.6;
}

.jad96 {
  color: var(--color-text-primary);
  font-weight: 600;
  word-break: break-word;
}

@media (min-width: 768px) {
  .k5426acf {
    animation: float 4s ease-in-out infinite;
  }
}

@media (min-width: 1024px) {
  .g6c131 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.g55e {
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.gdcb563a {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.kc3e1 {
  text-align: center;
}

.gcdf9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

.kbde83 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .gdcb563a {
    padding: 5rem 2rem;
  }
}

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

.d5b96 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.o7ed48 {
  width: 100%;
}

.pe646bfc {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

@media (min-width: 1024px) {
  .pe646bfc {
    gap: 4rem;
  }

  .g1daa77b {
    flex: 1 1 45%;
  }

  .l8bc9e {
    flex: 1 1 45%;
  }
}

.mf6 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  letter-spacing: -0.01em;
}

.l2b {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  letter-spacing: -0.01em;
}

.m40 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.d19728ab {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.e3732 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.o083043,
.da5349a {
  width: 100%;
  padding: 0.95rem 1.1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.o083043::placeholder,
.da5349a::placeholder {
  color: var(--color-text-muted);
}

.o083043:focus,
.da5349a:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.o083043:hover:not(:focus),
.da5349a:hover:not(:focus) {
  border-color: var(--color-border);
}

.da5349a {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.j66 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.m7083b {
  width: 100%;
  padding: 1.1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  letter-spacing: 0.3px;
}

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

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

.m7083b:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.hd5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.d285 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.mdb4 {
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: 1.5rem;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.mdb4:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

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

.mc2e3c0c {
  flex: 1;
}

.m6f45 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.ede40 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  text-decoration: none;
  transition: color var(--transition-base);
}

.ede40:hover {
  color: var(--color-primary);
}

.ge72f2c0 {
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

.e2b399b6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base), padding-right var(--transition-base);
  display: inline-block;
}

.e2b399b6:hover {
  color: var(--color-primary-hover);
  padding-right: 0.5rem;
}

@media (min-width: 768px) {
  .d5b96 {
    padding: 4rem 2rem;
  }

  .pe646bfc {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .d5b96 {
    padding: 5rem 2rem;
  }

  .pe646bfc {
    gap: 4rem;
    align-items: stretch;
  }

  .g1daa77b {
    flex: 1 1 auto;
    min-width: 380px;
  }

  .l8bc9e {
    flex: 1 1 auto;
    min-width: 380px;
  }
}

@media (max-width: 767px) {
  .g1daa77b {
    order: 1;
  }

  .l8bc9e {
    order: 2;
  }
}
.cb38ae,.c995e{
  width: 34px;
}

/* FIX:nav .i65 */
.i65{
  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;
}

.acdb1{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .acdb1{
    max-width: 100%;
  }
}

/* FIX:zindex .acdb1.n0223fbc */
.acdb1.n0223fbc{
  z-index: 999;
}

/* FIX:navpad .hea2e6 */
.hea2e6{
  padding-top: 50px;
}

/* FIX:toggle-expand .cb38ae */
.cb38ae[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .c98476 {
    aspect-ratio: 6 / 9;
  }
  .b7fc .k9904c {
    aspect-ratio: 6 / 9;
  }
}