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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #f1f5f9;
  --color-bg-card: #ffffff;

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

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #0ea5e9;
  --color-secondary-hover: #0284c7;
  --color-secondary-light: #cffafe;
  --color-secondary-lighter: #ecf9ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-success-lighter: #ecfdf5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-warning-lighter: #fffbeb;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;
  --color-danger-lighter: #fef2f2;

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

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

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

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

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

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

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

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

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.3px;
}

* {
  box-sizing: border-box;
}

*:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-xl);
}

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

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

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

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

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

p {
  margin: 0 0 var(--spacing-lg) 0;
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.3px;
}

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

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

a:visited {
  color: #6366f1;
}

button,
[role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

button:disabled,
[role="button"][disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul,
ol {
  margin: 0 0 var(--spacing-lg) var(--spacing-xl);
  padding: 0;
  line-height: 1.8;
}

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

code {
  font-family: 'Monaco', 'Courier New', monospace;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: 0.9em;
  font-weight: 500;
}

pre {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  border: 1px solid var(--color-border-light);
}

pre code {
  background: none;
  padding: 0;
  color: var(--color-text-primary);
}

blockquote {
  margin: var(--spacing-lg) 0;
  padding-left: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  font-style: italic;
  color: var(--color-text-secondary);
}

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-2xl) 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

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

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

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

.d6a782d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: 2px solid transparent;
}

.h071 {
  background: var(--color-primary);
  color: #ffffff;
}

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

.l4be3c {
  background: var(--color-secondary);
  color: #ffffff;
}

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

.id42b15 {
  background: transparent;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.id42b15:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

.pedce {
  background: transparent;
  color: var(--color-text-primary);
  border-color: var(--color-border);
}

.pedce:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-text-secondary);
}

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

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

.d6a782d:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

.a19 {
  margin-bottom: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

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

.jf29 {
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

.mc1 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: 0.875rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  letter-spacing: 0.5px;
}

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

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

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

.g752d7 {
  background: var(--color-warning-light);
  color: #b45309;
}

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

.m636a {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  border-left: 4px solid;
}

.f9218469 {
  background: var(--color-success-lighter);
  border-color: var(--color-success);
  color: #065f46;
}

.la8 {
  background: var(--color-warning-lighter);
  border-color: var(--color-warning);
  color: #78350f;
}

.hd1 {
  background: var(--color-danger-lighter);
  border-color: var(--color-danger);
  color: #7f1d1d;
}

.ce23 {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary);
  color: #1e3a8a;
}

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

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

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

.g980ba {
  text-align: center;
}

.a04c3 {
  text-align: right;
}

.g1f35c96 {
  text-align: left;
}

.k2d133d5 {
  font-weight: 400;
}

.d4a91 {
  font-weight: 500;
}

.ece0 {
  font-weight: 600;
}

.pdc65 {
  font-weight: 700;
}

.a6b9 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.md9c8210 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

