@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #eff6ff;
  --color-bg-tertiary: #dbeafe;
  --color-bg-card: #ffffff;

  --color-text-primary: #172554;
  --color-text-secondary: #1e3a5f;
  --color-text-muted: #506c8b;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #eff6ff;
  --color-primary-lighter: #dbeafe;
  
  --color-secondary: #3b82f6;
  --color-secondary-light: #bfdbfe;
  --color-secondary-lighter: #dbeafe;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #bfdbfe;
  --color-border-light: #dbeafe;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;

  --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(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.1), 0 4px 6px -2px rgba(15, 23, 42, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 10px 10px -5px rgba(15, 23, 42, 0.04);

  --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: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.01em;
}

h4 {
  font-size: 1.5rem;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

p {
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--color-primary-hover);
}

button {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-base);
}

.kddbf {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.fa443ed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
}

.ab1af {
  background: var(--color-primary);
  color: white;
}

.ab1af:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.p0a0741c {
  background: var(--color-secondary-light);
  color: var(--color-primary);
}

.p0a0741c:hover {
  background: var(--color-secondary);
  color: white;
}

.na1c {
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

.na1c:hover {
  background: var(--color-primary-light);
}

.m12e66 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 0.875rem;
}

.h2d05 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.125rem;
}

.dbbf41 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-xl);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.dbbf41:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
}

.cc6a2e0 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.kd0ade02 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

.odd6af {
  background: var(--color-success-light);
  color: var(--color-success);
}

.f3e {
  background: var(--color-warning-light);
  color: var(--color-warning);
}

.e4c1 {
  background: var(--color-danger-light);
  color: var(--color-danger);
}

.j44b {
  width: 100%;
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  transition: all var(--transition-fast);
}

.j44b:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.j44b::placeholder {
  color: var(--color-text-muted);
}

.mfe {
  padding: var(--spacing-3xl) 0;
}

.b7c6 {
  padding: var(--spacing-2xl) 0;
}

.c9b {
  padding: var(--spacing-3xl) 0;
}

.ead {
  text-align: center;
}

.ocd987 {
  text-align: right;
}

.k66c7662 {
  text-align: left;
}

.na59e {
  color: var(--color-text-muted);
}

.a117ab {
  color: var(--color-success);
}

.e559cc {
  color: var(--color-warning);
}

.i82e94 {
  color: var(--color-danger);
}

.oda3bb4d {
  display: flex;
}

.fc58cd {
  flex-direction: column;
}

.a6844915 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.o3ab73 {
  gap: var(--spacing-sm);
}

.a2d5f {
  gap: var(--spacing-md);
}

.o1e {
  gap: var(--spacing-lg);
}

.mdba {
  gap: var(--spacing-xl);
}

.m00 {
  display: grid;
  gap: var(--spacing-lg);
}

.nba {
  grid-template-columns: repeat(2, 1fr);
}

.k12cc063 {
  grid-template-columns: repeat(3, 1fr);
}

.m31 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {
  h1 {
    font-size: 2.25rem;
  }

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .nba,
  .k12cc063,
  .m31 {
    grid-template-columns: 1fr;
  }

  .kddbf {
    padding: 0 var(--spacing-md);
  }

  .mfe {
    padding: var(--spacing-2xl) 0;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .fa443ed {
    width: 100%;
  }
}
.e03775a7 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

.ebcd462a {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 3vw, 2rem);
  height: auto;
  min-height: 70px;
}

.dc6977 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.dc6977:hover {
  opacity: 0.85;
}

.a05 {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
}

.kc96c2 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.e809118 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  flex-grow: 1;
  justify-content: center;
  margin: 0 1rem;
}

.a60c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

.a60c:hover {
  color: var(--color-accent);
}

.jae7 {
  display: none;
  padding: 0.75rem 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-radius: var(--radius-md);
  text-decoration: none;
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

.jae7:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.oe377d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.ne8fc5c {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
}

.oe377d:hover .ne8fc5c {
  background: var(--color-accent);
}

.gaa69 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  box-shadow: var(--shadow-lg);
  z-index: 99;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: opacity var(--transition-base), visibility var(--transition-base), transform var(--transition-base);
  border-left: 1px solid var(--color-border-light);
  overflow-y: auto;
}

