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

:root {
  --color-bg-primary: #0c1929;
  --color-bg-secondary: #162d50;
  --color-bg-tertiary: #1e3a5f;
  --color-bg-card: #152a48;

  --color-text-primary: #ffffff;
  --color-text-secondary: #bfdbfe;
  --color-text-muted: #93c5fd;

  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: #60a5fa;
  --color-primary-lighter: #93c5fd;
  
  --color-secondary: #60a5fa;
  --color-secondary-light: #93c5fd;
  --color-secondary-lighter: #bfdbfe;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-success-dark: #059669;

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

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

  --color-border: #1e3a5f;
  --color-border-light: #162d50;
  --color-border-lighter: #0c1929;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

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

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

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

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

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

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

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

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

.o94ce0 {
  max-width: 1280px;
  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: 3.5rem;
  margin-bottom: var(--spacing-xl);
}

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

h3 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

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

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

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

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

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

.l061f4c {
  background: var(--color-primary);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

.g90aa0 {
  background: rgba(59, 130, 246, 0.2);
  color: var(--color-primary-light);
}

.ke4ef {
  background: rgba(16, 185, 129, 0.2);
  color: var(--color-success-light);
}

.oc133a {
  background: rgba(245, 158, 11, 0.2);
  color: var(--color-warning-light);
}

.l988cc {
  background: rgba(239, 68, 68, 0.2);
  color: var(--color-danger-light);
}

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

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

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

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

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

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

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

.i084a6 {
  display: flex;
}

.h23 {
  flex-direction: column;
}

.kdb31c {
  align-items: center;
}

.i0a18b4 {
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .i8d4d {
    grid-template-columns: 1fr;
  }
}
* {
  box-sizing: border-box;
}

.l49bc8 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  width: 100%;
  box-shadow: var(--shadow-sm);
}

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

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

.ab68d:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d70e.a7c4 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.maf80:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-right: clamp(1.5rem, 4vw, 2rem);
}

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

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

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

  .hb3154 {
    display: inline-block;
  }

  .p246 {
    display: none;
  }

  .d70e {
    display: none;
  }
}

@media (max-width: 767px) {
  .h6a861d {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

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

  .kd0 {
    font-size: 1rem;
  }
}

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

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

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

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

.lb9c1 {
  text-align: center;
}

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

.aadb5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw, 1.25rem);
  margin: 0;
}

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

.h34ae6 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-lg);
  text-align: center;
  flex: 1 1 150px;
  min-width: 140px;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.d0a11 {
  transform: rotate(-2deg);
}

.beeb4bf7 {
  transform: rotate(1.5deg);
}

.pefb {
  transform: rotate(-1deg);
}

.l2ecf {
  transform: rotate(2deg);
}

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

.i15b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

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

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

.i440ccb {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

.cb3307 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  display: inline-block;
}

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

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

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

.aee984e9 {
  text-align: center;
}

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

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

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

.h66cd5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.db7 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
}

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

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

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

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

.e0ace91e {
  text-align: center;
}

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

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

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

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

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

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

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

.l6e9a59:hover .o5a923a9 img {
  transform: scale(1.05);
}

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

.j102 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.8125rem;
}

.h8a {
  color: var(--color-text-muted);
  background: var(--color-bg-secondary);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-sm);
}

.bd5 {
  color: var(--color-text-muted);
  background: var(--color-bg-secondary);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-sm);
}

.c2712a {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  margin: 0;
  font-weight: 600;
  line-height: 1.4;
}

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

.ke3 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

.la1c20 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

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

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

.f6c {
  text-align: center;
}

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

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

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

.o042 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  flex: 1 1 150px;
  min-width: 130px;
  max-width: 200px;
  border: 1px solid var(--color-border-light);
}

.ic86b58 {
  color: var(--color-accent);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

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

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

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

.fa2b85 {
  text-align: center;
}

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

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

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

.d7d6f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 280px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
}

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

.k503e i {
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

.p40ec2a1 {
  text-align: center;
}

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

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

.n693e2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: relative;
  padding: clamp(1rem, 2vw, 2rem) 0;
}