.g1af {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.b457 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.kaeb9e {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

.d6b38b {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

.o87f6 {
  display: flex;
}

.p63f60 {
  flex-direction: column;
}

.g44007e {
  align-items: center;
  justify-content: center;
}

.b0d {
  align-items: center;
  justify-content: space-between;
}

.o0b9ee {
  align-items: flex-start;
  justify-content: flex-start;
}

.lee {
  gap: var(--spacing-xs);
}

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

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

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

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

.ed7 {
  display: grid;
}

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

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

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

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

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

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

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

.d51 {
  width: 100%;
}

.o51c2a {
  height: 100%;
}

.h8a3 {
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p57af37 {
  background: var(--color-bg-card);
}

.a62552 {
  background: var(--color-primary-lighter);
}

.mb1 {
  background: var(--color-secondary-lighter);
}

.p07d {
  opacity: 0.5;
}

.j5443 {
  opacity: 0.75;
}

.pe87 {
  cursor: pointer;
}

.o64 {
  user-select: none;
}

@media (max-width: 768px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

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

  .a5b4 {
    grid-template-columns: 1fr;
  }
}
.ma8 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.g8bd74c:hover {
  opacity: 0.85;
}

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

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

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

.b531 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.b531:hover {
  color: var(--color-accent);
  border-bottom-color: var(--color-accent);
}

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

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

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

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

.gf38265.bf6d span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.gf38265.bf6d span:nth-child(2) {
  opacity: 0;
}

.gf38265.bf6d span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.kfceb {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  padding-top: clamp(3.5rem, 8vw, 5rem);
  overflow-y: auto;
}

.kfceb.bf6d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.lebc80 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 4vw, 2rem);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

.a0651:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

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

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

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

  .o2e0e1f {
    display: block;
  }

  .gf38265 {
    display: none;
  }

  .kfceb {
    display: none;
  }
}

@media (max-width: 767px) {
  .a7a7 {
    padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 4vw, 2rem);
  }

  .n4f8 {
    width: 36px;
    height: 36px;
  }

  .h8fda {
    font-size: clamp(1rem, 2vw, 1.25rem);
  }
}

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

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

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

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

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

.e3f676 {
  text-align: center;
}

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

.c023 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.a69 {
  width: 100%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

.bbd2e96 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 150px;
  height: 180px;
  overflow: hidden;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.i5ddb3 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

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

.bc387768 {
  text-align: center;
}

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

.m1578 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.h5a32 {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

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

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

.m6076 {
  text-align: center;
}

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

.od20b9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

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

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

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

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

.cb6e7d3:hover .da7a5 img {
  transform: scale(1.05);
}

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

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

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

.d877b {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  margin-top: auto;
}

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

.pa714 {
  text-align: center;
}

.db9a18f8 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

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

.e67ec460 {
  text-align: center;
}

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

.d8a970af {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.k3750f {
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  transition: all var(--transition-base);
}

.h3e {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-size: clamp(1.5rem, 2vw, 2rem);
  font-weight: 700;
  margin: 0 auto clamp(1rem, 1.5vw, 1.5rem);
}

.f33d {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

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

.m3e {
  text-align: center;
}

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

.pe2a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: 0;
}

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

.k584dc {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  position: relative;
}

.nf72a6 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  margin-top: 2px;
}

.g5f4a .nf72a6 {
  background: var(--color-success);
}

.d7cf91 .nf72a6 {
  background: var(--color-accent);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.2);
}

.fcc2c3 .nf72a6 {
  background: var(--color-border-light);
}

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

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

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

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

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

.f9195 {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  text-align: center;
  max-width: 500px;
  position: relative;
  transform: translateY(-20px);
  transition: all var(--transition-base);
}

.f9195:hover {
  transform: translateY(-26px);
  box-shadow: var(--shadow-xl);
}

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

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

.mdbd8 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.75rem, 2.5vw, 2.75rem);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

.j8d07 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  display: inline-block;
}

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

.n56d46 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

.n56d46.c6953b3 {
  display: none;
}

.b28d4 {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  max-width: 400px;
  line-height: 1.5;
}

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

.mb01,
.d6a9 {
  padding: clamp(0.5rem, 0.75vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  transition: all var(--transition-base);
}

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

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

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

.d6a9:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

  .bbd2e96 {
    flex: 1 1 100%;
    height: 150px;
  }

  .b3bf {
    flex-direction: column;
  }

  .d6a782d {
    width: 100%;
  }

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

  .g19a0 {
    flex-direction: column;
  }

  .cb6e7d3 {
    max-width: 100%;
  }

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

  .k584dc {
    flex-direction: column;
  }

  .nf72a6 {
    width: 32px;
    height: 32px;
    margin-left: 4px;
  }

  .f9195 {
    transform: translateY(0);
  }

  .f9195:hover {
    transform: translateY(-10px);
  }

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

  .hc2bf {
    width: 100%;
  }

  .mb01,
  .d6a9 {
    flex: 1;
    min-width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .j2b5 {
    flex-direction: row;
  }

  .bbd2e96 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 150px;
    height: 150px;
  }

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

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

  .bbd2e96 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 150px;
    height: 180px;
  }

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

  .f9195 {
    transform: translateY(-30px);
  }

  .f9195:hover {
    transform: translateY(-36px);
  }
}

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

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

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