.gaa69.lae6c {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.b44d4a34 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

.m2ffa55 {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

.a809 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

.a809:hover {
  color: var(--color-accent);
}

.a809 i {
  font-size: 1.25rem;
}

.a8801 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex-grow: 1;
}

.a2c8f {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.a2c8f:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-right: 2rem;
}

.ga3bc {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
  display: block;
  flex-shrink: 0;
}

.ga3bc:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .e809118 {
    display: flex;
  }

  .jae7 {
    display: block;
  }

  .oe377d {
    display: none;
  }

  .gaa69 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .kc96c2 {
    font-size: 1.5rem;
  }

  .a60c {
    font-size: 1rem;
  }

  .jae7 {
    font-size: 1rem;
    padding: 0.85rem 1.75rem;
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

    .bccefda9 {
  width: 100%;
}

.f05c6 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
}

.kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.m639d2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.p76f {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
}

.e90 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e074ffbd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pb07a2fb {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex-wrap: wrap;
}

.fa443ed {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ae1afd {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.ae1afd:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.lbb7a {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

.lbb7a:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  transform: translateY(-2px);
}

.m41ad3a9 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l641 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

.g6530 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.eaff274 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
}

.lbe3 {
  text-align: center;
}

.l571a9fe {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h5c89c17 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d2100 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.hfc7b {
  flex: 2 1 300px;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

.hfc7b:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.n9b6e {
  flex: 1 1 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

.n9b6e:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.n27373 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.c0ecab0c {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b01ee9 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j6f {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.i2a9121e {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
}

.p1a {
  text-align: center;
}

.ice {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g077c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mf47 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: flex-start;
}

.eb7d6,
.k01f3a86 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.gb4 {
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

.gb4:hover {
  box-shadow: var(--shadow-md);
  transform: translateX(4px);
}

.e0f3cd {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ddf281 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e2a35 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.h2b7 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
}

.g950e500 {
  text-align: center;
}

.g5cc {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fd8de1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bbbde7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.m83f {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
}

.m83f:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.kb42 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.fa2 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b487b455 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n1a258 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.jab1 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
}

.c2b4 {
  text-align: center;
}

.n94 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n0287c1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nb783ac {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.d863a1 {
  width: clamp(120px, 20vw, 160px);
  height: clamp(120px, 20vw, 160px);
  background: var(--color-bg-card);
  border: 3px solid var(--color-accent);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  gap: clamp(0.5rem, 1vw, 1rem);
  box-shadow: var(--shadow-md);
}

.ce413f3 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
}

.d05cb8 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.db97b3 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a8dd34 {
  width: clamp(30px, 5vw, 60px);
  height: 3px;
  background: var(--color-accent);
  flex-shrink: 0;
}

.d14 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l53a8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
}

.n5cc1b73 {
  text-align: center;
}

.m7fe23 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cfd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j15842c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.l94f {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.m9b48 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
  margin: 0;
}

.b0c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p7a4 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a34a {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e44 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 4rem);
}

.ed861b {
  text-align: center;
}

.pf88ee06 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o66032d {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d3f82006 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.ff07d2d {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

.ff07d2d:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.la44cd8 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.jb6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.ff07d2d:hover .jb6 {
  transform: scale(1.05);
}

.hc9 {
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.b95b336 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n54 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.af478f {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

.af478f:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.o1daa {
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

.n596 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ocebdb {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  align-items: center;
}

.o2fe3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kf69c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j6e18 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.b9302a0 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.b9302a0.je36 {
  display: none;
}

.ie8 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.5;
  max-width: 500px;
}

.c33 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-shrink: 0;
}

.jcf,
.jf8 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.jcf {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
}

.jcf:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.jf8 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.jf8:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 768px) {
  .m639d2 {
    flex-direction: column;
  }

  .p76f,
  .m41ad3a9 {
    flex: 1 1 100%;
  }

  .l641 {
    max-height: 350px;
  }

  .mf47 {
    flex-direction: column;
  }

  .eb7d6,
  .k01f3a86 {
    flex: 1 1 100%;
  }

  .nb783ac {
    flex-direction: column;
  }

  .a8dd34 {
    width: 3px;
    height: 30px;
  }

  .j6e18 {
    flex-direction: column;
    width: 100%;
  }

  .fa443ed {
    width: 100%;
    text-align: center;
  }

  .b9302a0 {
    flex-direction: column;
    padding: clamp(1rem, 3vw, 1.5rem);
  }

  .c33 {
    width: 100%;
    flex-direction: column;
  }

  .jcf,
  .jf8 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .pb07a2fb {
    flex-direction: column;
  }

  .d2100 {
    flex-direction: column;
  }

  .hfc7b,
  .n9b6e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bbbde7 {
    flex-direction: column;
  }

  .m83f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .j15842c {
    flex-direction: column;
  }

  .l94f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .d3f82006 {
    flex-direction: column;
  }

  .ff07d2d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

    .i7488e {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  color: var(--color-text-secondary);
  overflow: hidden;
}

.i7488e .kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.cd32 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.od3 {
  display: block;
}

.od3 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

.od3 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 500px;
}

.o7740,
.nff37 {
  display: block;
}

.o7740 h3,
.nff37 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

.jdcdf96c,
.jd3db9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

.jdcdf96c li,
.jd3db9 li {
  display: block;
}

.o7740 a,
.nff37 a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-fast);
  display: inline-block;
}

.o7740 a:hover,
.nff37 a:hover {
  color: var(--color-accent);
}

.d4c {
  display: block;
}

.d4c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

.d4c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.8;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d4c p:last-child {
  margin-bottom: 0;
}

.k422 {
  display: block;
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
}

.d6d0ce {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  font-weight: 500;
}

.kdd {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  font-style: italic;
}

@media (min-width: 768px) {
  .cd32 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .od3 {
    grid-column: 1 / -1;
  }

  .k422 {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .cd32 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .od3 {
    grid-column: 1 / 2;
  }

  .o7740 {
    grid-column: 2 / 3;
  }

  .d4c {
    grid-column: 3 / 4;
  }

  .nff37 {
    grid-column: 4 / 5;
  }

  .k422 {
    grid-column: 1 / -1;
  }
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
    

.g455e03 {
  width: 100%;
  overflow: hidden;
}

.l783e4 {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);
  overflow: hidden;
  padding: clamp(3rem, 8vw, 6rem) 0;
}

.b06287 {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.l783e4 .kddbf {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.a5c {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 2rem);
}

.p5719 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gfe {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: #e0e7ff;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e930 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e930 .kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.idaf89 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.p2b9 {
  text-align: center;
}

.pdbd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ma50 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c47548a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.f3fa6dc4 {
  flex: 1 1 clamp(280px, 100%, 380px);
  display: flex;
  flex-direction: column;
}

.be1230 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  transition: all 0.3s ease;
  flex: 1;
}

.f3fa6dc4:hover .be1230 {
  box-shadow: 0 10px 30px rgba(37, 99, 235, 0.1);
  transform: translateY(-4px);
  border-color: var(--color-accent-light);
}

.k5ab {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.g0887 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  flex-grow: 1;
}

.ja7 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.5rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

.nff2d {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 0.9vw + 0.4rem, 0.875rem);
  color: var(--color-text-muted);
}

.nff2d i {
  color: var(--color-accent);
}

.ga6d8 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  width: fit-content;
}

.ga6d8:hover {
  background: var(--color-accent-hover);
  transform: translateX(4px);
}

.ja6d {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.ja6d .kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  display: block;
}

.p65a {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.n17cd55 {
  text-align: center;
}

.j73068 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o7b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pc98 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
}

.ha2aaa {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  overflow: hidden;
}

.l5eeff3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  border: none;
  width: 100%;
  text-align: right;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ha2aaa:hover .l5eeff3 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
}

.l5eeff3::after {
  content: '';
  width: 24px;
  height: 24px;
  margin-right: 1rem;
  background: var(--color-accent);
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.ha2aaa[open] .l5eeff3::after {
  transform: rotate(180deg);
}

.ge9c {
  padding: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border-light);
  background: var(--color-bg-primary);
}

.ge9c p {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 767px) {
  .f3fa6dc4 {
    flex: 1 1 100%;
  }

  .c47548a {
    flex-direction: column;
  }

  .pc98 {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .c47548a {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

  .f3fa6dc4 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
  }
}

@media (min-width: 1024px) {
  .f3fa6dc4 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: 380px;
  }

  .c47548a {
    gap: clamp(1.5rem, 2vw, 2rem);
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Inter', sans-serif;
  line-height: 1.6;
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

.f47d3 {
  width: 100%;
  overflow: hidden;
}

.ke5f170 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.mc42989 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.mc42989 a {
  color: var(--color-accent);
  transition: all 0.3s ease;
}

.mc42989 a:hover {
  color: var(--color-accent-hover);
}

.mc42989 span {
  color: var(--color-text-muted);
}

.k6834 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.de4 {
  flex: 1 1 50%;
  max-width: 50%;
}

.c758435 {
  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;
}

.d885fb3f {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.6;
}

.l15e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

.f4f99 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.f4f99 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

.fe86d {
  flex: 1 1 50%;
  max-width: 50%;
}

.p1a1 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

@media (max-width: 768px) {
  .k6834 {
    flex-direction: column;
  }

  .de4,
  .fe86d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p1a1 {
    max-height: 300px;
  }
}

.n6a0f {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.b8a6b0b {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.l3e08d {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.kd1c {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.h81e {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.o54013 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.p26b {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08);
}

.neb {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.n1f7b3 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.n1f7b3 li {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

.n1f7b3 li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.l2d {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.f805aa {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.kbbc4bb {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.df3f1d,
.c13714e {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.c13714e {
  flex-direction: row-reverse;
}

.cae8b77 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.i711b {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

.cae8b77 p {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.j8126 {
  flex: 1 1 50%;
  max-width: 50%;
}

.o5f {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  display: block;
}

.h58 {
  background: rgba(37, 99, 235, 0.08);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border-left: 3px solid var(--color-accent);
}

.je81d4 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.je81d4 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

@media (max-width: 768px) {
  .df3f1d,
  .c13714e {
    flex-direction: column;
  }

  .cae8b77,
  .j8126 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o5f {
    max-height: 300px;
  }
}

.h722a984 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.b55d23 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border-left: 4px solid var(--color-secondary);
}

.ia4c {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-secondary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.b5a822 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.k8b {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.d4a095 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .b55d23 {
    flex-direction: column;
    gap: 1rem;
  }

  .ia4c {
    margin-top: 0;
  }
}

.g44bbd {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.mf8 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.ocbba {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

.e0d4 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
}

.cf4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.nfdfa {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border-top: 3px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(23, 37, 84, 0.06);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.c81592ff {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  font-weight: 700;
  color: var(--color-accent);
}

.ge7e3 {
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.j13c886 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.j13c886 li {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.5;
}

.j13c886 li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

@media (max-width: 1024px) {
  .nfdfa {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
  }
}

@media (max-width: 768px) {
  .cf4 {
    flex-direction: column;
  }

  .nfdfa {
    flex: 1 1 100%;
  }
}

.l6c {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.md00 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  box-shadow: 0 2px 8px rgba(23, 37, 84, 0.06);
}

.fd476 {
  flex-shrink: 0;
}

.m39b5767 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

.k1c9 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.cabea5ad {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

.e26e {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

.e26e:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.md1a2 {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

.n0af5 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .md00 {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
  }

  .m39b5767 {
    width: 100px;
    height: 100px;
  }
}

.d9eb727 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.b14cafb {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
  margin: 0 auto;
}

.o1dd {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

.b8376e60 {
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
}

.j91 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.o48 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.875rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

.o48:hover {
  background: var(--color-accent-hover);
  color: var(--color-text-on-accent);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

.l4a371b {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
}

.j1571ea {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.j1423 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
}

.c3666aa {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
}

.m0fd5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.c60 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(23, 37, 84, 0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.c60:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.15);
}

.o148902 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.f8edf6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease;
}

.c60:hover .f8edf6 {
  transform: scale(1.05);
}

.jd0892a {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.n86cb3f {
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  margin: 0;
}

.h90d {
  color: var(--color-accent);
  text-decoration: none;
  transition: all 0.3s ease;
}

.h90d:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.m02 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 1024px) {
  .c60 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

@media (max-width: 768px) {
  .m0fd5 {
    flex-direction: column;
  }

  .c60 {
    flex: 1 1 100%;
  }

  .o148902 {
    height: 180px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

h1, h2, h3, h4, h5, h6, p {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.b221 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.a95 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.a95 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.a95 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.a95 span {
  color: var(--color-text-secondary);
}

.n42 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
}

.n3c22 {
  width: 100%;
  text-align: center;
}

.jb5863 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.mb8e9 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.cf5 {
  display: inline-block;
}

.cfb16da0 {
  color: var(--color-border);
}

.ja6782e {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border-radius: var(--radius-full);
  font-weight: 500;
}

.pd101 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

.hba0d {
  width: 100%;
  max-width: 900px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.e406e {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .e406e {
    max-height: 300px;
  }
}

.l4feae9c {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g8b53 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.d3013 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ae3e90 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.e8d731 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.l2e3 {
  flex: 1 1 50%;
  max-width: 50%;
}

.l2e3 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  display: block;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .g8b53 {
    flex-direction: column;
  }

  .d3013,
  .l2e3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ic00c031 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.l05 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.ed00a6 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ed00a6 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  display: block;
  box-shadow: var(--shadow-md);
}

.kd9d {
  flex: 1 1 50%;
  max-width: 50%;
}

.f2fba4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bd849611 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

@media (max-width: 768px) {
  .l05 {
    flex-direction: column-reverse;
  }

  .ed00a6,
  .kd9d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.c74e259 {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.e7e60 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.o4df628 {
  flex: 1 1 50%;
  max-width: 50%;
}

.g020f46 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.n8129a82 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.i83d194 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.h524 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.p3c47 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  line-height: 1.6;
}

.ld8db98 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ld8db98 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  display: block;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .e7e60 {
    flex-direction: column;
  }

  .o4df628,
  .ld8db98 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.lb1 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.deb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.e3a {
  flex: 1 1 50%;
  max-width: 50%;
}

.e3a img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-xl);
  display: block;
  box-shadow: var(--shadow-md);
}

.kada22 {
  flex: 1 1 50%;
  max-width: 50%;
}

.b8b {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.j9d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.b02161 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  list-style: none;
  padding: 0;
}

.o73dd8fb {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: 1.6;
  padding-right: 1.5rem;
  position: relative;
  padding-left: 1.75rem;
}

.o73dd8fb::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
}

@media (max-width: 768px) {
  .deb {
    flex-direction: column-reverse;
  }

  .e3a,
  .kada22 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.c37a5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.gf2c926 {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.i69 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.kf59 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.l5775d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.n3828 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.n3828:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.db84d4 {
  font-size: 2rem;
  color: var(--color-accent);
}

.a3ca5 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0;
}

.p81ce {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  line-height: 1.6;
}

@media (max-width: 1024px) {
  .n3828 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

@media (max-width: 768px) {
  .n3828 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.oe15c {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

.k61bc436 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border-light);
}

.iceb {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  display: block;
}

.pa7b08f {
  flex: 1;
}

.b12449 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0 0 0.25rem 0;
}

.l7442a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.l7442a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.p82ca {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  margin: 0 0 0.75rem 0;
}

.da65 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .k61bc436 {
    flex-direction: column;
    text-align: center;
  }

  .iceb {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
}

.pb2cc694 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.lbc812a {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
}

.p5422 {
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  color: var(--color-accent);
  min-width: 40px;
  margin-top: 0.25rem;
}

.i8db9ef {
  flex: 1;
}

.g0a {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.od14f {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 768px) {
  .lbc812a {
    flex-direction: column;
  }

  .p5422 {
    min-width: auto;
  }
}

.l830 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.k8d {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.b810 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.k76bb4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.fa6 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.fa6:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
}

.cdfb2 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.o696e {
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.a5732a8f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.c422c8 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.b3bff {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.l9cd {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.l9cd:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.j186 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

.bb3723d1 {
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}

.nb4a6 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.k5fcbc61 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  line-height: 1.6;
  margin: 0;
  flex: 1;
}

.j6e543 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1.25vw, 0.9375rem);
  font-weight: 600;
  transition: color var(--transition-fast);
  align-self: flex-start;
}

.j6e543:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

@media (max-width: 1024px) {
  .l9cd {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

@media (max-width: 768px) {
  .l9cd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .n42 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .a95 {
    font-size: 0.8125rem;
  }

  .n3828 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

* {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .pb77ee1 {
    width: 100%;
    overflow: hidden;
  }

  .g736c {
    background: var(--color-bg-primary);
    padding: clamp(2rem, 6vw, 4rem) 0;
    overflow: hidden;
  }

  .e833f3 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: stretch;
  }

  .gcd {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    flex-wrap: wrap;
  }

  .gcd a,
  .gcd span {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
    text-decoration: none;
  }

  .gcd a:hover {
    color: var(--color-accent);
    text-decoration: underline;
    transition: all 0.3s ease;
  }

  .gcd span {
    color: var(--color-text-muted);
  }

  .d4e3fc68 {
    font-size: clamp(2rem, 6vw, 3.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.2;
    margin: 0;
  }

  .hb3 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
    margin: clamp(1rem, 2vw, 1.5rem) 0;
  }

  .oa91 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
  }

  .oa91 i {
    color: var(--color-accent);
    font-size: 1.1em;
  }

  .h97dc9f {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    max-width: 600px;
  }

  .df6bb6a9 {
    width: 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
  }

  .df6bb6a9 img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    display: block;
  }

  @media (min-width: 768px) {
    .e833f3 {
      flex-direction: row;
      align-items: center;
    }

    .g1694bec {
      flex: 1 1 55%;
    }

    .df6bb6a9 {
      flex: 1 1 45%;
      max-width: 45%;
    }
  }

  .ee57c9 {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .m89411fd {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .bec7 {
    font-size: clamp(1.5rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  }

  .b5e19e {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  }

  .b5e19e:last-child {
    margin-bottom: 0;
  }

  .kf3bf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 2rem);
    justify-content: center;
  }

  .jf8a554 {
    flex: 1 1 calc(50% - clamp(0.5rem, 1.5vw, 1rem));
    min-width: 150px;
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    text-align: center;
    box-shadow: var(--shadow-sm);
  }

  .dc29a34c {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: var(--color-accent);
    margin: 0 0 0.5rem 0;
  }

  .lbb {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.5;
  }

  @media (min-width: 1024px) {
    .jf8a554 {
      flex: 1 1 calc(25% - 1.5rem);
    }
  }

  .j4ec9,
  .i89650,
  .fc9 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .j4ec9 {
    background: var(--color-bg-primary);
  }

  .i89650 {
    background: var(--color-bg-secondary);
  }

  .fc9 {
    background: var(--color-bg-tertiary);
  }

  .p77,
  .m41 {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: stretch;
  }

  @media (min-width: 768px) {
    .p77 {
      flex-direction: row;
      align-items: center;
    }

    .m41 {
      flex-direction: row-reverse;
      align-items: center;
    }
  }

  .d67c {
    flex: 1 1 100%;
  }

  @media (min-width: 768px) {
    .d67c {
      flex: 1 1 50%;
      max-width: 50%;
    }
  }

  .a15b37 {
    flex: 1 1 100%;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
  }

  @media (min-width: 768px) {
    .a15b37 {
      flex: 1 1 50%;
      max-width: 50%;
    }
  }

  .a15b37 img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: var(--radius-lg);
  }

  .hf610f62 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  }

  .o87fc969 {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  }

  .ifc286 {
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-accent);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .e883 {
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0 0 1rem 0;
  }

  .eab8 {
    font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0 0 1rem 0;
    padding-left: 1rem;
  }

  .eab8:last-child {
    margin-bottom: 0;
  }

  .eab8 strong {
    color: var(--color-text-primary);
    font-weight: 600;
  }

  .o988ab9 {
    background: var(--color-primary-light);
    border-left: 4px solid var(--color-accent);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .pf965 {
    font-size: clamp(0.9375rem, 1.1vw, 1.0625rem);
    color: var(--color-text-primary);
    line-height: 1.6;
    margin: 0;
  }

  .d4c05c {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: clamp(1.5rem, 3vw, 2rem) 0;
  }

  .m181 {
    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-top: 3px solid var(--color-accent);
  }

  .k76b79 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 600;
    color: var(--color-accent);
  }

  .n0171f1b {
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
  }

  .l09 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .id09f {
    display: flex;
    flex-direction: column;
  }

  .cbbee {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-accent);
  }

  @media (max-width: 767px) {
    .cbbee {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
  }

  .l872 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
  }

  .m98 {
    flex: 1;
  }

  .e5c98d {
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 0.25rem 0;
  }

  .e5c98d a {
    color: var(--color-text-primary);
    text-decoration: none;
  }

  .e5c98d a:hover {
    color: var(--color-accent);
    text-decoration: underline;
    transition: all 0.3s ease;
  }

  .ha974e {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-accent);
    font-weight: 600;
    margin: 0 0 0.75rem 0;
  }

  .k31a9 {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
  }

  .nf9 {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 6vw, 4rem) 0;
    overflow: hidden;
  }

  .mef2 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .kc7 {
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
  }

  .kc7 i {
    font-size: 1.5rem;
    color: var(--color-accent);
    flex-shrink: 0;
  }

  .hae0 {
    font-size: clamp(1.125rem, 2vw, 1.25rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
  }

  .e3522 {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin: 0;
  }

  .l0ed411 {
    background: var(--color-bg-primary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .df86e {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .o116 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
  }

  .n6e98c00 {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin: 0;
  }

  .l54a {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

  .j2bddf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    text-decoration: none;
    border-radius: var(--radius-md);
    font-size: clamp(0.9375rem, 1.1vw, 1rem);
    font-weight: 600;
    transition: all 0.3s ease;
  }

  .j2bddf:hover {
    background: var(--color-accent-hover);
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
  }

  .j0cd0b {
    background: var(--color-bg-secondary);
    padding: clamp(3rem, 8vw, 5rem) 0;
    overflow: hidden;
  }

  .ofeace {
    display: flex;
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .fe0cd69 {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    text-align: center;
  }

  .n2c {
    font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .fbcd65 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }

  .h528d01c {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.33rem));
    min-width: 250px;
    background: var(--color-bg-primary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
  }

  .h528d01c:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
  }

  @media (max-width: 1023px) {
    .h528d01c {
      flex: 1 1 calc(50% - 0.75rem);
      min-width: 200px;
    }
  }

  @media (max-width: 767px) {
    .h528d01c {
      flex: 1 1 100%;
    }
  }

  .a247d51 {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
    display: block;
  }

  .n37e6 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    flex: 1;
  }

  .f29 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.4;
  }

  .k413e17c {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    flex: 1;
  }

  .kddbf {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 4vw, 2rem);
    display: block;
  }

  @media (min-width: 1440px) {
    .kddbf {
      padding: 0 2rem;
    }
  }

* {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g0b24 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.ba9f5a01 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

.j13 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

.j13 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
}

.j13 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.j13 span {
  color: var(--color-text-muted);
}

.h83 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.fc9289e {
  flex: 1 1 50%;
  max-width: 50%;
}

.kc8 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.pe356f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.pad {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

.pad i {
  color: var(--color-accent);
}

.kd6 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  margin: 0;
}

.cf43bb57 {
  flex: 1 1 50%;
  max-width: 50%;
}

.cf43bb57 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

.l0d {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c56b77a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.lea1 {
  flex: 1 1 60%;
  max-width: 60%;
}

.l35d3 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.f1b2331 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.pbc004 {
  flex: 1 1 40%;
  max-width: 40%;
}

.n307 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.p58e2334 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}

.k42754d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.k42754d li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

.k42754d li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.bb38d154 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.nced2 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.a7a2 {
  flex: 1 1 50%;
  max-width: 50%;
}

.a047 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.ka426 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.d705 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.i62a18 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.p1b322c {
  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: clamp(1rem, 2vw, 1.25rem);
  flex-shrink: 0;
}

.i62a18 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.c43a1ac {
  flex: 1 1 50%;
  max-width: 50%;
}

.c43a1ac img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

.hff6 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.odca87 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.n11b9ab1 {
  flex: 1 1 50%;
  max-width: 50%;
  order: -1;
}

.n11b9ab1 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

.h70 {
  flex: 1 1 50%;
  max-width: 50%;
}

.nc9e77 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.lcfc1a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.k31f0e {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.paa {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
}

.ed9 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-family: var(--font-heading);
}

.ca0538b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.e7c {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.of3e3b8 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}

.ne8e0 {
  flex: 1 1 50%;
  max-width: 50%;
}

.ge5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.f321 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.b742 {
  margin-top: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

.hd855ce {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 1rem;
}

.jda6b317 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.jda6b317 li {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

.jda6b317 li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
}

.e4345 {
  flex: 1 1 50%;
  max-width: 50%;
}

.e4345 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

.m6db17 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.lf8baa {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.jef2ad {
  flex: 1 1 65%;
  max-width: 65%;
}

.h594 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

.g1eaa4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.l2b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-family: var(--font-heading);
}

.ca244 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.c892039 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.k68236 {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.kfc {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-family: var(--font-heading);
}

.ma423 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.o55c03f5 {
  flex: 1 1 35%;
  max-width: 35%;
}

.k8e579 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 2rem;
}

.b90 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.b90 img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-accent);
}

.pf47e {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}

.e3ecae52 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  margin: 0;
  font-family: var(--font-heading);
}

.e3ecae52 a {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
}

.e3ecae52 a:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

.k3d0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 500;
}

.i3cd66 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.h5291d {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

.d9c1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l79b {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

.l79b i {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  flex-shrink: 0;
}

.i02 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
}

.c9f493 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  color: var(--color-text-secondary);
  margin: 0;
}

.l60474 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.de538fa3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  max-width: 800px;
  margin: 0 auto;
}

.p8849 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
}

.i7459 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  color: var(--color-text-secondary);
  margin: 0;
}

.o02fd75 {
  display: flex;
  justify-content: center;
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

.p5c8da {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all var(--transition-base);
}

.p5c8da:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.i61f {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.g13e2 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.k87bb {
  text-align: center;
}

.m811888 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  font-family: var(--font-heading);
}

.hcde48d {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.lb525 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.oe964248 {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 100%;
}

.oe964248:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.b75 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.b75 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-base);
}

.oe964248:hover .b75 img {
  transform: scale(1.05);
}

.ha4c2b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  flex: 1;
}

.pe501564 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  margin: 0;
  font-family: var(--font-heading);
}

.pe501564 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-base);
}

.pe501564 a:hover {
  color: var(--color-accent);
}

.p6014b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 1024px) {
  .h83,
  .nced2,
  .odca87,
  .of3e3b8 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .fc9289e,
  .cf43bb57,
  .a7a2,
  .c43a1ac,
  .h70,
  .n11b9ab1,
  .ne8e0,
  .e4345 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n11b9ab1 {
    order: 0;
  }

  .c56b77a {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .lea1,
  .pbc004 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lf8baa {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .jef2ad,
  .o55c03f5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k8e579 {
    position: relative;
    top: 0;
  }

  .oe964248 {
    flex: 1 1 calc(50% - 0.75rem);
  }
}

@media (max-width: 768px) {
  .j13 {
    gap: 0.25rem;
    font-size: clamp(0.75rem, 1vw + 0.4rem, 0.85rem);
  }

  .h83,
  .nced2,
  .odca87,
  .of3e3b8,
  .c56b77a,
  .lf8baa {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .fc9289e,
  .cf43bb57,
  .a7a2,
  .c43a1ac,
  .h70,
  .n11b9ab1,
  .ne8e0,
  .e4345,
  .lea1,
  .pbc004,
  .jef2ad,
  .o55c03f5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n11b9ab1 {
    order: 0;
  }

  .kc8,
  .a047,
  .nc9e77,
  .ge5,
  .l35d3 {
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  }

  .k8e579 {
    position: relative;
    top: 0;
  }

  .oe964248 {
    flex: 1 1 100%;
  }

  .lb525 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .p1b322c {
    width: 36px;
    height: 36px;
    font-size: 0.95rem;
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  .ba9f5a01,
  .l0d,
  .bb38d154,
  .hff6,
  .e7c,
  .m6db17,
  .h5291d,
  .l60474,
  .i61f {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .pad {
    font-size: 0.8125rem;
  }

  .j13 {
    font-size: 0.75rem;
  }

  .i62a18 {
    gap: 0.75rem;
  }

  .p1b322c {
    width: 32px;
    height: 32px;
    font-size: 0.9rem;
  }

  .i62a18 p {
    font-size: 0.875rem;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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;
}

.kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block !important;
}

.g7992738 {
  background: var(--color-bg-primary);
}

.fdf {
  background: linear-gradient(135deg, #f0f4ff 0%, #e0e7ff 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.b4bc70 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.b7f56c {
  text-align: center;
}

.p52f {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.df0 {
  font-size: clamp(1rem, 2vw + 0.3rem, 1.3rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

.l211c1c8 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  margin: 0 auto;
}

.fbd7f1e {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.kb552219 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.a618cfac {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

.if0 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.da2997 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.cb8e8bf {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.c09 {
  font-size: clamp(0.9rem, 1.2vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 800px;
}

.c09 p {
  margin-bottom: 1.5rem;
  color: var(--color-text-secondary);
}

.c09 p:last-child {
  margin-bottom: 0;
}

.bbcaaa {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.j346c741 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.o8b1c5 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.lda9 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.bd7c1f {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ia7c0 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.fef5b {
  flex: 1 1 clamp(250px, 100%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.fef5b:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.1);
}

.ab1 {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.nd65b {
  font-size: clamp(1rem, 1.5vw + 0.3rem, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.hcff {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.df5 {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.c022 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.m7a6 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.n1e8c {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.a3d {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.ldd10a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .ldd10a {
    flex-direction: column;
  }
}

.m014 {
  flex: 1 1 45%;
}

.m014 p {
  font-size: clamp(0.875rem, 1.2vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1rem;
}

.m014 p:last-child {
  margin-bottom: 0;
}

.od50 {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
}

@media (max-width: 768px) {
  .m014 {
    flex: 1 1 100%;
  }

  .od50 {
    flex: 1 1 100%;
  }
}

.a488ad8c {
  background: linear-gradient(135deg, #e0e7ff 0%, #dbeafe 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

.db2a379b {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.lc7b6 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.m6aa {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 700;
}

.ne7 {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.f14 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.jbd7 {
  flex: 1 1 clamp(200px, 100%, 280px);
  text-align: center;
}

.b7cd95 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.gc2e044 {
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.ged0f71 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

.gb42ae {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.e43a0 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.e7a {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
}

.abe {
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.mad4a {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.mad4a p {
  color: var(--color-text-secondary);
}

@media (max-width: 768px) {
  .fdf {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .fbd7f1e,
  .bbcaaa,
  .df5,
  .a488ad8c {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .ia7c0 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .fef5b {
    flex: 1 1 clamp(200px, 100%, 280px);
  }
}

@media (min-width: 1024px) {
  .fdf {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .fbd7f1e,
  .bbcaaa,
  .df5,
  .a488ad8c {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

.e0e852 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.e51da {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.cd3b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
}

.e9bb9136 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m4b3a3 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.a659d23c {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ad8 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  max-width: 500px;
}

.ka62 {
  flex: 1 1 50%;
  min-height: 350px;
  max-height: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.c7c78 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.caad1b {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.jafd5 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 900px;
  margin: 0 auto;
}

.b8bd9 {
  text-align: center;
}

.o3d8d262 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j4a1536 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.75rem);
}

.j4a1536 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ba97c15 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.j92ad05b {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.ndbbc9 {
  text-align: center;
}

.d78 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k807 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.h44440 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.g6d {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

.g6d:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.k07bbd {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  line-height: 1;
}

.gfd86 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b16f {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cf0f {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.aa08f4 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
}

.n9474b6 {
  text-align: center;
}

.eb52196 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pae {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
}

.f87da {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 420px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.a9b6ae2 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o0a9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n83 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.k0dfbc {
  display: flex;
  flex-direction: column;
  gap: clamp(2.5rem, 5vw, 4rem);
}

.a92d {
  text-align: center;
}

.a83 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a077c {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  line-height: 1.6;
}

.h4035 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.lcb3c {
  flex: 1 1 100%;
  min-width: 240px;
  max-width: 280px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: center;
}

.n3893 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  background: var(--color-bg-primary);
  color: var(--color-accent);
  font-size: 1.75rem;
}

.i7b076 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p157a4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1.2vw, 0.9375rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g5e13 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.j48 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 700px;
  margin: 0 auto;
}

.o75745 {
  text-align: center;
}

.gc417 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k7985 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.dca3c407 {
  flex: 1 1 100%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.lcc {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ee2b1 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.m22 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.j1235bc {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.jed63761 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  justify-content: center;
}

.bd0174 {
  padding: clamp(2rem, 4vw, 3.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
}

.md939747 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.125rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i729ab {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja328f {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.d22b0a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  white-space: nowrap;
}

.d22b0a:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  text-decoration: none;
}

.ja3c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

.ja3c:hover {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
}

.kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  display: block;
}

@media (max-width: 768px) {
  .cd3b {
    flex-direction: column;
    text-align: center;
  }

  .e9bb9136 {
    flex: 1 1 100%;
  }

  .ka62 {
    flex: 1 1 100%;
    min-height: 280px;
    max-height: 380px;
  }

  .pae {
    flex-direction: column;
  }

  .f87da {
    max-width: 100%;
  }

  .h4035 {
    flex-direction: column;
  }

  .lcb3c {
    max-width: 100%;
  }

  .ja328f {
    flex-direction: column;
  }

  .d22b0a,
  .ja3c {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .a659d23c {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .g6d {
    max-width: 100%;
  }

  .h44440 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

.aad {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.dbf949 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.g1dbc8d {
  max-width: 800px;
  margin: 0 auto;
}

.e4d5d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.idd39c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.i5d0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.jebe04f {
  max-width: 1200px;
  margin: 0 auto;
}

.hbda {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.b8dba {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

.b8dba:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.p2394 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
  position: relative;
}

.p2394 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.f5c86 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.g2d315b2 {
  margin-bottom: var(--spacing-md);
}

.ge6b88e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.h7f {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: 0.375rem var(--spacing-sm);
  border-radius: var(--radius-full);
  text-transform: none;
}

.a7c7e7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

.k79ba {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.i90c6728 {
  max-width: 600px;
  margin: 0 auto;
}

.g66332b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ed091d {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.n216374 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

.n216374:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .dbf949 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .i5d0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .hbda {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .k79ba {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .dbf949 {
    padding: 4rem var(--spacing-lg);
  }

  .i5d0 {
    padding: 4rem var(--spacing-lg);
  }

  .hbda {
    grid-template-columns: repeat(2, 1fr);
  }

  .p2394 {
    height: 280px;
  }

  .k79ba {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1280px) {
  .hbda {
    grid-template-columns: repeat(2, 1fr);
  }
}

.kf225e2 {
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.bb4e {
  background-color: var(--color-primary);
  padding: 3rem 1.5rem;
  text-align: center;
  overflow: hidden;
}

.b1c {
  max-width: 900px;
  margin: 0 auto;
}

.affd {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  line-height: 1.2;
}

.eee8 {
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 400;
  margin: 0;
  opacity: 0.95;
}

@media (min-width: 768px) {
  .bb4e {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .bb4e {
    padding: 6rem 2rem;
  }
}

.j0e1 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.p3ca187 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.pdba54 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem 1.5rem;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.pdba54:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.d76 {
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.d76 i {
  color: var(--color-primary);
}

.g54e {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}

.d75c {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  line-height: 1.6;
  margin: 0 0 1.5rem 0;
  flex-grow: 1;
}

.ic4 {
  color: var(--color-primary);
  background-color: transparent;
  border: 2px solid var(--color-primary);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: all var(--transition-base);
  width: fit-content;
}

.ic4:hover {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

@media (min-width: 768px) {
  .j0e1 {
    padding: 4.5rem 2rem;
  }

  .p3ca187 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .j0e1 {
    padding: 6rem 2rem;
  }

  .p3ca187 {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
}

.h9368 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  text-align: center;
  overflow: hidden;
}

.gfe3 {
  max-width: 700px;
  margin: 0 auto;
}

.j09 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.2rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.l02029 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  line-height: 1.6;
  margin: 0 0 2rem 0;
}

.ieaeda3c {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 1rem 2.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.ieaeda3c:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .h9368 {
    padding: 4.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .h9368 {
    padding: 6rem 2rem;
  }
}

.ha3b {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.p4054 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

.n4ea {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

.n4ea:hover {
  transform: scale(1.02);
}

@media (min-width: 768px) {
  .ha3b {
    padding: 4.5rem 2rem;
  }

  .p4054 {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
  }

  .n4ea {
    height: 250px;
  }
}

@media (min-width: 1024px) {
  .ha3b {
    padding: 6rem 2rem;
  }

  .p4054 {
    gap: 3rem;
  }

  .n4ea {
    height: 300px;
  }
}

.a0a5 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
}

.a0a5 .kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a0a5 .k55dfd5 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.a0a5 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.a0a5 .kfe {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.a0a5 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.a0a5 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

.a0a5 ul {
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
  color: var(--color-text-primary);
}

.a0a5 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  margin-bottom: var(--spacing-sm);
  line-height: 1.7;
}

.a0a5 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.a0a5 .c2a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.a0a5 .c2a h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.a0a5 .c2a p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.a0a5 .g9a870 {
  margin-bottom: var(--spacing-md);
}

.a0a5 .g9a870 strong {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .a0a5 .k55dfd5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a0a5 .k55dfd5 {
    padding: var(--spacing-3xl) 0;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
}

.kddbf {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k1d {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p01c8 {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.i4240 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-xl);
}

.e00351 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.e00351 svg {
  width: 48px;
  height: 48px;
  stroke: var(--color-success);
}

.e274b8 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0;
  line-height: 1.2;
}

.i78d754 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-sm) 0;
}

.pa7f {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-md) 0;
}

.i4e7 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: var(--spacing-md) 0;
}

.e11b {
  margin-top: var(--spacing-xl);
}

.fa443ed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: var(--transition-base);
  font-family: var(--font-primary);
  gap: var(--spacing-sm);
}

.ab1af {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.ab1af:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ab1af:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .p01c8 {
    padding: var(--spacing-3xl) 0;
  }

  .i4240 {
    padding: var(--spacing-2xl);
  }

  .e00351 {
    width: 100px;
    height: 100px;
  }

  .e00351 svg {
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 1024px) {
  .p01c8 {
    padding: var(--spacing-3xl) 0;
  }

  .i4240 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .fa443ed:hover {
    transform: translateY(-3px);
  }
}

.k80f05e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  direction: rtl;
}

.c608abb2 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.kddbf {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c2c2ae {
  max-width: 800px;
  margin: 0 auto;
}

.hed03 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m2fa1 {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.p1254 {
  position: relative;
  width: 200px;
  height: 150px;
  background-color: var(--color-bg-secondary);
  border: 3px solid var(--color-primary);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.h23 {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: shuttleFloat 3s ease-in-out infinite;
}

.a8df90f {
  width: 100%;
  height: 100%;
  color: var(--color-primary);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

@keyframes shuttleFloat {
  0%, 100% {
    transform: translate(-50%, -50%) translateY(0);
  }
  25% {
    transform: translate(-50%, -50%) translateY(-20px) rotateZ(-15deg);
  }
  50% {
    transform: translate(-50%, -50%) translateY(20px) rotateZ(0deg);
  }
  75% {
    transform: translate(-50%, -50%) translateY(-15px) rotateZ(15deg);
  }
}

.nef911 {
  position: absolute;
  background-color: var(--color-primary);
  opacity: 0.3;
}

.mf0048 {
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
}

.k3e {
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
}

.ace {
  font-size: clamp(3rem, 12vw, 6rem);
  font-family: var(--font-heading);
  font-weight: 900;
  color: var(--color-primary);
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.k0f67 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-top: var(--spacing-md);
  line-height: 1.3;
}

.h79 {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-family: var(--font-primary);
  font-weight: 500;
  color: var(--color-text-secondary);
  margin: var(--spacing-xs) 0 0 0;
  line-height: 1.4;
  letter-spacing: 0.3px;
}

.j7de00 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  margin: var(--spacing-lg) 0 0 0;
  line-height: 1.8;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.kcb16 {
  display: block;
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-sm);
  font-style: italic;
}

.mc377b {
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-right: 4px solid var(--color-primary-light);
}

.c484e36 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.7;
}

.lbd122bb {
  display: block;
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
  font-style: italic;
}

.fa443ed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  border-radius: var(--radius-lg);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  letter-spacing: 0.3px;
}

.ab1af {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-lg);
}

.ab1af:hover {
  background-color: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

.ab1af:active {
  transform: translateY(0);
}

.j676fc {
  font-size: 1.3em;
  display: inline-block;
}

.e2d10 {
  font-size: 0.9em;
  opacity: 0.8;
}

.p17 {
  flex-wrap: wrap;
  max-width: 100%;
}

.leaa {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.n09163cf {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-primary);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.c6522ea {
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  margin: var(--spacing-xs) 0 0 0;
  letter-spacing: 0.5px;
}

@media (min-width: 640px) {
  .c608abb2 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .m2fa1 {
    height: 240px;
    margin-bottom: var(--spacing-xl);
  }

  .p1254 {
    width: 240px;
    height: 180px;
  }

  .fa443ed {
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .c608abb2 {
    padding: var(--spacing-2xl) var(--spacing-xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hed03 {
    gap: var(--spacing-xl);
  }

  .m2fa1 {
    height: 280px;
    margin-bottom: var(--spacing-lg);
  }

  .p1254 {
    width: 280px;
    height: 210px;
    border-width: 4px;
  }

  .ace {
    margin-top: var(--spacing-lg);
  }

  .mc377b {
    padding: var(--spacing-lg);
    border-right-width: 5px;
  }

  .fa443ed {
    margin-top: var(--spacing-2xl);
  }

  .leaa {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .c608abb2 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .kddbf {
    padding: 0 var(--spacing-xl);
  }

  .m2fa1 {
    height: 320px;
  }

  .p1254 {
    width: 320px;
    height: 240px;
  }

  .h23 {
    width: 80px;
    height: 80px;
  }

  .j7de00 {
    margin-top: var(--spacing-2xl);
  }

  .mc377b {
    margin: var(--spacing-2xl) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hed03,
  .ace,
  .h23 {
    animation: none;
  }

  .ab1af:hover {
    transform: none;
  }

  .ab1af:active {
    transform: none;
  }
}

@supports (backdrop-filter: blur(10px)) {
  .mc377b {
    background-color: rgba(0, 0, 0, 0.02);
    backdrop-filter: blur(10px);
  }
}

.g19631cc {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.jbc {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.k27e {
  text-align: center;
}

.f6f71 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.hd37 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.m500adb6 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.e25c {
  width: 100%;
}

.a20fe9c {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
}

.kd11c90 {
  flex: 1 1 100%;
  min-width: 0;
}

.pc242ce {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

.h2e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.c03b1 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.h25c {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.e3faa,
.m8fad {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: var(--transition-base);
}

.e3faa:focus,
.m8fad:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.m8fad {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.aaa9bd {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.aaa9bd input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.25rem;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.c9b0e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

.gb93201 {
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
}

.gb93201:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.o58 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition-base);
  margin-top: 0.5rem;
}

.o58:hover {
  background-color: var(--color-primary-hover);
}

.o58:active {
  transform: scale(0.98);
}

.l8e76d {
  flex: 1 1 100%;
  min-width: 0;
}

.ka6e380c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

.m327 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.mdfd8 {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

.h5974d2b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.h5974d2b i {
  color: var(--color-primary);
  font-size: 1.25rem;
}

.n0a {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ca185e {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.if085 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
}

.if085:hover {
  color: var(--color-primary);
}

.b83 {
  padding: 1.5rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  margin-bottom: 1.5rem;
}

.adbae {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.a18c2 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.e8ad3a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.i7ebe {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
}

.o5d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
}

.pcde2e79 {
  padding: 1.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.pa8515c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

.l30d804 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: var(--transition-base);
}

.l30d804:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

@media (min-width: 768px) {
  .jbc {
    padding: 4rem 1rem;
  }

  .m500adb6 {
    padding: 4rem 1rem;
  }

  .a20fe9c {
    gap: 3rem;
  }

  .kd11c90 {
    flex: 1 1 45%;
  }

  .l8e76d {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .jbc {
    padding: 5rem 1rem;
  }

  .m500adb6 {
    padding: 5rem 1rem;
  }

  .a20fe9c {
    gap: 4rem;
  }

  .kd11c90 {
    flex: 1 1 50%;
  }

  .l8e76d {
    flex: 1 1 45%;
  }
}
.oe377d,.a809{
  width: 34px;
}

/* FIX:nav .e809118 */
.e809118{
  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;
}

.gaa69{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .gaa69{
    max-width: 100%;
  }
}

/* FIX:zindex .gaa69.lae6c */
.gaa69.lae6c{
  z-index: 999;
}

/* FIX:navpad .a8801 */
.a8801{
  padding-top: 50px;
}

/* FIX:toggle-expand .oe377d */
.oe377d[aria-expanded="true"]{
  display: none;
}

/* === QA batch contrast/rtl/honeypot === */

html, body {
  direction: rtl;
}


/* honeypot: clip instead of off-screen */
[aria-hidden="true"][style*="-9999"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  left: 0 !important;
  top: 0 !important;
}

/* solid CTA hover: beat global a:hover */
a.ab1af:hover, .ab1af:hover {
  color: #ffffff;
  text-decoration: none;
}
a.ae1afd:hover, .ae1afd:hover {
  color: #ffffff;
  text-decoration: none;
}
a.d22b0a:hover, .d22b0a:hover {
  color: #ffffff;
  text-decoration: none;
}
a.e11b:hover, .e11b:hover {
  color: #ffffff;
  text-decoration: none;
}
a.fa443ed:hover, .fa443ed:hover {
  color: #ffffff;
  text-decoration: none;
}
a.fa6:hover, .fa6:hover {
  color: #ffffff;
  text-decoration: none;
}
a.ga6d8:hover, .ga6d8:hover {
  color: #ffffff;
  text-decoration: none;
}
a.ic4:hover, .ic4:hover {
  color: #ffffff;
  text-decoration: none;
}
a.ieaeda3c:hover, .ieaeda3c:hover {
  color: #ffffff;
  text-decoration: none;
}
a.j2bddf:hover, .j2bddf:hover {
  color: #ffffff;
  text-decoration: none;
}
a.jae7:hover, .jae7:hover {
  color: #ffffff;
  text-decoration: none;
}
a.lbb7a:hover, .lbb7a:hover {
  color: #ffffff;
  text-decoration: none;
}
a.n216374:hover, .n216374:hover {
  color: #ffffff;
  text-decoration: none;
}
a.p17:hover, .p17:hover {
  color: #ffffff;
  text-decoration: none;
}
a.p5c8da:hover, .p5c8da:hover {
  color: #ffffff;
  text-decoration: none;
}

/* === QA residual pass-2 === */

a.ic4, .ic4 { color: #1d4ed8; }
a.ic4:hover, .ic4:hover { color: #1e3a8a; text-decoration: none; }

/* === QA pass3: solid multi-class hover wash (beat a:hover) === */

a.ab1af, .ab1af,
a.ae1afd, .ae1afd {
  color: #ffffff;
}
a.ab1af:hover, .ab1af:hover,
a.ae1afd:hover, .ae1afd:hover,
a.fa443ed.ab1af:hover, a.fa443ed.ae1afd:hover,
a.lbb7a:hover, .lbb7a:hover {
  color: #ffffff;
  text-decoration: none;
}

