@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: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #0a0f1e;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #677280;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #e2e8f0;

  --color-primary: #1d4ed8;
  --color-primary-hover: #1e40af;
  --color-primary-light: #dbeafe;
  --color-secondary: #3b82f6;
  --color-secondary-light: #e0e7ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

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

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

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

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

  
  --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 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

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

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: clamp(1.25rem, 3vw, 1.875rem);
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
}

button {
  cursor: pointer;
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

input, textarea, select {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-size: 1rem;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

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

.pcdbd {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: var(--spacing-lg);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.d7b6 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lf58 {
  display: flex;
}

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

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

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

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

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

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

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

.a148ed7 {
  text-align: center;
}

.lf1f4 {
  text-align: right;
}

.n1ac2 {
  text-align: left;
}

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

.dafa6251 {
  color: var(--color-text-light);
}

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

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

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

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

.bbb5d133 {
  font-weight: 700;
}

.n3b273b1 {
  font-weight: 600;
}

.mb9 {
  font-weight: 500;
}

.lccfea {
  font-weight: 400;
}

.n7a {
  font-size: 0.875rem;
}

.j8cb {
  font-size: 1rem;
}

.ff1506 {
  font-size: 1.125rem;
}

.pe1483 {
  font-size: 1.25rem;
}

.n7c {
  font-size: 1.5rem;
}

.k2c {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o30 {
  opacity: 0.5;
}

.l93e1 {
  opacity: 0.75;
}

.d5b7db2 {
  transition: all 0.3s ease;
}

.m12 {
  transition: all 0.15s ease;
}

.dd3a24 {
  transition: all 0.5s ease;
}

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

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

@media (max-width: 480px) {
  .b1c0a0f0 {
    padding: 0 var(--spacing-sm);
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

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

  .pcdbd {
    padding: var(--spacing-md);
  }
}
.ede4e8 {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

.cd56bd6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

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

.cd56bd6:hover .g94fdac1 {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

.gfae7dc {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  padding: 0.5rem 0;
}

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

.gfae7dc::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width 0.3s ease;
}

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

.f30108 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

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

.d97404f8 {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  transition: all 0.3s ease;
  border-radius: 1px;
}

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

.j9d89.dd2f6 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.jbe {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

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

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

.iaee4 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.iaee4:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-right: clamp(1rem, 4vw, 2rem);
  padding-left: clamp(1.25rem, 4vw, 2.25rem);
}

.g302d6 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  display: block;
  border: 2px solid var(--color-accent);
}

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

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

  .f30108 {
    display: block;
  }

  .c4324 {
    display: none;
  }

  .j9d89 {
    display: none;
  }

  .j6d {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
  }
}

@media (min-width: 1024px) {
  .j6d {
    padding: 1.5rem clamp(1rem, 4vw, 2rem);
  }

  .gfae7dc {
    font-size: 1rem;
  }

  .f30108 {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

    .p0aa {
  font-family: var(--font-primary);
}

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

.l62e104d {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

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

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

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

.ifc8 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.3;
}

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

.m85e8 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.cd6 {
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.25rem, 2vw + 0.75rem, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .l62e104d {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
  }

  .h3b {
    flex-direction: column;
  }

  .f108c {
    flex: 1 1 100%;
  }

  .m61 {
    flex: 1 1 100%;
  }

  .m85e8 {
    flex-direction: column;
  }

  .cd6 {
    width: 100%;
  }
}

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

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

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

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

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

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

.h0aac {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

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

.k81ca {
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

.ac98f {
  position: relative;
  width: 100%;
  max-width: 400px;
}

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

.be30e938 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(37, 99, 235, 0.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 24px;
}

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

  .hb1 {
    flex: 1 1 100%;
  }

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

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

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

.d29e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}

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

.d8d2e9 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.ea5030f6 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.05);
  border-radius: var(--radius-md);
  text-decoration: none;
  color: #ffffff;
  transition: all 0.3s ease;
}

.ea5030f6:hover {
  background: rgba(37, 99, 235, 0.2);
  transform: translateX(4px);
}

.p9b03868 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
}

.l72f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: #ffffff;
  line-height: 1.4;
}

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

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

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

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

.adf428 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 500px;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

.f5c4 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.m5e1272a {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

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

.a020b6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  margin: 0;
}

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

.f964431 {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
}

.e542 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: rgba(37, 99, 235, 0.2);
  border-radius: 50%;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.hda {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  color: #ffffff;
  font-weight: 500;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.h8ea70 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.lcfcee23 {
  font-size: clamp(0.975rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

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

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

.f331c6fb {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

.f331c6fb.n2524 {
  display: none;
}

.occc1b1 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  line-height: 1.5;
  flex: 1 1 auto;
}

.hb4368 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-shrink: 0;
}

.h21b1d5 {
  padding: 0.625rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all 0.3s ease;
}

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

.kd48633 {
  padding: 0.625rem 1.25rem;
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  transition: all 0.3s ease;
}

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

@media (max-width: 768px) {
  .f331c6fb {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .hb4368 {
    width: 100%;
    gap: 0.5rem;
  }

  .h21b1d5,
  .kd48633 {
    flex: 1;
  }
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .e82c {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(2rem, 6vw, 4rem);
  }

  .g81e8df,
  .md35b7a {
    flex: 1 1 280px;
    min-width: 250px;
  }
}

.g81e8df h3,
.md35b7a h3,
.o8aaa79 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
}

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

.l63ea99 li {
  margin: 0;
  padding: 0;
}

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

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

.md35b7a {
  text-align: center;
}

@media (min-width: 768px) {
  .md35b7a {
    text-align: right;
  }
}

.g63f0a {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

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

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

.o8aaa79 {
  width: 100%;
}

.o8aaa79 h3 {
  text-align: center;
}

@media (min-width: 768px) {
  .o8aaa79 h3 {
    text-align: right;
  }
}

.na4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
}

@media (min-width: 768px) {
  .na4 {
    justify-content: flex-start;
  }
}

.na4 li {
  margin: 0;
  padding: 0;
}

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

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

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

@media (min-width: 768px) {
  .gb9 {
    text-align: right;
  }
}

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

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

@media (max-width: 767px) {
  .e82c {
    order: 2;
  }

  .o8aaa79 {
    order: 3;
  }

  .gb9 {
    order: 4;
  }
}
    

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

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

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

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

.k3873d {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.m9e4f34,
.ab4f {
  color: var(--color-text-light);
}

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

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

.je30 {
  color: rgba(255, 255, 255, 0.4);
}

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

.o12eb {
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ccc {
  text-align: center;
}

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

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

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

.p1e1bb {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2.5vw, 1.75rem);
  border-radius: 0.75rem;
  border: 1px solid var(--color-border);
  flex: 1 1 clamp(280px, 90vw, 380px);
  min-height: auto;
  transition: all 0.3s ease;
}

.p1e1bb:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

.e8c72 {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  aspect-ratio: 16 / 9;
  background: var(--color-bg-secondary);
}

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

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

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

.lda2d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.je7e67ff {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.je7e67ff i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.m8674d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.leb {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.c65f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: rgba(255, 255, 255, 0.05);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex: 1 1 clamp(280px, 90vw, 350px);
  transition: all 0.3s ease;
}

.c65f:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

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

.kabeb {
  color: var(--color-text-on-accent);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e48 {
  color: rgba(255, 255, 255, 0.75);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .p958a9 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .l74e {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b98f74 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .d8b1 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

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

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

  .l74e {
    padding: 6rem 0;
  }

  .b98f74 {
    padding: 6rem 0;
  }

  .d8b1 {
    padding: 6rem 0;
  }

  .p1e1bb {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: 380px;
  }

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

  .ee01ca {
    gap: 1rem;
  }
}

@media (min-width: 1440px) {
  .ldc {
    gap: 2rem;
  }

  .a88e {
    gap: 2rem;
  }
}

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

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

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

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

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

.ff8,
.peb,
.c1bc9 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  font-weight: 600;
}

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

.o53eb {
  color: var(--color-text-light-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  margin-bottom: 0;
}

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

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

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

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

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

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

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

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

.h2f742 {
  flex: 0 0 auto;
}

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

.fa9c58 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

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

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

.k0c56f {
  background: var(--color-primary-light);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: clamp(1.5rem, 3vw, 2rem) 0 0 0;
}

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

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

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

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

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

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

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

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

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

.db3 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b8d {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.kb0d7 {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

.m6c44 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  max-width: 100%;
}

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

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

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

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

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

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

.p1db16 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: color 0.3s ease;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

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

.l29d05 {
  background: var(--color-primary-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

.d0df {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: block;
  margin: 0 0 1rem 0;
}

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

.a540 li {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

.ib118e {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.p2003 {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
}

.hc13b {
  background: var(--color-primary-dark);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: background 0.3s ease, transform 0.3s ease;
  display: inline-block;
}

.hc13b:hover {
  background: var(--color-primary);
  transform: translateY(-2px);
  text-decoration: none;
}

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

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

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

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

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

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

  .h2c,
  .md3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .db5ffa7,
  .e0284,
  .nd3,
  .be3d {
    flex-direction: column;
  }

  .c9d2,
  .e072,
  .a1cf09,
  .j185e7,
  .m6d4a,
  .a996,
  .b136,
  .ae3d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a996 {
    order: 0;
  }

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

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

@media (max-width: 1024px) {
  .m6c44 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  direction: rtl;
  background: var(--color-bg-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.de51b i {
  color: var(--color-accent);
  width: 18px;
  text-align: center;
}

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

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

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

  .ed8f72,
  .n5438ab {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .gc273c6b {
    max-height: 300px;
  }
}

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

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

.b546caa5 {
  flex-shrink: 0;
}

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

.kd64ef40 {
  flex: 1;
}

.b1f4 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.85rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.25rem;
}

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

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

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

.nb43d {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.e69 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

.e69 strong {
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

  .leb277,
  .p80e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .m644381,
  .b728 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.e50339:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
}

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

.n81b {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.35rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

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

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

.j810c {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.j810c:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
}

.m6852 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j9edacb9,
  .n491a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.c8e {
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: -0.5rem;
}

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

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

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

.g88c8 {
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

.n66c18db {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border: 2px solid var(--color-accent);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

.lf5 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: clamp(0.9rem, 1.2vw + 0.5rem, 1.1rem);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

.n498ded9 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.m61693 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: #ffffff;
  font-family: var(--font-heading);
  font-weight: 700;
}

.oa00af {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #e0e0e0;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .m61693 {
    text-align: center;
  }
}

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

html, body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ba0b5 {
  flex: 0 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.pb05 {
  flex: 1 1 auto;
}

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

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

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

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

.l31318 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-weight: 500;
}

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

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

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

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

.dfc51 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

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

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

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

.c12 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-light);
  line-height: 1.7;
}

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

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

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

.e72 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.8;
}

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

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

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

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

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

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

.pb96a2 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

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

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

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

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

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

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

.b44 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.b33cb1 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.be23c9ea {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

.o53:hover .e9f32a22 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

  .daa5,
  .h53c26b,
  .pf609,
  .n3c643,
  .p957e,
  .o53e1301 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .pb96a2 {
    flex: 1 1 100%;
  }

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

@media (max-width: 1024px) {
  .pb96a2 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }

  .o53 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 250px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.l0bbc76 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.m71d {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: #e0e0e0;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.5;
}

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

.b56f18 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: #b0b0b0;
}

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

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

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

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

.p2650f9 a {
  color: #a0a0a0;
  transition: all 0.3s ease;
}

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

.p2650f9 span {
  color: #707070;
}

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

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

.d14 {
  flex-shrink: 0;
}

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

.ec014c78 {
  flex: 1;
}

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

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

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

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

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

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

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

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

.baef84 {
  max-width: 900px;
  margin: 0 auto;
  text-align: right;
  direction: rtl;
}

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

.k0c9 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.fe87ada {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  max-width: 700px;
  box-shadow: var(--shadow-lg);
}

.lbb66 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  text-align: right;
  direction: rtl;
}

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

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

.n1add {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: right;
  direction: rtl;
}

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

.e1f {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.f653556c {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-right: 1.5rem;
  position: relative;
}

.f653556c::before {
  content: "✓";
  position: absolute;
  right: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.1rem;
}

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

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

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

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

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

.if727086 {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: right;
  direction: rtl;
}

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

.fadda4ac {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.l87479 {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: right;
  direction: rtl;
}

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

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

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

.jf02 {
  text-align: center;
}

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

.b3f0bf6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
}

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

.i29c380b {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

.je3b {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
  text-align: right;
  direction: rtl;
}

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

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

.f4f89c {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: right;
  direction: rtl;
}

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

.cf314e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

.n5957 {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: right;
  direction: rtl;
}

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

.m3eb43e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l48a6ab6 {
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.f40 {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: #78350f;
  line-height: 1.7;
  text-align: right;
  direction: rtl;
}

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

.h24966d {
  max-width: 900px;
  margin: 0 auto;
  text-align: right;
  direction: rtl;
}

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

.d5f {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h76 {
  background: #f0f4f8;
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

.j823acc {
  max-width: 900px;
  margin: 0 auto;
  text-align: right;
  direction: rtl;
}

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

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

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

  .n7d15,
  .nbe10d9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .ec014c78 {
    width: 100%;
  }

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

  .n39160f0,
  .kb112d9c,
  .efa84,
  .gb414965 {
    flex-direction: column;
  }

  .n1add,
  .oc11146,
  .if727086,
  .lc1,
  .f4f89c,
  .c91,
  .n5957,
  .jcea0e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lc1 {
    order: 0;
  }

  .jcea0e {
    order: 0;
  }

  .i29c380b {
    flex: 1 1 calc(50% - 1rem);
    max-width: 100%;
    min-width: 250px;
  }

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

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

  .b56f18 {
    font-size: 0.75rem;
  }

  .i29c380b {
    flex: 1 1 100%;
  }

  .fe1a2f {
    flex-direction: column;
  }

  .g8c50f {
    padding: 1rem;
  }

  .dc9 {
    width: 80px;
    height: 80px;
  }
}

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

html, body {
  font-family: 'Work Sans', sans-serif;
}

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

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

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

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

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

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

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

.j4ad1 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

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

.od40 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #cbd5e1;
  line-height: 1.6;
  max-width: 700px;
}

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

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

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

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

.c9f1c {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

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

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

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

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

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

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

.a58e54d {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

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

.m5149 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
}

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

.gbf9c6 {
  flex: 1 1 clamp(250px, 45%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

.n80d7a {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-primary);
}

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

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

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

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

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

.b6b71 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.e72fa {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #ffffff;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.2;
}

.a83f {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: #cbd5e1;
  line-height: 1.7;
  max-width: 700px;
}

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

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

.ec3759b1 {
  flex-shrink: 0;
  width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
}

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

.p61461b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: #ffffff;
  font-weight: 600;
}

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

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

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

.icd3fa {
  text-align: center;
}

.a55d6c {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

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

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

.gf704c {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
  margin: 0 auto;
}

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

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

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

.b61 {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

.a544c {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  padding-left: clamp(2.5rem, 5vw, 3.5rem);
}

@media (max-width: 768px) {
  .ae98 {
    gap: 1.5rem;
  }

  .cc4e {
    gap: 1rem;
  }

  .gbf9c6 {
    flex: 1 1 100%;
  }

  .d11 {
    gap: 1rem;
  }

  .ec3759b1 {
    min-width: 50px;
    min-height: 50px;
  }
}

@media (max-width: 480px) {
  .ebc38 {
    margin-bottom: 0.75rem;
  }

  .gbf9c6 {
    padding: 1.25rem;
  }

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

  .ec3759b1 {
    width: 45px;
    height: 45px;
    font-size: 1.125rem;
  }

  .n470603 {
    gap: 0.75rem;
  }

  .a544c {
    padding-left: 2rem;
  }
}

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

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

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

@media (min-width: 768px) {
  .ie733 {
    flex-direction: row;
    align-items: center;
  }
}

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

@media (min-width: 768px) {
  .j25 {
    flex: 1 1 50%;
  }
}

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

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

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

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

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

@media (min-width: 768px) {
  .i3a880 {
    flex: 1 1 45%;
    min-height: 350px;
  }
}

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

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

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

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

.j7330 {
  text-align: center;
}

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

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

.f46 {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.de22a5cb {
  font-size: clamp(0.875rem, 1.1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.p276 {
  text-align: center;
}

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

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

.c200 {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mc7e8a {
  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: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .mc7e8a:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
  }
}

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

.g7f {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.b50 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.bd06 {
  text-align: center;
}

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

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

.afe {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-light-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fd7 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

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

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

.ibf077c {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-light);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.kd35 {
  text-align: center;
}

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

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

.k9c {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.oc10 {
  flex: 1 1 calc(50% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  position: relative;
  padding-top: clamp(3.5rem, 5vw, 4.5rem);
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .oc10:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
  }
}

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

.ja4 {
  position: absolute;
  top: clamp(1rem, 2vw, 1.5rem);
  right: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.8;
}

.j2ad45e {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.f7d3529f {
  text-align: center;
}

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

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

.mf497d {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lb211d1 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 260px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  text-align: center;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .lb211d1:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
  }
}

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

.k0c5 {
  font-size: 2rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center;
}

.a6c2cf6a {
  font-size: clamp(1rem, 1.75vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.g1c {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ha2cf5 {
  font-size: clamp(0.875rem, 1.25vw, 1.0625rem);
  color: var(--color-text-light-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k5a40c3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1.1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 1px solid var(--color-accent);
  white-space: nowrap;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.kdb1e85f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.875rem, 1.1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all 0.3s ease;
  background: transparent;
  color: var(--color-text-light);
  border: 1px solid var(--color-text-light);
  white-space: nowrap;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kdb1e85f:hover {
  background: var(--color-text-light);
  color: var(--color-bg-tertiary);
  transform: translateY(-2px);
}

@media (max-width: 639px) {
  .k5a40c3,
  .kdb1e85f {
    width: 100%;
  }
}

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

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

.g95 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.a123646 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.p971e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .g95 {
    padding: 4.5rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g95 {
    padding: 6rem var(--spacing-xl);
  }
}

.nb2 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.nd1 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.pc4 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

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

.n7d0c0 {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
}

.n7d0c0 i {
  color: var(--color-primary);
}

.fd401870 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  line-height: 1.4;
}

.l080 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.bcd0cd {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: background-color 0.3s ease;
  text-align: center;
  width: fit-content;
}

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

@media (min-width: 768px) {
  .nb2 {
    padding: 4.5rem var(--spacing-lg);
  }

  .nd1 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .nb2 {
    padding: 6rem var(--spacing-xl);
  }

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

.l14822 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.i992b55 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.ka48c90d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.c0fcccfa {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: background-color 0.3s ease;
}

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

@media (min-width: 768px) {
  .l14822 {
    padding: 4.5rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .l14822 {
    padding: 6rem var(--spacing-xl);
  }
}

.i67293 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.l12a9 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

@media (min-width: 768px) {
  .i67293 {
    padding: 4.5rem var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .i67293 {
    padding: 6rem var(--spacing-xl);
  }

  .l12a9 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

.bb3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  text-align: center;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k8bb8cd0 {
  max-width: 900px;
  width: 100%;
}

.iab {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.k35e4f5 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ob3 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.db8 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

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

.g3afb3 {
  width: 100%;
  height: 240px;
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-accent-light));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: var(--color-text-muted);
  overflow: hidden;
  position: relative;
}

.g3afb3::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(255, 255, 255, 0.1), transparent);
  pointer-events: none;
}

.i1295 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.n66324 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.iba759 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

.gda7c97 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.a44a2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.lbeae {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.l54c679 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: background-color 0.3s ease, transform 0.2s ease;
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 768px) {
  .bb3 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 320px;
  }

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

  .ob3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .g3afb3 {
    height: 280px;
  }

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

@media (min-width: 1024px) {
  .bb3 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 360px;
  }

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

  .ob3 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .g3afb3 {
    height: 300px;
  }

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

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

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

.k2d1 .b1c0a0f0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k2d1 .pa99ec {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.k2d1 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.k2d1 .e7758 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.k2d1 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.k2d1 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.k2d1 ul,
.k2d1 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
}

.k2d1 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-sm);
}

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

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

.k2d1 .dd6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.k2d1 .dd6 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.k2d1 .dd6 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.k2d1 .o9b {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

.k2d1 .kb788 {
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.k2d1 .ide16916 {
  color: var(--color-text-secondary);
  word-break: break-word;
}

@media (min-width: 768px) {
  .k2d1 .pa99ec {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k2d1 .pa99ec {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

html,
body {
  width: 100%;
  height: 100%;
}

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

.ie4c {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.df9e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .df9e {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .df9e {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.b1c0a0f0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .b1c0a0f0 {
    padding: 0 var(--spacing-lg);
  }
}

.pa99ec {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.f823c0f3 {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.n65d407d {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  animation: scaleIn 0.6s ease-out 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.n65d407d svg {
  width: 80px;
  height: 80px;
  color: var(--color-success);
  display: block;
}

@media (min-width: 768px) {
  .n65d407d svg {
    width: 120px;
    height: 120px;
  }
}

.p2b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  direction: rtl;
  unicode-bidi: embed;
}

.p538b {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  direction: rtl;
  unicode-bidi: embed;
}

.l193e {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  direction: rtl;
  unicode-bidi: embed;
}

.j2e {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  direction: rtl;
  unicode-bidi: embed;
}

.e58 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  transition: all 0.3s ease;
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

@media (min-width: 768px) {
  .e58 {
    padding: var(--spacing-md) var(--spacing-xl);
  }
}

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

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

@media (max-width: 480px) {
  .df9e {
    padding: var(--spacing-md) var(--spacing-sm);
  }

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

  .e58 {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-sm);
  }
}

.ica5c {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.b1c0a0f0 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.pa99ec {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.m50 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  justify-content: center;
}

.nb8220ec {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.m346c22 {
  width: clamp(80px, 20vw, 140px);
  height: clamp(80px, 20vw, 140px);
  border-radius: 50%;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  position: relative;
  animation: float 3s ease-in-out infinite;
  box-shadow: var(--shadow-lg);
}

.bc2245 {
  position: absolute;
  border: 2px solid var(--color-text-light);
  opacity: 0.3;
}

.bc2245:nth-child(1) {
  width: 100%;
  height: 40%;
  top: 30%;
  left: 0;
  border-top: none;
  border-bottom: none;
  border-radius: 50%;
}

.bc2245:nth-child(2) {
  width: 40%;
  height: 100%;
  left: 30%;
  top: 0;
  border-left: none;
  border-right: none;
  border-radius: 50%;
}

.bc2245:nth-child(3) {
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  border-radius: 50%;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(180deg);
  }
}

.n05bf {
  position: relative;
}

.f88c {
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  margin: 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.n0809 {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-family: var(--font-heading);
  margin-top: var(--spacing-sm);
  font-weight: 600;
  letter-spacing: 1px;
}

.ma101e {
  width: 100%;
}

.i869135 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.c3a {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ke0b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}

.af413b2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
}

.n47cd7 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.db4fb4 {
  font-family: var(--font-primary);
  font-weight: 500;
}

.cd6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.o8f0dd9 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.o8f0dd9:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 480px) {
  .nb8220ec {
    gap: var(--spacing-xl);
  }

  .ke0b {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }

  .af413b2 {
    flex: 0 1 calc(50% - var(--spacing-sm));
    max-width: 250px;
  }
}

@media (min-width: 768px) {
  .ica5c {
    padding: var(--spacing-lg);
  }

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

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

  .ke0b {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
  }

  .af413b2 {
    flex: 0 1 auto;
    padding: var(--spacing-lg) var(--spacing-xl);
  }

  .cd6 {
    padding: clamp(0.875rem, 1.2vw, 1.125rem) clamp(2rem, 4vw, 3rem);
    font-size: clamp(1rem, 1.1vw, 1.125rem);
  }
}

@media (min-width: 1024px) {
  .ica5c {
    padding: var(--spacing-xl);
  }

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

  .m346c22 {
    animation: float 4s ease-in-out infinite;
  }

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

@media (min-width: 1440px) {
  .f88c {
    font-size: 6rem;
  }

  .i869135 {
    font-size: 2.25rem;
  }
}

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

.c5ca3b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.e16db {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.p37006 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.a9c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .c5ca3b {
    padding: var(--spacing-4xl) 0;
  }
}

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

.pb60d5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.pb606 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

@media (min-width: 1024px) {
  .pb606 {
    flex-direction: row;
    gap: var(--spacing-4xl);
  }
}

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

@media (min-width: 1024px) {
  .nc2f {
    flex: 1 1 50%;
  }
}

.i2c9c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

.j064 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.fce8 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.md20275,
.d50 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

.md20275::placeholder,
.d50::placeholder {
  color: var(--color-text-muted);
}

.md20275:focus,
.d50:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.d50 {
  min-height: 140px;
  resize: vertical;
}

.g1ce1 {
  font-family: var(--font-primary);
  font-size: 0.8rem;
  color: var(--color-danger);
  display: none;
  margin-top: 0.25rem;
}

.n0cf23.i6fd8c .g1ce1 {
  display: block;
}

.n0cf23.i6fd8c .md20275,
.n0cf23.i6fd8c .d50 {
  border-color: var(--color-danger);
  background-color: var(--color-danger-light);
}

.kf98818 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.e0797c {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.c3df6d {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.c3df6d:hover,
.c3df6d:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.a8c7d3 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: none;
  letter-spacing: 0;
}

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

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

.a8c7d3:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

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

@media (min-width: 1024px) {
  .idd155 {
    flex: 1 1 50%;
  }
}

.aaad320 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

.hd3a9e {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.hd3a9e:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.leb74 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.kc91b0 {
  flex: 1;
}

.ba4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.hd9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.hd9:hover,
.hd9:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

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

.c17e1a9 {
  height: 2px;
  background: linear-gradient(to right, var(--color-border), transparent);
  margin: var(--spacing-2xl) 0;
}

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

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

.kccbffb5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-sm) 0;
}

.lc54 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.ief40a1 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

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

.pfa {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  color: var(--color-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.pfa:hover,
.pfa:focus {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  transform: translateX(-4px);
}

@media (min-width: 768px) {
  .pb60d5 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.j9034 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

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

.acd21d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-3xl) 0;
  text-align: center;
  letter-spacing: -0.02em;
}

.ce8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ce8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

.gaeb31 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.gaeb31:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.k6f2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.4;
}

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

@media (min-width: 768px) {
  .j9034 {
    padding: var(--spacing-4xl) 0;
  }
}

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

@media (max-width: 1023px) {
  .pb606 {
    padding: 0;
  }

  .nc2f,
  .idd155 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .a8c7d3 {
    padding: 0.875rem 1.25rem;
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .md20275:focus,
  .d50:focus,
  .a8c7d3:hover,
  .a8c7d3:active,
  .c3df6d:hover,
  .hd9:hover,
  .pfa:hover,
  .gaeb31:hover {
    transition: none;
  }

  .a8c7d3:hover {
    transform: none;
  }

  .pfa:hover {
    transform: none;
  }
}

@media (prefers-color-scheme: dark) {
  .j064 {
    color: var(--color-text-primary);
  }
}
.c4324,.c320{
  width: 34px;
}

/* FIX:nav .hc88969 */
.hc88969{
  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;
}

.j9d89{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .j9d89{
    max-width: 100%;
  }
}

/* FIX:zindex .j9d89.dd2f6 */
.j9d89.dd2f6{
  z-index: 999;
}

/* FIX:navpad .m2997 */
.m2997{
  padding-top: 50px;
}

/* FIX:toggle-expand .c4324 */
.c4324[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .e8c72 {
    aspect-ratio: 6 / 9;
  }
}

/* === QA batch contrast/rtl/honeypot === */

[aria-hidden="true"][style*="-9999"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  left: 0 !important;
}

a.f30108:hover, .f30108:hover {
  color: #ffffff;
  text-decoration: none;
}

a.o8f0dd9:hover, .o8f0dd9:hover {
  color: #ffffff;
  text-decoration: none;
}

a.l54c679:hover, .l54c679:hover {
  color: #ffffff;
  text-decoration: none;
}

a.pfa:hover, .pfa:hover {
  color: #ffffff;
  text-decoration: none;
}

a.bcd0cd:hover, .bcd0cd:hover {
  color: #ffffff;
  text-decoration: none;
}

a.c0fcccfa:hover, .c0fcccfa:hover {
  color: #ffffff;
  text-decoration: none;
}

a.p32:hover, .p32:hover {
  color: #ffffff;
  text-decoration: none;
}

a.k5a40c3:hover, .k5a40c3:hover {
  color: #ffffff;
  text-decoration: none;
}

a.e58:hover, .e58:hover {
  color: #ffffff;
  text-decoration: none;
}

a.cba6adfb:hover, .cba6adfb:hover {
  color: #ffffff;
  text-decoration: none;
}

a.hc13b:hover, .hc13b:hover {
  color: #ffffff;
  text-decoration: none;
}

a.lf5:hover, .lf5:hover {
  color: #ffffff;
  text-decoration: none;
}

/* === QA pass2 residual CTA === */

a.pfa, .pfa {
  color: #111418;
}
a.pfa:hover, .pfa:hover {
  color: #111418;
  text-decoration: none;
}