.c94 {
  max-width: 550px;
}

.c94 h3,
.k33e h3,
.i746d06 h3,
.o74b4 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: -0.5px;
}

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

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

.g715 li,
.d9cb286 li {
  margin: 0;
}

.k33e a,
.o74b4 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  transition: color var(--transition-base) ease;
  display: inline-block;
}

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

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

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

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

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

@media (min-width: 768px) {
  .h379bd {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2.5rem, 6vw, 4rem);
    justify-content: space-between;
  }

  .c94 {
    flex: 1 1 300px;
    min-width: 280px;
  }

  .k33e {
    flex: 0 1 auto;
    min-width: 160px;
  }

  .i746d06 {
    flex: 0 1 auto;
    min-width: 280px;
  }

  .o74b4 {
    flex: 0 1 auto;
    min-width: 160px;
  }

  .o50 {
    flex: 1 1 100%;
    order: 99;
  }

  .g715,
  .d9cb286 {
    gap: clamp(0.625rem, 1vw, 0.875rem);
  }
}

@media (min-width: 1024px) {
  .h379bd {
    gap: clamp(3rem, 8vw, 5rem);
  }

  .c94 {
    flex: 1 1 280px;
  }

  .k33e {
    flex: 0 1 140px;
  }

  .i746d06 {
    flex: 1 1 300px;
  }

  .o74b4 {
    flex: 0 1 140px;
  }
}

h1, h2, h3, h4, h5, h6, 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);
  overflow-x: hidden;
}

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

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

.m8f29df {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, #0f4c75 0%, #1a6fa0 50%, #2a8cc8 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
}

.df745f {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 76, 117, 0.85);
  z-index: 1;
}

.cfce0b05 {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
  max-width: 900px;
  margin: 0 auto;
}

.mc0619f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.k753 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: #e8f0f7;
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

.e65 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.01em;
}

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

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

.naa583 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 clamp(280px, 100%, 380px);
  min-width: 280px;
  max-width: 400px;
  padding: clamp(1.25rem, 3vw, 2rem);
  border: 1px solid var(--color-border-light);
}

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

.j8abf940 {
  width: calc(100% + 2 * clamp(1.25rem, 3vw, 2rem));
  margin: calc(-1 * clamp(1.25rem, 3vw, 2rem));
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 16/9;
}

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

.mb2 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  letter-spacing: -0.005em;
}

.p1a {
  font-size: clamp(0.875rem, 1.5vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  font-weight: 400;
  flex-grow: 1;
}

.h4392df {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.75rem, 2vw, 1.25rem);
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1.2vw + 0.4rem, 0.95rem);
}

.l1413,
.ced4,
.kaef3 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.l1413 i,
.ced4 i,
.kaef3 i {
  font-size: 0.875em;
  color: var(--color-secondary);
}

.l1934f7 {
  display: inline-block;
  margin-top: clamp(0.5rem, 1vw, 1rem);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1.2vw + 0.4rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  text-align: center;
  width: fit-content;
  letter-spacing: 0.3px;
}

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

.l1934f7:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .m8f29df {
    min-height: 550px;
  }

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

  .naa583 {
    flex: 1 1 calc(50% - 1.25rem);
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .m8f29df {
    min-height: 600px;
  }

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

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

  .p9c0 {
    gap: clamp(1.25rem, 3vw, 1.75rem);
  }
}

.e56114 {
  width: 100%;
}

.e56114 * {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

.c37 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  width: fit-content;
}

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

.m7a7 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 700px;
}

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

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

.d85 i {
  color: var(--color-primary);
  font-size: 1em;
}

