@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Outfit: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: #dbeafe;
  --color-primary-lighter: #f0f9ff;
  --color-secondary: #3b82f6;
  --color-secondary-light: #e0f2fe;
  --color-secondary-lighter: #f8fcff;

  --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: #e0f2fe;

  --font-primary: 'Outfit', sans-serif;
  --font-heading: 'Manrope', sans-serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  
  --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: 16px;
  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: 3rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.25rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

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

.l5d3 {
  background: var(--color-primary);
  color: white;
  box-shadow: var(--shadow-md);
}

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

.ff48e4 {
  background: var(--color-secondary-light);
  color: var(--color-primary);
  border: 1px solid var(--color-border);
}

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

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

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

.c2c41ec9 {
  background: var(--color-success);
  color: white;
}

.c2c41ec9:hover {
  opacity: 0.9;
}

.m7c38 {
  background: var(--color-danger);
  color: white;
}

.m7c38:hover {
  opacity: 0.9;
}

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

.p6f {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

.fe9396 {
  width: 100%;
}

.pf9938 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

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

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

.fe656bc:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-border);
}

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

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

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

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

.l57 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.l3de8e7 {
  flex-direction: column;
}

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

.g0d {
  justify-content: center;
}

.kd2b {
  flex-wrap: wrap;
}

.fd31f0 {
  text-align: center;
}

.o7464a60 {
  text-align: right;
}

.l43c7e {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h9002 { margin: 0; }
.n999 { margin: var(--spacing-xs); }
.kfbc { margin: var(--spacing-sm); }
.ebfe { margin: var(--spacing-md); }
.a53e7 { margin: var(--spacing-lg); }
.a65c { margin: var(--spacing-xl); }
.f9b19 { margin: var(--spacing-2xl); }

.nb0 { margin-top: var(--spacing-xs); }
.k71c { margin-top: var(--spacing-sm); }
.lea81a { margin-top: var(--spacing-md); }
.gc5778 { margin-top: var(--spacing-lg); }
.g28d2 { margin-top: var(--spacing-xl); }
.b70d7 { margin-top: var(--spacing-2xl); }

.ed3b2f { margin-bottom: var(--spacing-xs); }
.jcf99 { margin-bottom: var(--spacing-sm); }
.j420e { margin-bottom: var(--spacing-md); }
.i925ce { margin-bottom: var(--spacing-lg); }
.i1d6 { margin-bottom: var(--spacing-xl); }
.p3bd8 { margin-bottom: var(--spacing-2xl); }

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

.fc2 { padding: 0; }
.f0b2ed3 { padding: var(--spacing-xs); }
.a096ab34 { padding: var(--spacing-sm); }
.ib841b30 { padding: var(--spacing-md); }
.ae96f { padding: var(--spacing-lg); }
.p2b87b { padding: var(--spacing-xl); }
.i581 { padding: var(--spacing-2xl); }

.pc0eb96d { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.bbe2492 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }

.bcf4 { gap: var(--spacing-sm); }
.lf37ed8 { gap: var(--spacing-md); }
.b61b { gap: var(--spacing-lg); }

.bb90 { width: 100%; }
.d0173a5d { height: 100%; }

.e89c72 { max-width: 384px; }
.cab4b0 { max-width: 448px; }
.i68df2 { max-width: 512px; }
.g5e111 { max-width: 576px; }

.i8750c95 { opacity: 0.5; }
.b815359 { opacity: 0.75; }

.e1c326 { font-weight: 400; }
.ndd05f32 { font-weight: 400; }
.p9342f { font-weight: 500; }
.da8f744b { font-weight: 600; }
.i055d5af { font-weight: 700; }

.lc1 { font-size: 0.875rem; }
.b5aace { font-size: 1rem; }
.ga47 { font-size: 1.125rem; }
.n3de7b { font-size: 1.25rem; }
.kea6 { font-size: 1.5rem; }

.pedab90f { line-height: 1.25; }
.oef1 { line-height: 1.5; }
.c255e4 { line-height: 1.75; }

.p52fc0 { list-style: none; }

.k274 { display: block; }
.e7242 { display: inline; }
.gc415 { display: inline-block; }
.h2dc6667 { display: none; }

.o2600d9e { overflow: hidden; }
.d067 { overflow-x: auto; }

.jd6a84d1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

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

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

textarea {
  resize: vertical;
  font-family: var(--font-primary);
}

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

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

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

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  text-align: left;
  font-weight: 600;
  border-bottom: 1px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
}

tr:last-child td {
  border-bottom: none;
}