.n693e2::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
  transform: translateX(-50%);
}

.h5b {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}

.h5b::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border: 3px solid var(--color-bg-primary);
  border-radius: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.d0b7 {
  color: var(--color-accent);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  margin: 0;
}

.d7fd {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  margin: 0;
  text-align: center;
  max-width: 300px;
}

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

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

.c9c2b {
  background: var(--color-bg-card);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-lg);
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
}

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

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

.ba6698e {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  display: inline-block;
  align-self: center;
}

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

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

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

.kdd8a {
  text-align: center;
}

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

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

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

.i5b {
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 2.5vw, 1.5rem);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.i5b:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent);
}

.i5b i {
  color: var(--color-accent);
  font-size: 1.1rem;
}

.nf5a6 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  font-weight: 500;
}

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

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

.f4e28 {
  text-align: center;
}

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

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

.kc8af1 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 500px;
  margin: 0 auto;
}

.i7f2 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(0.75rem, 2vw, 1rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.i7f2:hover {
  background: var(--color-bg-secondary);
  transform: translateX(4px);
}

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

.ja40c {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 500;
}

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

.id9f1b65.e149 {
  display: none;
}

.a3a4 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  max-width: 500px;
  line-height: 1.5;
}

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

.ka7df58 {
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  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.95rem);
  transition: all var(--transition-base);
}

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

.c23 {
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

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

  .h34ae6 {
    max-width: 100%;
    width: 100%;
  }

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

  .h66cd5 {
    max-width: 100%;
    width: 100%;
  }

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

  .l6e9a59 {
    max-width: 100%;
    width: 100%;
  }

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

  .o042 {
    max-width: 100%;
    width: 100%;
  }

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

  .d7d6f {
    max-width: 100%;
    width: 100%;
  }

  .n693e2::before {
    display: none;
  }

  .h5b::before {
    display: none;
  }

  .d0b7 {
    margin-top: 0;
  }

  .h5b {
    padding-left: 0;
  }

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

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

  .kc8af1 {
    width: 100%;
  }

  .i7f2 {
    width: 100%;
  }

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

  .a3a4 {
    text-align: center;
  }

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

  .ka7df58,
  .c23 {
    flex: 1;
    min-width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .b53915 {
    gap: 1.25rem;
  }

  .l7d4db9 {
    gap: 1.5rem;
  }

  .d68 {
    gap: 1.5rem;
  }

  .kfe946 {
    gap: 1.5rem;
  }

  .dff {
    gap: 1.5rem;
  }

  .hd6211 {
    gap: 1rem;
  }
}

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

  .j570e {
    padding: 5rem 0 6rem;
  }

  .ad0ae7 {
    padding: 5rem 0 6rem;
  }

  .j1b085da {
    padding: 5rem 0 6rem;
  }

  .fac23839 {
    padding: 5rem 0 6rem;
  }

  .dc7 {
    padding: 5rem 0 6rem;
  }

  .m6c9 {
    padding: 5rem 0 6rem;
  }

  .j56e716f {
    padding: 5rem 0 6rem;
  }

  .o6e9f6d {
    padding: 5rem 0 6rem;
  }

  .l7d4db9 {
    gap: 2rem;
  }

  .d68 {
    gap: 2rem;
  }

  .kfe946 {
    gap: 2rem;
  }

  .dff {
    gap: 2rem;
  }

  .hd6211 {
    gap: 1.5rem;
  }
}

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

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

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

.p9b {
  max-width: 500px;
}

.p9b h3,
.p1fb27 h3,
.ob475 h3,
.ac151 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.dec01 li,
.e1a9e63 li {
  margin: 0;
  padding: 0;
}

.p1fb27 a,
.ac151 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: color var(--transition-fast);
  display: inline-block;
}

.p1fb27 a:hover,
.ac151 a:hover {
  color: var(--color-accent);
}

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

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

.o31 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

.g3f9 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0;
}