.fa34 {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

.m651 {
  flex: 0 0 auto;
}

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

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

.pd3c {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

.m0aa {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

.b6a6 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.875rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

.p479 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.8;
  margin: 0;
  padding-left: 1.5rem;
  list-style-type: disc;
}

.p479 li {
  margin-bottom: 0.75rem;
}

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

  .m411,
  .c76 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.fd5bd {
  flex: 0 1 clamp(250px, 30vw, 380px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

.af534 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex: 0 0 auto;
}

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

.fd5bd:hover .af534 img {
  transform: scale(1.05);
}

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

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

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

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

.n8316b:hover {
  color: var(--color-primary-hover);
  text-decoration: underline;
  transform: translateX(2px);
}

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

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

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

html, body {
  width: 100%;
  height: 100%;
}

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

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

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

.cecf33 {
  width: 100%;
}

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

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

.j0ac4ab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

.k908b {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.e1e7d0 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: 0.4rem 0.9rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
}

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

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

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

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

.gb22e2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

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

.n0b2 {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  margin-top: clamp(1rem, 3vw, 2rem);
}

.j7c0e69 {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 500px;
}

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

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

.pb3 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

.a5c2 {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 6vw, 4.5rem);
}

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

.l9d33:nth-child(even) {
  flex-direction: row-reverse;
}

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

.m3a399a {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.fc7e {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 400px;
}

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

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

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

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

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

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

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

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

.a5857 {
  margin: 0;
}

.o236 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-style: italic;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 1rem 0;
}

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

.h2a {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-style: normal;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d7bed0 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  text-align: center;
}

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

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

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

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

.f86154 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

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

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

.d20b48 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border-light);
}

.h02cc,
.l3e3ab {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
}

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

  .pb3 {
    flex-shrink: 0;
  }

  .df8f {
    align-items: center;
  }

  .l9d33,
  .l9d33:nth-child(even) {
    flex-direction: column;
  }

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a7369ac {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-accent);
  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;
}

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

.e7d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
}

.d5213e {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.ne2c6 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  text-align: center;
}

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

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

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

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

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

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

.n29bfb3 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-border-light);
}

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

.j79915 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

.f8a a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

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

.naa76 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
}

.mae5dcff {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

.jfb7e9 {
  background: var(--color-success-lighter);
  border: 1px solid var(--color-success-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
}

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

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

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

.jf54030 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  line-height: 1;
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: var(--color-primary-light);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
}

.l7814412 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  padding-top: 0.25rem;
}

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

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

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

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

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

.pccb {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(2rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-warning-lighter);
  border: 1px solid var(--color-warning-light);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

.b14 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.hac {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - clamp(1.5rem, 2vw, 2rem));
  min-width: 300px;
  max-width: 380px;
}

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

.n52d0a {
  overflow: hidden;
  height: 220px;
}

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

.hac:hover .m65bf58 {
  transform: scale(1.05);
}

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

.de968 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

.e8d0ba {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

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

  .h77f9f32,
  .naa76 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .hac {
    flex: 1 1 calc(50% - clamp(1rem, 1.5vw, 1.5rem));
    min-width: 280px;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .p2d {
    font-size: 0.8125rem;
  }

  .d5213e {
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem 0;
  }

  .ne2c6 {
    gap: 0.25rem;
  }

  .g6472 {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
  }

  .n29bfb3 {
    width: 70px;
    height: 70px;
  }

  .bc7f {
    gap: 1rem;
  }

  .jf54030 {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
  }

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

  .d8b6b4e {
    gap: 1.5rem;
  }
}

* {
  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: var(--transition-base);
}

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

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.m385573 {
  overflow: hidden;
}

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

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

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

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

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

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

.ba3 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.4rem 0.8rem;
  border-radius: 0.25rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

.e98 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  max-width: 700px;
  line-height: 1.6;
}

.f98c8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
  margin-top: 1rem;
}

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

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

.k3e01941 {
  width: 100%;
  max-height: 500px;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  margin-top: 1rem;
}

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

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

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

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

.f1aa {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.p5705a {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin: 0;
}

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

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

.nff39bc a:hover {
  text-decoration: underline;
}

.k40 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.maead {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
}

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

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

.lfcb5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: flex-start;
}

.j06ee {
  flex: 1 1 calc(33.333% - clamp(1rem, 3vw, 2rem));
  min-width: 250px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

.c0be31 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding-left: 1.5rem;
  position: relative;
}

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

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

.fff2a07 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

.ha6ad1 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