tr:hover {
  background: var(--color-bg-secondary);
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .jbd, .lf1, .h9ff78 {
    grid-template-columns: 1fr;
  }

  .k27d66 {
    display: none;
  }
}

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

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

  .fe656bc {
    padding: var(--spacing-md);
  }
}
.ddb07 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
}

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

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

.hf5f8:hover {
  opacity: 0.85;
}

.bce886f {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  margin-right: 0.25rem;
  flex-shrink: 0;
}

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

.d6b8b {
  display: none;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  justify-content: center;
  margin: 0 auto;
}

.i308339d {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.n0df7.id6613 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.l8d81 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 80px;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 4vw, 2rem);
  z-index: 1001;
}

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

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

.ga06 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1.5rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  margin-top: 2rem;
}

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

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

.me7f5d79 {
  margin: auto clamp(1rem, 4vw, 2rem) clamp(1.5rem, 4vw, 2rem);
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  border-radius: 0.5rem;
  text-align: center;
  transition: background var(--transition-base), transform var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .g930ecd {
    min-height: 90px;
  }

  .d6b8b {
    display: flex;
  }

  .g9594 {
    display: block;
  }

  .p80ac7 {
    display: none;
  }

  .n0df7 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .g930ecd {
    min-height: 100px;
  }

  .m08b9a9 {
    font-size: 1.375rem;
  }

  .i308339d {
    font-size: 1rem;
  }

  .g9594 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

    .f3e7f0 {
  width: 100%;
}

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

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

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

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

.fa2cc {
  text-align: center;
}

.mdd7b {
  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;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
}

.d20e {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

.d56d5e3 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  min-width: 140px;
  text-align: center;
  transition: all var(--transition-base) ease;
}

.ff0923f {
  transform: rotate(-3deg);
}

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

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

.d69123 {
  transform: rotate(3deg);
}

.d56d5e3:hover {
  transform: translateY(-4px) rotate(0deg);
  box-shadow: var(--shadow-md);
}

.d56d5e3 i {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-accent);
}

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

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

.pebd55a {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.pc1 {
  text-align: center;
}

.kb3 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

.k96 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base) ease;
  border: 1px solid var(--color-border-light);
}

.j40 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
}

.m5a31948 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
}

.k96:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent-light);
}

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

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

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

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

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

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

.kb8 {
  text-align: center;
}

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

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

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

.fa2dbc {
  flex: 1 1 300px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 4px solid;
  transition: all var(--transition-base) ease;
}

.c2c {
  border-top-color: #3b82f6;
}

.b82 {
  border-top-color: #10b981;
}

.heb874 {
  border-top-color: #8b5cf6;
}

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

.fa2dbc i {
  font-size: clamp(2rem, 4vw, 2.5rem);
}

.c2c i {
  color: #3b82f6;
}

.b82 i {
  color: #10b981;
}

.heb874 i {
  color: #8b5cf6;
}

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

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

.n2e {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base) ease;
}

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

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

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

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

.c86 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.mf6f7 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: fit-content;
}

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

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

.a5d201 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base) ease;
  display: inline-block;
  width: fit-content;
}

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

.pe924 {
  flex: 1 1 45%;
  min-width: 280px;
}

.n90161f7 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
}

.c06f1 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
}

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

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

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

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

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

.bae438 {
  text-align: center;
}

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

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

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

.fe668 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

.g1bf {
  text-align: center;
}

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

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

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

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

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

.e42f5 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-style: italic;
  font-weight: 600;
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

.p1d {
  text-align: center;
}

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

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

.ffb0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  min-width: 140px;
}

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

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

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

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

.n8adb5b3 {
  text-align: center;
}

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

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

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

.ldf51 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  border: 1px solid var(--color-border-light);
}

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