@media (min-width: 768px) {
  .da08a9b {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
    grid-template-areas:
      "about nav contact"
      "legal legal legal"
      "bottom bottom bottom";
  }

  .p9b {
    grid-area: about;
  }

  .p1fb27 {
    grid-area: nav;
  }

  .ob475 {
    grid-area: contact;
  }

  .ac151 {
    grid-area: legal;
  }

  .jf6e6890 {
    grid-area: bottom;
  }

  .dec01,
  .e1a9e63 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 2vw, 2.5rem);
  }

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

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

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

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

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

.ld79e4 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  overflow-x: hidden;
}

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

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

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

.mbf858 {
  font-size: clamp(2.5rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.od3 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

@media (min-width: 768px) {
  .lc14d {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }
}

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

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

.p1189 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

.bb7 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
}

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

.n8667b14 {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  transition: all 0.3s ease;
}

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

.g4bc {
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.g4bc i {
  color: var(--color-text-primary);
  font-size: 1.75rem;
}

.me1f23f {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: center;
}

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

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

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

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

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

.b063a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

.ld46d566 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
}

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

.c422 {
  background: var(--color-bg-card);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

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

.ce109bc {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

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

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

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

.f32 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

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

.n8180 i,
.kfd5 i,
.l56d i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.lcab {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: 0.875rem 1.75rem;
  border-radius: 8px;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  width: fit-content;
  margin-top: 0.5rem;
}

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

@media (min-width: 768px) {
  .i9f {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    grid-template-rows: auto auto;
  }

  .c422 {
    grid-column: 1 / -1;
    flex-direction: row;
  }

  .ce109bc {
    width: 50%;
    height: auto;
    aspect-ratio: 4/3;
  }

  .c644 {
    width: 50%;
    padding: clamp(2rem, 3vw, 2.5rem);
    justify-content: center;
  }
}

@media (min-width: 1024px) {
  .i9f {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

.o9187fb {
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

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

.g55b98 {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

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

.db55 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

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

.a3572 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

.aa4 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
}

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

.c62fb {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 24px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: default;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.c62fb:hover {
  background: var(--color-accent);
  color: var(--color-text-primary);
  border-color: var(--color-accent);
  transform: scale(1.05);
}

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

  .c422 {
    flex-direction: column;
  }

  .ce109bc {
    width: 100%;
    aspect-ratio: 16/9;
  }

  .c644 {
    width: 100%;
  }
}

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

  .d31720 {
    gap: 0.75rem;
  }
}

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

.kb45 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Source Sans 3', sans-serif;
  direction: rtl;
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

.ie60eb4 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.5rem;
  flex-wrap: wrap;
  margin-top: 1.5rem;
}

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

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

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

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

  .h97c,
  .h0908 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ie60eb4 {
    gap: 1rem;
  }
}

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

.f8d8e3a4 {
  display: flex;
  flex-direction: row-reverse;
  gap: 1.5rem;
  align-items: center;
}

.i7b234 {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.f50b {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .c79b,
  .pcac2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .ia4cf1,
  .i1e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.i348262 {
  background: var(--color-bg-tertiary);
  border-right: 4px solid var(--color-accent);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  margin-top: 1.5rem;
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  align-items: flex-start;
}

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

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

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

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

  .d5e,
  .m351 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i348262 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

  .maf8,
  .jceb1d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.p7822 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.5rem;
}

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

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

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

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

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

  .a34,
  .h0d26 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.hfbf {
  background: var(--color-bg-tertiary);
  border-right: 4px solid var(--color-accent);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  margin-top: 2rem;
}

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

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

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

.h35e {
  max-width: 800px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
}

.h2f574c5 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
}

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

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

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

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

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

.h0d {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition-base);
}

.h0d:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
}

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

.j860 {
  padding: 1.5rem;
}

.o47 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

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

.ffbea5 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

.m320ea {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  flex-wrap: wrap;
  align-items: center;
}

.m320ea a,
.m320ea span {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.iaeeeaf i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

  .o4e2,
  .nfac18e5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n53a254 {
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }
}

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

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

.g5fcd1 {
  flex-shrink: 0;
}

.a1523 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  display: block;
}