.h6ecd {
  background: var(--color-bg-tertiary);
  padding: 1.25rem;
  border-radius: 0.5rem;
  border-left: 3px solid var(--color-accent);
}

.le549 {
  color: var(--color-text-primary);
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
}

.p98a7 {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  margin: 0;
}

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

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

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

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

.fdf215 {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem) / 2);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

.c759 {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.daf {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  border-left: 3px solid var(--color-secondary);
}

.ie51 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  margin: 0 0 0.75rem 0;
}

.e27f8d94 {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0;
}

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

.b6f39 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

.c8a8:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
}

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

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

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

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

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

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

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

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

.id9b {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}

.n007 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.375rem, 0.5vw, 0.5rem);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-accent);
}

.n007:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  text-decoration: none;
}

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

.e9cf {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-secondary);
}

.lf1 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
}

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

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

.h1fd {
  width: 100%;
}

.i87bf62 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

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

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

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

.mcf {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem) * 2 / 3);
  min-width: 300px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
  border: 1px solid var(--color-border);
}

.mcf:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

.ea3 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

.mcf:hover .gc35 {
  transform: scale(1.05);
}

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

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

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

.c5cdc6 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: var(--transition-base);
  align-self: flex-start;
}

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

.c5cdc6::after {
  content: "→";
  transition: var(--transition-base);
}

.c5cdc6:hover::after {
  transform: translateX(4px);
}

@media (max-width: 1024px) {
  .fb0,
  .i05,
  .cef64 {
    flex-direction: column;
  }

  .m4d,
  .fff2a07,
  .dbcfed61,
  .ha6ad1,
  .bb480b,
  .b6f39 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lfcb5 {
    flex-direction: column;
  }

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

  .mcf {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem) / 2);
    min-width: 280px;
  }
}

@media (max-width: 768px) {
  .eef2c2 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

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

  .f1aa {
    align-items: center;
  }

  .lfcb5 {
    flex-direction: column;
  }

  .j06ee {
    flex: 1 1 100%;
  }

  .oe1a {
    flex-direction: column;
  }

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

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

  .n82c {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }

  .a1d {
    align-items: center;
  }

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

  .ofc46 {
    flex-direction: column;
  }
}

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

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

.k685 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

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

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

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

.f9835 {
  text-align: center;
}