.ldf51 i {
  font-size: clamp(2.5rem, 4vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

.f7c8ef {
  text-align: center;
}

.j7420f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

.k895 {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.g0ff00c3 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color var(--transition-base) ease;
  display: inline-block;
  width: fit-content;
}

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

.n9bb {
  text-align: center;
}

.m06ea {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  transition: color var(--transition-base) ease;
  display: inline-block;
}

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

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

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

.ob627f {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: var(--shadow-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

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

.a8a83587 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
}

.cdef2 {
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(2rem, 4vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  font-family: var(--font-primary);
}

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

.m41 {
  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: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.m41.h2dc6667 {
  display: none;
}

.k0256 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

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

.hb5bd,
.f58d {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base) ease;
  font-family: var(--font-primary);
}

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

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

.f58d {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.f58d:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

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

  .d56d5e3 {
    min-width: 120px;
    padding: 0.75rem;
  }

  .m41 {
    flex-direction: column;
  }

  .k0256 {
    min-width: 100%;
  }

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

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

  .pebd55a {
    width: 100%;
    text-align: center;
  }
}

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

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

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

.je51 {
  display: block;
  max-width: 560px;
}

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

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

.n965,
.id0,
.c2470cc {
  display: block;
}

.n965 h4,
.id0 h4,
.c2470cc h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  letter-spacing: -0.3px;
}

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

.h4e62f li,
.b5e li {
  margin: 0;
}

.h4e62f a,
.b5e a {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h4e62f a:hover,
.b5e a:hover {
  color: var(--color-accent);
}

.i38131 {
  display: block;
}

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

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

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

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

.m494 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .fac4dba7 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(3rem, 6vw, 4rem);
    align-items: flex-start;
  }

  .je51 {
    flex: 1 1 280px;
  }

  .n965,
  .id0,
  .c2470cc {
    flex: 0 1 auto;
    min-width: 160px;
  }

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

@media (min-width: 1024px) {
  .fac4dba7 {
    gap: clamp(3.5rem, 7vw, 5rem);
  }

  .je51 {
    flex: 1 1 320px;
  }

  .n965,
  .id0,
  .c2470cc {
    flex: 0 1 160px;
  }
}
    

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

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

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

.p2d {
  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;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n42 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

.b277 p {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: left;
}

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

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

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

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

.be3 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.obfdb {
  display: flex;
  flex-direction: column !important;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

.l248639 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

.ofc85 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.l8ffc {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1.5vw + 0.5rem, 1rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.m0be13cf {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.m0be13cf i {
  color: var(--color-primary);
  font-size: 0.875rem;
}

.m95da7b {
  color: var(--color-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

  .obfdb {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: stretch;
  }

  .obfdb .l248639 {
    flex: 0 0 45%;
    margin: -1.5rem -1.5rem -1.5rem -1.5rem;
    border-radius: 0;
    height: 100%;
  }

  .obfdb .j4b1a78 {
    flex: 1;
    justify-content: center;
  }

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

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

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

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

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

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

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

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

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

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

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

  .e7a9c7 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
  }

  .f14,
  .m3c162,
  .df5e {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-secondary);
    background: var(--color-bg-secondary);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-md);
  }

  .d51 {
    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;
    margin-bottom: 1.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .f90558 {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: clamp(2rem, 3vw, 3rem);
    max-width: 1440px;
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);
  }

  .oedac366 {
    grid-column: 1;
  }

  .pa50 {
    grid-column: 2;
  }

  .g79ca57 {
    grid-column: 3;
  }

  .ce4573 {
    position: sticky;
    top: clamp(1rem, 3vw, 2rem);
  }

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

  .ke23 {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-lg);
    object-fit: cover;
    display: block;
    margin: 0 auto;
  }

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

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

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

  .i71 {
    font-size: 0.875rem;
    color: var(--color-accent);
    margin: 0;
    font-weight: 600;
  }

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

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

  .g344de,
  .b99,
  .b4851b0e,
  .ec4239,
  .f3b {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
  }

  .l885,
  .ibc123,
  .k649e0,
  .h20f,
  .e646f {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 3vw, 3rem);
    align-items: center;
  }

  .bdca,
  .c091,
  .h3f3a7,
  .l24,
  .aabb {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .jff,
  .f7e4a,
  .c6b93dc,
  .m99b193f,
  .pa48 {
    flex: 1 1 50%;
    max-width: 50%;
  }

  .o89a938,
  .b6f,
  .mae49f,
  .fd5,
  .jd7 {
    width: 100%;
    height: auto;
    max-height: 350px;
    object-fit: cover;
    border-radius: var(--radius-lg);
    display: block;
  }

  .b26,
  .bcc7,
  .pa3,
  .i3eaed,
  .l6e3c {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 1.5rem;
    margin-top: 0;
  }

  .m48a,
  .p20,
  .e38e,
  .gac5,
  .n0d1 {
    font-size: clamp(0.9375rem, 1vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: 1.25rem;
  }

  .hee0e5 {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
  }

  .hab {
    font-size: clamp(0.9375rem, 1vw, 1.125rem);
    color: var(--color-text-secondary);
    margin-bottom: 0.875rem;
    padding-left: 2rem;
    position: relative;
    line-height: 1.6;
  }

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

  .d17b3 {
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    font-style: italic;
    margin-top: 1.5rem;
  }

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

  .g61b32 {
    font-size: clamp(0.9375rem, 1vw, 1.125rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
  }

  .l672 {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: var(--radius-md);
    margin: 1.5rem 0;
  }

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

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

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

  .pf6 {
    max-width: 100%;
  }

  .l27 {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    color: var(--color-text-primary);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 1.5rem;
    margin-top: 0;
  }

  .f2bdf {
    font-size: clamp(0.9375rem, 1vw, 1.125rem);
    color: var(--color-text-secondary);
    line-height: 1.7;
    margin-bottom: 1.25rem;
  }

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

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

  .lfee {
    max-width: 100%;
  }

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

  .p234328 {
    position: sticky;
    top: clamp(1rem, 3vw, 2rem);
  }

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

  .kb5 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border-light);
  }

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

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

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

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

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

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

  @media (max-width: 1024px) {
    .f90558 {
      grid-template-columns: 1fr 2fr;
      gap: clamp(1.5rem, 3vw, 2rem);
    }

    .oedac366 {
      grid-column: 1;
    }

    .pa50 {
      grid-column: 2;
    }

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

    .p234328 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: clamp(1.5rem, 3vw, 2rem);
      position: static;
    }

    .kb5 {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: none;
    }
  }

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

    .oc36a,
    .j7f6 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .f90558 {
      grid-template-columns: 1fr;
      padding: clamp(1.5rem, 3vw, 2rem) clamp(1rem, 2vw, 1.5rem);
    }

    .oedac366 {
      grid-column: 1;
      order: 2;
    }

    .pa50 {
      grid-column: 1;
      order: 1;
    }

    .g79ca57 {
      grid-column: 1;
      order: 3;
    }

    .ce4573 {
      position: static;
    }

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

    .l885,
    .ibc123,
    .k649e0,
    .h20f,
    .e646f {
      flex-direction: column;
    }

    .bdca,
    .c091,
    .h3f3a7,
    .l24,
    .aabb,
    .jff,
    .f7e4a,
    .c6b93dc,
    .m99b193f,
    .pa48 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

    .e7a9c7 {
      gap: 0.5rem;
      margin-bottom: 1rem;
    }

    .f14,
    .m3c162,
    .df5e {
      font-size: 0.75rem;
      padding: 0.375rem 0.75rem;
    }

    .f90558 {
      padding: clamp(1rem, 2vw, 1.5rem) clamp(0.75rem, 2vw, 1rem);
      gap: clamp(1.5rem, 2vw, 2rem);
    }

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

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

.c7a {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Outfit', sans-serif;
}

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

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

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

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

.jd85 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  color: var(--color-text-secondary);
}

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

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

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

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

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

.i783 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
}

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

.l0ee {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
}

.m68c9,
.h9a8,
.bf405 {
  background: var(--color-bg-secondary);
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
  color: var(--color-text-secondary);
}

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

.d81af {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

  .i783,
  .d69ecbe9 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ma484a0a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  max-width: 100%;
}

.fa20 {
  flex: 0 0 auto;
  width: 200px;
  position: relative;
}

.c72285f4 {
  flex: 1 1 auto;
  min-width: 0;
}

.i212547f {
  flex: 0 0 auto;
  width: 240px;
  position: relative;
}

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

  .fa20,
  .i212547f {
    width: 100%;
  }
}

.aac5c584 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 2rem;
}