.c5b12a {
  flex: 1;
}

.fa5 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

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

.a8b86 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin: 0.25rem 0;
  font-weight: 500;
}

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

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

  .g5fcd1 {
    flex-shrink: 0;
  }

  .c5b12a {
    text-align: center;
  }
}

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

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

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

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

.k9b {
  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;
  font-weight: 700;
}

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

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

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

  .c03eb,
  .m231d891 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.le04c549 {
  text-align: center;
}

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

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

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

.d535503 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.d535503:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

.l500 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.a851ac {
  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;
  font-weight: 700;
}

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

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

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

.i66::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25em;
}

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

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

  .h377d57,
  .p16fc838 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.lbf5 {
  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;
  font-weight: 700;
}

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

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

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

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

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

.jb5c {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.jb5c i {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin-top: 0.25rem;
  flex-shrink: 0;
}

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

  .fe4506,
  .l0471 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.cb579 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  position: relative;
}

.cb579:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

.c17 {
  position: absolute;
  top: -20px;
  left: clamp(1rem, 3vw, 1.5rem);
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

.oac {
  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;
  font-weight: 700;
}

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

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

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

  .p660fc1,
  .ic73fe {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.b517 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-weight: 600;
}

.b517 i {
  color: var(--color-accent-light);
  font-size: clamp(0.875rem, 1vw, 1rem);
}

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

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

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

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

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

.g8cb371 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.g8cb371:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.15);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .ke521 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

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

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

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

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

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

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

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

.pdf9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
}

.pdf9 a {
  color: var(--color-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
}

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

.pdf9 span {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

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

.lb6f {
  font-family: var(--font-heading);
  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;
}

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

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

.k747c2e,
.m51541,
.ic4916a {
  color: var(--color-text-muted);
}

.nf60bd {
  color: var(--color-border-light);
}

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

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

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

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

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

.cab0 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

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

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

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

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

.p7a45 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

.a0f4 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

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

.f65436c {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.7;
}

.f65436c::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

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

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

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

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

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

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

.lfb18a {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

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

.fc8aa48 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.p03b7c {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

.g884e7 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.7;
}

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

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

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

.l93 {
  flex: 1;
}

.ja8106 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.b489 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.k6d {
  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, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

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

.jcb1 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.8vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

.j82a {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.c85b2 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.d9f5 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

.ee1 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

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

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

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

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

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

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

.ea1b {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
}

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

.m6379 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

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

.g0b {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

@media (max-width: 1024px) {
  .c0d8,
  .ba676,
  .j6c3,
  .j3f,
  .m4b28e {
    flex-direction: column;
  }

  .ia570d9,
  .fe99,
  .l42acb,
  .l0a6,
  .mebd,
  .jd12db,
  .eebc2,
  .j465fc79,
  .k5f,
  .g7f65 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m9f036c8 {
    flex-wrap: wrap;
  }

  .k6d {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
    min-width: 240px;
  }
}

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

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

  .k6d {
    flex: 1 1 100%;
  }

  .hd811 {
    gap: 1rem;
  }

  .d5fcdd {
    width: 35px;
    height: 35px;
    font-size: 0.95rem;
  }

  .pdf9 {
    gap: 0.25rem;
  }
}

@media (max-width: 640px) {
  .ae9 {
    flex-direction: column;
    gap: 0.5rem;
  }

  .nf60bd {
    display: none;
  }
}

* {
  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-secondary);
  line-height: 1.6;
}

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

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

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

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

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

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

.p75b118 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

.p75b118 span {
  color: var(--color-border);
}

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

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

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

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

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

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

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

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

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

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

  .c58c,
  .f6a {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.mde6 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

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

.jd1f a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

.cb2b11 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .e255,
  .e17cf243 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.p130 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-success);
}

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

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

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

  .a74,
  .gfcfe {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

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

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

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

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

.e22a9 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

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

  .i2c8,
  .f24c46aa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.l7b256 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  border-left: 3px solid var(--color-secondary);
}

.l7b256:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: var(--color-secondary);
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 0.5rem;
}

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

  .k30,
  .ebf01e6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.gc363 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
}

.gc363:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.1);
}