.f9835 h1 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.f9835 .oe0 {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ba9370 {
  flex: 1 1 clamp(280px, 45%, 400px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.m3448d17 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary-light);
  border-radius: clamp(0.375rem, 0.75vw, 0.75rem);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

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

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

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

.p9def065 {
  text-align: center;
}

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

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

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

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

.j29d6 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  border-radius: 50%;
  color: var(--color-text-on-accent);
  font-size: 1rem;
  margin-top: 0.25rem;
}

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

.lef {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

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

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

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

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

.e7ff9 {
  max-width: 800px;
  margin: 0 auto clamp(2rem, 3vw, 2.5rem);
  text-align: center;
}

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

.ldf {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

.fa2ff {
  flex: 1 1 clamp(200px, 40%, 300px);
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

.fa2ff:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.hb7 {
  font-size: 2rem;
  color: var(--color-primary);
  margin-bottom: 0.75rem;
}

.j40cb2 {
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.4;
}

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

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

.o3f {
  text-align: center;
}

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

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

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

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

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

  .fa2ff {
    flex: 1 1 100%;
  }

  .f9835 h1 {
    margin-bottom: 1rem;
  }

  .nab81c4,
  .o1efe8,
  .j64e192,
  .i86e7,
  .m889201 {
    padding: 2rem 0;
  }
}

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

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

@media (min-width: 1024px) {
  .ba9370 {
    flex: 1 1 calc(33.333% - 1rem);
  }

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

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

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

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

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

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

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

.k503e7d {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
}

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

.i33e8 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
}

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

.fe031a {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.ecb9d {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent-light);
  line-height: 1.4;
  font-weight: 500;
}

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

@media (max-width: 768px) {
  .b4ea5d6 {
    flex-direction: column;
  }
  
  .k503e7d,
  .i33e8 {
    flex: 1 1 100%;
  }
}

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

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

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

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

.ae75 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

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

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

.p5b4d6 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Plus Jakarta Sans', sans-serif;
  min-width: clamp(3.5rem, 8vw, 5rem);
  flex-shrink: 0;
  line-height: 1;
}

.b26e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

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

@media (max-width: 768px) {
  .gb2e92c {
    gap: 1rem;
  }
  
  .p5b4d6 {
    min-width: 3rem;
  }
}

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

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

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

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

.n4a {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

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

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

.jdff6 {
  flex: 1 1 clamp(280px, 100%, 340px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.jdff6:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.15);
}

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

.h09 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

.k1aa {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.icf {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  max-width: 800px;
  margin: 0 auto;
}

.aca {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-style: italic;
  margin-bottom: 1rem;
}

.ja23 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

.l878 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  min-width: clamp(2rem, 4vw, 2.5rem);
  flex-shrink: 0;
}

.lc99cf4e {
  flex: 1;
}

.c8df1 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

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

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

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

.a7a74d8c {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
}

.c9819c6 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  display: block;
}

.ge5dc64 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

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

.g4f6 {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

.g4f6 i {
  font-size: 0.875em;
}

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

.ace {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  transition: all 0.3s ease;
}

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

.l7b {
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  color: var(--color-accent);
  min-width: 2rem;
  flex-shrink: 0;
}

.dfa {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  margin-bottom: 0.25rem;
  line-height: 1.3;
}

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

@media (max-width: 768px) {
  .m6e7c3e {
    flex-direction: column;
  }
  
  .a7a74d8c,
  .i65148e {
    flex: 1 1 100%;
  }
}

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

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

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

.d6c22a71 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

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

.ncb8fd {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

.ncb8fd i {
  font-size: 0.875em;
}

@media (max-width: 1024px) {
  .b4ea5d6,
  .m6e7c3e {
    flex-direction: column;
  }
  
  .k503e7d,
  .i33e8,
  .a7a74d8c,
  .i65148e {
    flex: 1 1 100%;
  }
}

@media (max-width: 640px) {
  .gb2e92c {
    flex-direction: column;
    gap: 1rem;
  }
  
  .p5b4d6 {
    min-width: auto;
  }
  
  .l030963 {
    flex-direction: column;
    gap: 1rem;
  }
  
  .b1412d6b {
    flex-direction: column;
  }
  
  .jdff6 {
    flex: 1 1 100%;
  }
}

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

.g4bf {
  position: relative;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.m129b0 {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
}

.cfc968 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.5px;
}

.ddc9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pca20 {
  width: 100%;
  height: auto;
  max-height: 280px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: var(--spacing-lg);
  display: block;
}

@media (min-width: 768px) {
  .g4bf {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .m129b0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .pca20 {
    max-height: 350px;
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .g4bf {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .m129b0 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pca20 {
    max-height: 400px;
  }
}

.f7e85 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.b2d5c80 {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-md);
}

.n9f992 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.e409 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.od2 {
  width: 100%;
  padding: var(--spacing-md);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: background-color var(--transition-fast);
  text-align: left;
}

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

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

.je4c {
  flex: 1;
  line-height: 1.5;
}

.d8e00b7 {
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.e409[open] .d8e00b7,
.od2[aria-expanded="true"] .d8e00b7 {
  transform: rotate(180deg);
}

.ib4359d {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.ib4359d p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 768px) {
  .f7e85 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .b2d5c80 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .f7e85 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .b2d5c80 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

.f07f {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.i094e47 {
  max-width: 700px;
  margin: 0 auto;
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
}

.kd0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.5px;
}

.n2545089 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ebfe6 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: background-color var(--transition-base), border-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-sm);
}

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

.ebfe6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .f07f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .i094e47 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f07f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .i094e47 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

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

.b79694e {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

@media (min-width: 768px) {
  .j2c77df {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j2c77df {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.a58402f {
  max-width: 1200px;
  margin: 0 auto;
}

.df09f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .df09f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

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

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

.eb3adec {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

.ed76 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.baef {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.baef li {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 0.9375rem);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.5;
}

.baef li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 700;
}

.p119bd3 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  margin-top: var(--spacing-3xl);
}

.k0f {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.3;
}

.e70f3b2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .e70f3b2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .e70f3b2 {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
  }
}

.h4b378 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.i80a574 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-secondary-lighter);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  font-size: 1.5rem;
  color: var(--color-secondary);
}

.pdca4b {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .m449c0 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m449c0 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

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

.h0ccd3 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.4rem, 1.125rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.b6cc2 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.b6cc2:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .pa6077 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pa6077 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.h99f {
  max-width: 1200px;
  margin: 0 auto;
}

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

.cf6d8c {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.0625rem);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.oc93 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .oc93 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .oc93 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
}

.oef16 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.lb7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  font-size: 0.875rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.oef16:hover .lb7 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.f4cc {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1.0625rem);
  font-weight: 600;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .h0983 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h0983 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.laf40 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.laf40 main {
  width: 100%;
}

.laf40 .mbc2a78 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.laf40 .o88be98 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.laf40 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.laf40 .hfff0b6 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.laf40 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);
  line-height: 1.4;
}

.laf40 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.laf40 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.laf40 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.laf40 .m1acbf {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.laf40 .m1acbf h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.laf40 .m1acbf p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.laf40 .e7eda28 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.laf40 .e7eda28 p {
  margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {
  .laf40 .o88be98 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .laf40 .m1acbf {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .laf40 .mbc2a78 {
    padding: 0 var(--spacing-lg);
  }

  .laf40 .o88be98 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.ddff {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
}

.ge1 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.o88be98 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.f7ea {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.m1793f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  margin: 0 auto var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.m1793f svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

.ee9 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
  animation: slideUp 0.6s ease-out 0.1s both;
}

.afa {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.2s both;
}

.g1f36e9 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  animation: slideUp 0.6s ease-out 0.3s both;
}

.od9db {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  animation: slideUp 0.6s ease-out 0.4s both;
}

.d6a782d {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-heading);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.5px;
  animation: slideUp 0.6s ease-out 0.5s both;
}

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

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

.h071:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.h071:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

@media (min-width: 480px) {
  .ge1 {
    padding: var(--spacing-xl);
  }

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

@media (min-width: 768px) {
  .ge1 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .ge1 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .f7ea {
    max-width: 600px;
  }

  .d6a782d {
    padding: calc(var(--spacing-sm) + 2px) calc(var(--spacing-lg) + 8px);
  }
}

@media (min-width: 1440px) {
  .ge1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

html, body {
  width: 100%;
  height: 100%;
}

.j9b2565 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  position: relative;
  overflow: hidden;
}

.mef {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.o88be98 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}

.o6a83 {
  text-align: center;
  position: relative;
  z-index: 1;
}

.c9639 {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.d2d58 {
  width: 80px;
  height: 80px;
  color: var(--color-primary);
  opacity: 0.6;
  margin-bottom: var(--spacing-md);
  animation: float-anchor 3s ease-in-out infinite;
}

@keyframes float-anchor {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.da5b {
  position: relative;
  display: inline-block;
}

.j66d6a2 {
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  position: relative;
  z-index: 2;
}

.h7e788a {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 8px;
  background-color: var(--color-secondary);
  border-radius: var(--radius-full);
  opacity: 0.4;
}

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

.jf1c1f61 {
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.bb54c {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
  font-weight: 500;
}

.j37e {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  opacity: 0.85;
}

.k839a {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
  display: inline-block;
  width: 100%;
}

.h6c33 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

.eeb621 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.eeb621 li {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

.eeb621 li:before {
  content: "→";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.d6a782d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  font-family: var(--font-primary);
}

.h071 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.h071:active {
  transform: translateY(0px);
}

.p9b {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.15rem);
}

.d96ab {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  opacity: 0.15;
  color: var(--color-primary);
  z-index: 0;
  pointer-events: none;
}

.d96ab svg {
  width: 100%;
  height: 100%;
}

@media (min-width: 640px) {
  .mef {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .h7e788a {
    width: 180px;
    bottom: -30px;
  }

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

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

@media (min-width: 768px) {
  .mef {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .o6a83 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
    text-align: left;
  }

  .c9639 {
    margin-bottom: 0;
    justify-content: flex-end;
  }

  .d2d58 {
    width: 120px;
    height: 120px;
  }

  .j66d6a2 {
    font-size: clamp(4rem, 10vw, 7rem);
  }

  .bc24e3 {
    margin-top: 0;
  }

  .jf1c1f61 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
  }

  .bb54c {
    font-size: clamp(1.05rem, 2vw, 1.3rem);
  }

  .k839a {
    text-align: left;
    display: block;
  }

  .p9b {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .mef {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .d2d58 {
    width: 140px;
    height: 140px;
  }

  .j66d6a2 {
    font-size: clamp(5rem, 12vw, 8.5rem);
  }

  .h7e788a {
    width: 200px;
    height: 10px;
    bottom: -35px;
  }

  .jf1c1f61 {
    font-size: clamp(2rem, 5vw, 3rem);
  }

  .bb54c {
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  }

  .j37e {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
  }

  .h6c33 {
    font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  }

  .eeb621 li {
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .d2d58 {
    animation: none;
  }

  .h071:hover {
    transform: none;
  }

  .h071:active {
    transform: none;
  }
}

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

.i6ff3b {
  background-color: var(--color-bg-secondary);
  padding: 4rem 0;
  overflow: hidden;
}

.c714442 {
  text-align: center;
}

.i040f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.kd2c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.fa3016 {
  background-color: var(--color-bg-primary);
  padding: 4rem 0;
  overflow: hidden;
}

.d122ce {
  width: 100%;
}

.af896 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.f023e2 {
  flex: 1 1 100%;
  min-width: 0;
}

.f9e5b36 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 968px) {
  .f023e2 {
    flex: 1 1 calc(50% - 1.5rem);
    max-width: none;
  }

  .f9e5b36 {
    flex: 1 1 calc(50% - 1.5rem);
    max-width: none;
  }
}

.n1d21e2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.l55 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.la160 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.b3b788,
.c0ef {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.b3b788::placeholder,
.c0ef::placeholder {
  color: var(--color-text-muted);
}

.b3b788:focus,
.c0ef:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.c0ef {
  min-height: 140px;
  resize: vertical;
}

.lc180737 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.of8ffca {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.i23d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
}

.f9e1a4ec {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.l619 {
  display: flex;
  gap: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

.l619:last-child {
  border-bottom: none;
}

.f2e023 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.p6053 {
  flex: 1;
  min-width: 0;
}

.n710 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

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

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

.kd46 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.a1079d8 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.c0f5d7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

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

.n90b {
  background-color: var(--color-bg-secondary);
  padding: 4rem 0;
  overflow: hidden;
}

.f20a28a {
  text-align: center;
}

.a2794329 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.acbd6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.hc8 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  justify-content: center;
}

.mfb4 {
  display: inline-block;
  padding: 1rem 2.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

.l15382:hover {
  background-color: var(--color-accent-light);
  color: var(--color-text-primary);
  border-color: var(--color-accent-light);
  transform: translateY(-2px);
}

@media (min-width: 480px) {
  .i6ff3b {
    padding: 5rem 0;
  }

  .fa3016 {
    padding: 5rem 0;
  }

  .n90b {
    padding: 5rem 0;
  }
}

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

  .fa3016 {
    padding: 6rem 0;
  }

  .n90b {
    padding: 6rem 0;
  }

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

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

  .fa3016 {
    padding: 7rem 0;
  }

  .n90b {
    padding: 7rem 0;
  }
}

@media (max-width: 967px) {
  .f023e2 {
    order: 1;
  }

  .f9e5b36 {
    order: 2;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.gf38265,.kda3{width:34px;}
.gf38265[aria-expanded="true"]{display:none;}
.kfceb.bf6d{z-index:999;}
.kfceb{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.kfceb{max-width:100%;}}
.eb9{justify-content:flex-end;}