.gb98b6 {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
  object-fit: cover;
}

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

.gff504 {
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  color: var(--color-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ne64e8e {
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

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

.a43 {
  font-size: clamp(0.8125rem, 0.95vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

.a5e4fa95 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  display: block;
}

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

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

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

.pfd21 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

.l35b2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 2rem);
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  border: 1px solid var(--color-border-light);
}

.m0b {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.lb341a {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1.2;
}

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

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

  .l7d4b014,
  .a5e4fa95 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l35b2 {
    flex-direction: column;
  }

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

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

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

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

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

.b9d59 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

.d7aed {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

.f7b8a2c6 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}

.f7b8a2c6:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 16px rgba(37, 99, 235, 0.1);
}

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

.ldbb {
  font-size: clamp(0.9rem, 1.1vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  padding: 0 0.75rem;
  line-height: 1.3;
}

.k226ffe9 {
  font-size: clamp(0.8125rem, 0.95vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: 0 0.75rem 0.75rem;
  line-height: 1.5;
}

@media (max-width: 1024px) {
  .fa20 {
    order: -1;
  }

  .aac5c584 {
    position: static;
    flex-direction: row;
    gap: 1rem;
  }

  .gb98b6 {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
  }

  .o854 {
    flex: 1 1 auto;
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .k7bc {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .f7b8a2c6 {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 160px;
  }

  .hb1 {
    height: 120px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.o03010 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

.ma5fbd1f {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 10px 40px rgba(37, 99, 235, 0.1);
}

.b4cb {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  align-items: center;
}

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

.m25c9639 {
  color: var(--color-border);
}

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

.a7605da {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

  .hb223,
  .d4b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.nf60e654 {
  flex: 0 0 280px;
}

.k846 {
  flex: 1 1 auto;
  min-width: 0;
}

.m9fcfae9 {
  flex: 0 0 300px;
}

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

.lbcfef {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.c91511b4 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}

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

.g78630 a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

.j1017 {
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
}

.n81f86 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.c534fb,
.aaf2,
.l9a5c,
.cdf {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.a1c90 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  box-shadow: 0 8px 32px rgba(37, 99, 235, 0.08);
}

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

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

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

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

  .nf60e654,
  .m9fcfae9 {
    flex: 1 1 100%;
    width: 100%;
  }

  .cea067 {
    position: relative;
    top: auto;
  }
}

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

  .p1be81,
  .lf8546 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.p9c32e {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.jda2 {
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
  padding: clamp(2rem, 4vw, 3rem) 0;
  margin: clamp(3rem, 6vw, 5rem) 0;
}

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

.l3854ba {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1rem;
}

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

.of7434f {
  margin-top: clamp(2.5rem, 5vw, 4rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 2px solid var(--color-border);
}

.l3ec9d6e {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-text-secondary);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.le5 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

  .cea067 {
    position: relative;
    top: auto;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
  }

  .lbcfef {
    width: 80px;
    height: 80px;
    margin: 0;
    flex-shrink: 0;
  }

  .c91511b4 {
    text-align: left;
  }

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

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

html, body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

.f53b75a3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  line-height: 1.6;
}

.j7a4a {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

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

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

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

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

  .g944,
  .g3f5d6b9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g3f5d6b9 img {
    max-height: 350px;
  }
}

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

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

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

.hf4 {
  display: grid;
  grid-template-columns: 200px 1fr 250px;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
  align-items: start;
}

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

.i88 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.5rem, 2vw, 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: sticky;
  top: 2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.d89939 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  border: 3px solid var(--color-accent);
}

.fd661c {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  text-align: center;
  margin: 0.5rem 0 0 0;
}

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

.m12fb {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  text-align: center;
  font-style: italic;
}

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

.kfce9d {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.l5a {
  overflow: hidden;
  padding: clamp(3rem, 8vw, 5rem) 0;
}

.l5a:nth-child(odd) {
  background: var(--color-bg-primary);
}

.l5a:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

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

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

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

.m91ff0f1 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
}

@media (max-width: 1024px) {
  .hf4 {
    grid-template-columns: 1fr 220px;
  }

  .ib5a {
    grid-column: 2;
    grid-row: 1;
  }

  .kfce9d {
    grid-column: 1;
  }

  .e75a2e0 {
    grid-column: 2;
  }
}

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

  .ib5a {
    grid-column: 1;
    grid-row: auto;
    order: 2;
  }

  .kfce9d {
    grid-column: 1;
    order: 1;
  }

  .e75a2e0 {
    grid-column: 1;
    order: 3;
  }

  .g417a {
    flex-direction: column;
  }

  .p4843b4c,
  .f48821ce {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .i88 {
    position: relative;
    top: 0;
  }
}

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

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

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

.lda3a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
  text-align: center;
}

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

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

.bcde2 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 0.75rem;
}

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

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

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

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

.m1ef {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  line-height: 1.7;
  font-style: italic;
  text-align: center;
  padding: 1.5rem;
  background: var(--color-bg-primary);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

.a51:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

.l80 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
}

.e8a {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.f0a29f {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
  padding-left: 2rem;
  position: relative;
}

.f0a29f::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: 700;
  font-size: 1.25rem;
}

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

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

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

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

.l4dc4793 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
}

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

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

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

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

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

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

  .d25,
  .c0d1be {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c0d1be img {
    max-height: 350px;
  }
}

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

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

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

.p53c6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  line-height: 1.7;
}

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

.d4eee5f {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
  margin: 0 auto;
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

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

.i3c {
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
}

.d661b {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 0.75rem;
}

.d32 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.d32:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

.g897 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 600;
  line-height: 1.4;
  padding: clamp(1rem, 2vw, 1.25rem);
  padding-bottom: 0.5rem;
}

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

.m03e2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.5;
  padding: 0 clamp(1rem, 2vw, 1.25rem) clamp(1rem, 2vw, 1.25rem);
}

.a460328 {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

@media (max-width: 1024px) {
  .i3c {
    position: relative;
    top: 0;
  }
}

@media (max-width: 768px) {
  .i3c {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .nb12 {
    font-size: 0.75rem;
  }

  .j7a4a {
    gap: 0.5rem;
  }
}

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

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

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

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

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

    .ce023 {
      font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
      color: var(--color-text-secondary);
      max-width: 600px;
      line-height: 1.6;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

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

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

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

    .d4714922 {
      text-align: center;
      margin-bottom: clamp(1rem, 2vw, 1.5rem);
    }

    .af479 {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-primary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 1rem;
    }

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

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

    .he4e62df p {
      margin-bottom: 1.2rem;
      color: var(--color-text-secondary);
    }

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

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

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

    .h870b8d {
      text-align: center;
      margin-bottom: clamp(1rem, 2vw, 1.5rem);
    }

    .o6c233 {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-primary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 1rem;
    }

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

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

    .d4b8401 {
      flex: 1 1 calc(50% - 0.75rem);
      min-width: 250px;
      background: var(--color-bg-card);
      border: 1px solid var(--color-border-light);
      border-radius: var(--radius-lg);
      padding: clamp(1.5rem, 2vw, 2rem);
      display: flex;
      flex-direction: column;
      gap: 1rem;
      transition: all var(--transition-base);
    }

    .d4b8401:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
      border-color: var(--color-primary);
    }

    .cc4f5 {
      font-size: clamp(1.5rem, 3vw, 2rem);
      color: var(--color-primary);
      height: 50px;
      display: flex;
      align-items: center;
    }

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

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

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

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

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

    .fa36fce {
      text-align: center;
      margin-bottom: clamp(1rem, 2vw, 1.5rem);
    }

    .p7e5 {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-primary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 1rem;
    }

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

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

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

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

    .fad55f8 {
      font-family: var(--font-heading);
      font-size: clamp(1.75rem, 3vw, 2.25rem);
      font-weight: 700;
      color: var(--color-primary);
      min-width: 60px;
      line-height: 1;
    }

    .ne9cc {
      flex: 1;
      padding-top: 0.5rem;
    }

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

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

    .e9bf8394 {
      width: 100%;
      max-width: 800px;
      height: auto;
      border-radius: var(--radius-lg);
      display: block;
      margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
      object-fit: cover;
    }

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

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

    .p2c945 {
      text-align: center;
      margin-bottom: clamp(1rem, 2vw, 1.5rem);
    }

    .hf214c {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-primary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 1rem;
    }

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

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

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

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

    .kc6619 {
      font-size: 1.5rem;
      color: var(--color-primary);
      min-width: 24px;
      margin-top: 0.25rem;
    }

    .l40b {
      flex: 1;
    }

    .j9692 {
      font-family: var(--font-heading);
      font-size: clamp(0.95rem, 1.5vw, 1.1rem);
      color: var(--color-text-primary);
      font-weight: 600;
      margin-bottom: 0.5rem;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

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

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

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

    .k63b {
      display: flex;
      flex-direction: row;
      gap: 0.75rem;
      align-items: flex-start;
      margin-bottom: 0.5rem;
    }

    .pd20 {
      font-size: 1.25rem;
      color: var(--color-primary);
      min-width: 24px;
      margin-top: 0.125rem;
    }

    .l10135 {
      font-family: var(--font-heading);
      font-size: clamp(1.1rem, 2vw, 1.35rem);
      color: var(--color-text-primary);
      font-weight: 600;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    .ka3902 {
      font-size: clamp(0.8125rem, 1vw, 0.95rem);
      color: var(--color-text-secondary);
      line-height: 1.7;
      max-width: 900px;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    .ka3902 p {
      margin-bottom: 0.75rem;
      color: var(--color-text-secondary);
    }

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

    @media (max-width: 768px) {
      .le22466,
      .d55,
      .l06,
      .j0fb9f,
      .k5793,
      .p21f {
        padding: clamp(2rem, 6vw, 3rem) 0;
      }

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

      .fad55f8 {
        min-width: auto;
      }
    }

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

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

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

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

html, body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

.fafd0d4 {
  position: relative;
  width: 100%;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.h36 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.15) 0%, rgba(37, 99, 235, 0.05) 100%);
  pointer-events: none;
}

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

.f3fb5d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.g1da93f2 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

.e07eea5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

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

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

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

@media (min-width: 768px) {
  .fafd0d4 {
    max-height: 450px;
  }
}

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

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

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

.ldc700 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

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

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

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

.j52 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.5rem, 8vw, 5rem);
  height: clamp(3.5rem, 8vw, 5rem);
  min-width: clamp(3.5rem, 8vw, 5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  border-radius: var(--radius-lg);
}

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

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

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

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

  .j52 {
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
  }
}

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

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

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

.p66 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

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

.a162 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.1875rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.c194dad {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

.a64 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

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

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

.k5c06 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 240px;
  max-width: 320px;
}

.jeabfad {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3rem, 6vw, 3.5rem);
  height: clamp(3rem, 6vw, 3.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
}

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

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

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

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

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

.n9b8d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.b00ca {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.7;
}

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

.m5c5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

.gf265 {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-text-on-accent);
  border: 2px solid rgba(255, 255, 255, 0.4);
}

.gf265:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .i18e {
    flex-direction: row;
  }

  .j6e2b {
    flex-direction: row;
    align-items: center;
  }

  .fafd0d4 {
    flex: 1 1 50%;
    max-height: 500px;
  }

  .ae5a {
    flex: 1 1 50%;
    text-align: left;
  }
}

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

  .m5c5 {
    width: 100%;
  }
}

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

.pc1429aa {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.pc1429aa h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.pc1429aa p {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.b642ec {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.d4f9 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

@media (min-width: 1024px) {
  .d4f9 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

.le2249 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.le2249:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.p8f8454 {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  flex-shrink: 0;
}

.p8f8454 i {
  font-size: 28px;
  color: var(--color-primary);
}

.le2249 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.le2249 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

.pa092ed {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.jf2 {
  max-width: 700px;
  margin: 0 auto;
}

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

.pa092ed p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.ia22f8 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

.ia22f8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

@media (min-width: 768px) {
  .pc1429aa {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .pc1429aa {
    padding: 6rem var(--spacing-xl);
  }

  .b642ec {
    padding: 6rem var(--spacing-xl);
  }

  .pa092ed {
    padding: 6rem var(--spacing-xl);
  }

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

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

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

.k2dc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.a7f3 {
  max-width: 600px;
}

.k2dc h1 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw, 3rem);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
  font-weight: 700;
}

.k2dc p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.6;
}

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

@media (min-width: 768px) {
  .k2dc {
    padding: var(--spacing-2xl) var(--spacing-lg);
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
  }

  .a7f3 {
    flex: 1;
  }

  .k2dc img {
    flex: 1;
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .k2dc {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .k2dc h1 {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
  }
}

.g9b6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.jc369 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.oc2a6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-xs);
  transition: box-shadow var(--transition-base);
}

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

.jd00 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-md);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base), color var(--transition-base);
}

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

.jd00[aria-expanded="true"] {
  background-color: var(--color-primary-light);
  color: var(--color-primary);
}

.jc8a {
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  stroke: currentColor;
}

.jd00[aria-expanded="true"] .jc8a {
  transform: rotate(180deg);
}

.la27b {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.la27b p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .g9b6 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .g9b6 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.be6bcd {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.c00dcc8c {
  max-width: 600px;
}

.be6bcd h2 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
  font-weight: 700;
}

.be6bcd p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.h700 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  width: fit-content;
}

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

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

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

@media (min-width: 768px) {
  .be6bcd {
    padding: var(--spacing-2xl) var(--spacing-lg);
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
  }

  .c00dcc8c {
    flex: 1;
  }

  .be6bcd img {
    flex: 1;
    height: 350px;
  }
}

@media (min-width: 1024px) {
  .be6bcd {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .be6bcd h2 {
    font-size: clamp(2rem, 3vw, 3rem);
  }
}

.e42a {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.e42a main {
  width: 100%;
}

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

.e42a .lf4c0 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.e42a h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  line-height: 1.3;
}

.e42a .d133 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.e42a h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.e42a p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.e42a ul,
.e42a ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding-left: var(--spacing-lg);
}

.e42a li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-sm);
}

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

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