.mcb2e {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

.oc86a4 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-success);
}

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

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

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

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

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

  .hee,
  .h137e239 {
    flex: 1 1 100%;
    max-width: 100%;
    order: unset;
  }
}

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

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

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

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

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

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

.mf63fb3 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-primary);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  text-decoration: none;
  transition: var(--transition-base);
  text-align: center;
}

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

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

.o468 {
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
}

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

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

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

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

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

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

.j03127 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: var(--transition-base);
  border: 1px solid var(--color-border);
}

.j03127:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.1);
}

.d7363 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

.j03127:hover .d7363 img {
  transform: scale(1.05);
}

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

.m5710 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

@media (max-width: 768px) {
  .c3b4e006 {
    grid-template-columns: 1fr;
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

.p77 {
  font-family: 'Source Sans 3', sans-serif;
  direction: rtl;
  text-align: right;
}

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

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

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

.k8372468 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  text-align: center;
  max-width: 900px;
}

.i832f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.25rem);
  text-align: center;
  max-width: 750px;
}

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

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

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

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

.b311 {
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .o0535ea {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.d248 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-primary);
  flex: 1 1 calc(50% - 0.75rem);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.o79 {
  color: var(--color-secondary);
  font-size: 2rem;
}

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

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

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

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

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

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

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

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

.n1edb72 {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.75rem);
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

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

.bdc80615 {
  flex: 1;
}

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

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

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

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

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

.gb354 {
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

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

.f1421 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-top: 3px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.da239 {
  color: var(--color-secondary);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .d248 {
    flex: 1 1 100%;
  }
  
  .l3b9 {
    align-items: stretch;
  }
  
  .k8372468,
  .i832f,
  .kaa6,
  .iabd5c,
  .a914 {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .i6d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
  
  .c139f6,
  .d8a,
  .efc120,
  .f0af {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .l3b9 {
    gap: clamp(2rem, 4vw, 3rem);
  }
  
  .m4bc {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
  
  .o0535ea {
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.i670c86 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin: 0;
}

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

.efb22c9d {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.o71e {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

.a466f {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

.n5001 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.nb3abd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.nd539f1 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  height: 60px;
}

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

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

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

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

.ge5 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

.e773 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

.i48de6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

.e1131 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

  .ibbd4 {
    flex: 1 1 100%;
  }

  .efb22c9d {
    flex: 1 1 100%;
    min-height: 280px;
  }

  .e28e2f0b {
    gap: 1.5rem;
  }

  .j1aa6 {
    flex-direction: column;
    align-items: stretch;
  }

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

  .pb58 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .i48de6,
  .e1131 {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .j1aa6 {
    gap: 1.5rem;
  }

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

  .pb58 {
    gap: 1.5rem;
  }

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

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

  .nb3abd {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 300px;
  }

  .pb58 {
    gap: 2rem;
  }

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

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

.h9bb39 {
  width: 100%;
}

.db580 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

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

.a97eb7 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.k56 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.d4d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.j89 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-top: var(--spacing-lg);
}

.g2c6 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.jd1 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.eddb {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1.5vw, 0.85rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
}

.d46632 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.ddcced {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.8vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.lb5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.b0c80 {
  font-family: var(--font-heading);
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ic1a02ad {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.g121c8 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.g121c8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

@media (min-width: 640px) {
  .db580 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

  .j89 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .db580 {
    padding: var(--spacing-4xl) 0;
  }

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

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

  .j89 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .j441 {
    height: 260px;
  }

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

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

.le3fb {
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.fec4d {
  background-color: var(--color-primary);
  padding: 4rem 1rem;
  text-align: center;
  overflow: hidden;
}

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

.ie4ff3c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-on-accent);
  margin: 0 0 1rem 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.b8b219 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  opacity: 0.95;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .fec4d {
    padding: 5rem 2rem;
  }
}

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

.e774a937 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.h070 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .h070 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
  
  .e774a937 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .h070 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
  
  .e774a937 {
    padding: 5rem 2rem;
  }
}

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

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

.i3cadd49 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.o1e823 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

.d27a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.hc592 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  text-align: center;
  overflow: hidden;
}

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

.b9aed8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.k7ee01c5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.p3926ad {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.85rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

@media (min-width: 768px) {
  .hc592 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .hc592 {
    padding: 5rem 2rem;
  }
}

.a12464 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.e76f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  font-weight: 700;
}

.ec94 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ec94 {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-2xl);
  }
  
  .a12464 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .a12464 {
    padding: 5rem 2rem;
  }
}

.i5e198d {
  text-align: center;
}

.l6ae {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background-color: var(--color-accent-light);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  font-size: 1.85rem;
  color: var(--color-accent);
}

.i61 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

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

.g12 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  padding: var(--spacing-md);
}

.g12 .o94ce0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.g12 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-lg);
  margin-top: var(--spacing-xl);
  font-weight: 700;
  line-height: 1.3;
}

.g12 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-md);
  margin-top: var(--spacing-xl);
  font-weight: 600;
  line-height: 1.4;
}

.g12 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.g12 .h4d19 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.g12 .a79ffb {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.g12 .a79ffb:last-child {
  border-bottom: none;
}

.g12 .ia0e {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-md);
  margin-top: var(--spacing-lg);
  font-weight: 600;
}

.g12 .g544b2bb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-xl);
}

.g12 .g544b2bb p {
  margin-bottom: 0;
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

.g12 .pdce {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-xl);
}

.g12 .pdce h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

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

.g12 .leab5a p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.g12 .dfccd1 {
  font-weight: 600;
  color: var(--color-text-primary);
}

.g12 .h926a {
  margin-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

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

@media (min-width: 768px) {
  .g12 {
    padding: var(--spacing-lg);
  }

  .g12 .o94ce0 {
    padding: 0 var(--spacing-xl);
  }

  .g12 h1 {
    margin-top: var(--spacing-2xl);
    margin-bottom: var(--spacing-xl);
  }

  .g12 .a79ffb {
    padding-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .g12 {
    padding: var(--spacing-xl);
  }

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

  .g12 h1 {
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-xl);
  }

  .g12 .a79ffb {
    padding-bottom: var(--spacing-3xl);
  }
}

* {
  box-sizing: border-box;
}

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

.l0c {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b61f1 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.o94ce0 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.i40c4 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-2xl);
  padding: var(--spacing-2xl) var(--spacing-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
}

.c6007 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-xl);
  color: var(--color-success);
}

.c6007 svg {
  width: 80px;
  height: 80px;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.ed6 {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.h9ccd39 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
}

.j1d7 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
}

.m86a85 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

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

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

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

@media (min-width: 640px) {
  .b61f1 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  .c6007 svg {
    width: 100px;
    height: 100px;
  }

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

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

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

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

@media (min-width: 768px) {
  .b61f1 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .c6007 svg {
    width: 120px;
    height: 120px;
  }

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

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

  .ed6 {
    margin-bottom: var(--spacing-xl);
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  }

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

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

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

@media (min-width: 1024px) {
  .b61f1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .m86a85:hover {
    transform: translateY(-3px);
  }
}

* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.h4fdc3fc {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  padding: var(--spacing-md);
}

.p06cc32 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.n1d5 {
  margin-bottom: var(--spacing-2xl);
  animation: float 3s ease-in-out infinite;
}

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

.f0505 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-family: var(--font-heading);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  line-height: 1;
  letter-spacing: -0.05em;
}

.i9f24 {
  position: absolute;
  bottom: -30px;
  right: -40px;
  width: 120px;
  height: 120px;
  color: var(--color-secondary);
  opacity: 0.8;
  animation: bounce 2s ease-in-out infinite;
}

.i9f24 svg {
  width: 100%;
  height: 100%;
  display: block;
}

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

.naf {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.l7e2b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  font-family: var(--font-primary);
  font-weight: 500;
}

.k4888 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-xl) 0;
  font-family: var(--font-primary);
}