.e42a .lda {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.e42a .lda h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.e42a .lda p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.e42a .lda strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .e42a .pf9938 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .e42a .pf9938 {
    padding: 0 var(--spacing-xl);
  }

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

.hb2 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jf6ac1 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.pf9938 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.h848c {
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-lg);
  border-radius: var(--radius-lg);
  background-color: var(--color-bg-card);
  box-shadow: var(--shadow-md);
}

.jf702 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-success);
  animation: icon-bounce 0.8s ease-out;
}

.jf702 svg {
  width: 80px;
  height: 80px;
}

@keyframes icon-bounce {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.h848c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.pf6a74 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.f6ce3686 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.7;
}

.b29 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.7;
}

.p3e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: var(--transition-base);
  box-shadow: var(--shadow-sm);
  letter-spacing: 0.3px;
}

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

.p3e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .jf6ac1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .jf702 svg {
    width: 100px;
    height: 100px;
  }

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

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

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

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

@media (min-width: 1024px) {
  .jf6ac1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

@media (prefers-reduced-motion: reduce) {
  .jf702 {
    animation: none;
  }

  .p3e {
    transition: none;
  }

  .p3e:hover {
    transform: none;
  }
}

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

.gf7 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.hf9bb20 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

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

.n7c27b {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
}

.n609e84 {
  position: relative;
  display: inline-block;
}

.edf {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  margin-bottom: var(--spacing-md);
}

.nf75c5f {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(150px, 40vw, 300px);
  height: 4px;
  background-color: var(--color-accent);
  border-radius: var(--radius-full);
  opacity: 0.6;
}

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

.n82bf8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.fc722fa {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.h250a {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.p3e {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 4vw, 3rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  box-shadow: var(--shadow-md);
}

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

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

.l61b79 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.k6d31b {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

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

.m21 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-lg);
  position: relative;
}

.m21::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-accent);
  border-radius: var(--radius-full);
}