.of4 {
  background-color: var(--color-bg-secondary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin: var(--spacing-xl) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  animation: slideIn 0.6s ease-out;
}

.dd2fccfd {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  display: block;
}

.of4 p {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-primary);
  font-weight: 500;
}

.m86a85 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin-top: var(--spacing-lg);
}

.l061f4c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.l061f4c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: scale(1) translateY(0);
  }
  50% {
    transform: scale(1.05) translateY(-10px);
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 480px) {
  .h4fdc3fc {
    padding: var(--spacing-lg);
  }

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

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

  .of4 {
    padding: var(--spacing-xl) var(--spacing-lg);
    flex-direction: column;
    gap: var(--spacing-sm);
  }
}

@media (min-width: 768px) {
  .h4fdc3fc {
    padding: var(--spacing-xl);
  }

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

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

  .of4 {
    padding: var(--spacing-xl) var(--spacing-2xl);
    flex-direction: row;
    gap: var(--spacing-md);
    justify-content: center;
  }

  .of4 p {
    text-align: left;
  }
}

@media (min-width: 1024px) {
  .h4fdc3fc {
    padding: var(--spacing-2xl);
  }

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

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

  .m86a85 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    min-height: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .n1d5,
  .i9f24,
  .of4,
  .l061f4c {
    animation: none;
  }

  .l061f4c:hover {
    transform: none;
  }
}

.ae7c6d {
  background-color: var(--color-bg-primary);
  width: 100%;
  overflow: hidden;
}

.def8bcc8 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.i4b {
  text-align: center;
}

.ea24ced0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.02em;
}

.p6d852a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .def8bcc8 {
    padding: 4.5rem 0;
  }
}

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

.o992af9 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .o992af9 {
    padding: 4.5rem 0;
  }
}

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

.b20e {
  width: 100%;
}

.f74d7a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  width: 100%;
}

@media (min-width: 768px) {
  .f74d7a {
    flex-direction: row;
    gap: var(--spacing-3xl);
  }
}

.fa3d {
  flex: 1 1 400px;
  width: 100%;
}

.bd4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.c3851 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.fbdc369 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.ofa862d {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.m3e0ad4a,
.c341989 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  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);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.m3e0ad4a:focus,
.c341989:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.c341989 {
  resize: vertical;
  min-height: 140px;
}

.f74d {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.k32bf34 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ob272 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.d002 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  letter-spacing: 0.3px;
}

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

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

.d002:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.mefd1aba {
  flex: 1 1 400px;
  width: 100%;
}

.b516 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.01em;
}

.fc84032 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.pd6 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.kb72 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  margin-top: 2px;
}

.h788 {
  flex: 1;
}

.ke3184 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.mf0d5f7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.h40 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-xl);
}

.j9a74 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1vw + 0.4rem, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

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

.lc3d {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 1px solid var(--color-border-light);
}

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

.oc20d28b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.g6d4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  text-align: left;
}

.bf674b {
  padding: var(--spacing-lg);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  text-align: center;
}

.a65 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.n82017 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  font-weight: 600;
  padding: 0.875rem 1.75rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  letter-spacing: 0.3px;
}

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

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

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

  .fa3d,
  .mefd1aba {
    flex: 1 1 100%;
  }
}

@media (min-width: 1440px) {
  .f74d7a {
    gap: var(--spacing-4xl);
  }
}
.p246,.k132820{
  width: 34px;
}

/* FIX:nav .aaa */
.aaa{
  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;
}

.d70e{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .d70e{
    max-width: 100%;
  }
}

/* FIX:zindex .d70e.a7c4 */
.d70e.a7c4{
  z-index: 999;
}

/* FIX:navpad .l32 */
.l32{
  padding-top: 50px;
}

/* FIX:toggle-expand .p246 */
.p246[aria-expanded="true"]{
  display: none;
}