@media (min-width: 640px) {
  .gf7 {
    padding: var(--spacing-lg);
  }

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

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

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

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

@media (min-width: 1024px) {
  .gf7 {
    padding: var(--spacing-xl);
  }

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

  .nf75c5f {
    width: 350px;
  }

  .p3e {
    font-size: 1.1rem;
  }

  .p3e:hover {
    transform: translateY(-3px);
  }

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

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

.l9460 {
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.n143fcfb {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.m8a {
  text-align: center;
  padding: 0 1.5rem;
}

.p6e97 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.cf5bab {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .n143fcfb {
    padding: 5rem 0;
  }
}

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

.h71 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.g6724d52 {
  padding: 0 1.5rem;
}

.ff2f479 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.d6e137 {
  flex: 1 1 100%;
  min-width: 0;
}

.jf3c {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .d6e137 {
    flex: 1 1 45%;
    min-width: 300px;
  }

  .jf3c {
    flex: 1 1 45%;
    min-width: 300px;
  }
}

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

.jd9f {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.cce {
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.ha7aaa,
.l391c {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  box-sizing: border-box;
  width: 100%;
}

.ha7aaa:focus,
.l391c:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.ha7aaa::placeholder,
.l391c::placeholder {
  color: var(--color-text-muted);
}

.l391c {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.l2213 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  width: 100%;
  letter-spacing: 0.3px;
}

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

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

.k19 {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
  text-align: center;
}

.k44dd307 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.hdc07dfb {
  margin-bottom: 2.5rem;
}

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

.i67169 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.m608b {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--color-border-light);
}

.m608b:last-of-type {
  border-bottom: none;
  margin-bottom: 1rem;
  padding-bottom: 0;
}

.c23 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.c23 i {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.c33f {
  flex: 1;
}

.nd3fd0 {
  font-family: var(--font-heading);
  font-size: 1rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
}

.kaab6 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  line-height: 1.6;
}

.b8e {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
}

.m781b {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-top: 2rem;
  text-align: center;
}

.k2b {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

.c383 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 1.5rem 0;
  line-height: 1.6;
}

.jf93 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.875rem 1.75rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: 0.3px;
}

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

.p0425 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
  margin-top: 1rem;
}

.c1a46a {
  padding: 0 1.5rem;
}

.kacdc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 2.5rem 0;
  line-height: 1.2;
}

.p3c08 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

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

  .p0425 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .p3c08 {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }

  .p0425 {
    padding: 6rem 0;
  }
}

.p2baa {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

.p2baa:hover {
  border-color: var(--color-primary);
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

.k56e940 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin: 0 auto 1.25rem;
}

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

.e92827a8 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: 1.3;
}

.mdb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 480px) {
  .m8a,
  .g6724d52,
  .c1a46a {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ff2f479 {
    gap: 2rem;
  }

  .m781b {
    padding: 1.5rem;
  }

  .p2baa {
    padding: 1.5rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.p80ac7,.i1f55a{width:34px;}
.p80ac7[aria-expanded="true"]{display:none;}
.d6b8b{justify-content:flex-end;}
@media (max-width:768px){.l248639{min-height:500px;}}