@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: #0a1a0f;
  --color-bg-secondary: #132d1a;
  --color-bg-tertiary: #1a4025;
  --color-bg-card: #112518;

  --color-text-primary: #f0fdf4;
  --color-text-secondary: #bbf7d0;
  --color-text-muted: #86efac;

  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --color-primary-light: #4ade80;
  --color-secondary: #4ade80;
  --color-secondary-light: #6ee7a0;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-info: #3b82f6;

  --color-border: #1f4d2f;
  --color-border-light: #0d3b15;

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

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 48px;
  letter-spacing: -1px;
}

h2 {
  font-size: 36px;
  letter-spacing: -0.5px;
}

h3 {
  font-size: 28px;
  letter-spacing: -0.25px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

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

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

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

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

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

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

button {
  cursor: pointer;
  border: none;
  font-size: 16px;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

.da622c:active {
  transform: scale(0.98);
}

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

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

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

.hdf7e84:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-primary);
}

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);
  background: var(--color-bg-card);
}

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

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

.n73b {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

.h0eee {
  background: rgba(34, 197, 94, 0.2);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

.b74d {
  display: flex;
}

.m3a {
  flex-direction: column;
}

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

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

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

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

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

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

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

.ldd7213 {
  text-align: center;
}

.p12 {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

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

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

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

  .b0a,
  .g950 {
    padding: var(--spacing-2xl) 0;
  }
}

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  .f6e680d2,
  .e2e5 {
    grid-template-columns: 1fr;
  }

  button {
    width: 100%;
  }

  .m80 {
    padding: 0 var(--spacing-md);
  }
}
.m6c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

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

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

.ne944ba4:hover .ifc9a7 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

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

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

.b19 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 0.4rem;
  flex-shrink: 0;
}

.b19 span {
  width: 1.5rem;
  height: 0.2rem;
  background: var(--color-text-primary);
  border-radius: 0.1rem;
  transition: all var(--transition-base);
}

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

.p3e {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.p3e.l6e5b {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.c1eae4 {
  display: block;
  margin: clamp(2rem, 5vw, 3rem) clamp(1rem, 4vw, 2rem) clamp(1rem, 4vw, 2rem);
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  border: none;
  border-radius: 0.5rem;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .f5a14 {
    display: block;
  }

  .b19 {
    display: none;
  }

  .p3e {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .p3e {
    width: 100%;
    right: 0;
  }
}

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

    

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

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

.a51f853 {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.mb3c2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, var(--color-accent) 0%, transparent 60%);
  opacity: 0.15;
  pointer-events: none;
}

.i51f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  position: relative;
  z-index: 1;
}

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

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

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

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

.nf76c {
  padding: clamp(0.625rem, 1.5vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
}

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

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

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

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

.c871 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c871 img {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
}

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

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

.p634 {
  max-width: 800px;
  position: relative;
  text-align: center;
}

.m214 {
  font-size: clamp(3rem, 8vw, 6rem);
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: 1rem;
}

.o08d4 {
  margin: 0;
}

.aafb0 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
}

.d432c {
  text-align: center;
}

.e130ff {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin: 0;
}

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

.ga3ae {
  text-align: center;
}

.pbf {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

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

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

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

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

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

.h3fd5e3 {
  flex: 1 1 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.d7e5 {
  border-color: var(--color-accent);
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.1);
}

.e2e08 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.a39a4 .fcb14:before {
  content: "";
  color: #ef4444;
}

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

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

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

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

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

.n00e492 {
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.n47477c8 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-muted);
  font-style: italic;
  margin: 0;
}

.e72e2 {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

.naf:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.1);
}

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

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

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

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

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

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

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

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

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

.af42 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1.2;
  flex-shrink: 0;
  width: clamp(2.5rem, 5vw, 3rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.h774:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(34, 197, 94, 0.15);
}

.l32c6 {
  width: 100%;
  overflow: hidden;
  height: 220px;
}

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

.h774:hover .l32c6 img {
  transform: scale(1.05);
}

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

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

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

.g1600dc2 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: color 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

.n0d2c68.k4f30f2 {
  display: none;
}

.m7168 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-secondary);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

.g394c {
  display: flex;
  flex-direction: row;
  gap: clamp(0.5rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.lca5,
.c64b4f9c {
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  border: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

.c64b4f9c {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid rgba(187, 247, 208, 0.3);
}

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

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

  .le1cf {
    flex: 1 1 100%;
  }

  .c871 {
    flex: 1 1 100%;
  }

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

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

  .fbe {
    flex: 1 1 100%;
  }

  .e72e2 {
    flex: 1 1 100%;
  }

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

  .iadf6 {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1rem);
    align-items: stretch;
  }

  .af42 {
    text-align: left;
  }

  .n0d2c68 {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.25rem);
  }

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

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

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

  .l083e {
    flex-direction: column;
  }

  .p3e7c {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .i2cfa2 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

.c0b3df {
  display: block;
}

.c0b3df 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(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

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

.c4ebbc8d {
  display: block;
}

.c4ebbc8d 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(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

.c6e3053 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.c6e3053 li {
  display: block;
}

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

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

.kd80 {
  display: block;
}

.kd80 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(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

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

.i43 {
  display: block;
}

.i43 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(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

.k1890 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

.k1890 li {
  display: block;
}

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

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

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

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

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

@media (min-width: 768px) {
  .m7243 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
    align-items: start;
  }

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

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

  .c0b3df {
    grid-column: 1 / 2;
  }

  .c4ebbc8d {
    grid-column: 2 / 3;
  }

  .kd80 {
    grid-column: 3 / 4;
  }

  .i43 {
    grid-column: 2 / 3;
    margin-top: -1rem;
  }
}
    

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

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

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

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

.j2af {
  text-align: center;
}

.m3b0d5 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pf77 {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b34cb03 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid rgba(34, 197, 94, 0.2);
  min-width: 120px;
}

.f17 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.c2c233 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.d36f {
  text-align: center;
}

.hc18a8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.bbcf {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 2vw, 1.25rem) 0 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h40a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: 12px;
  border: 1px solid rgba(34, 197, 94, 0.15);
  flex: 1 1 clamp(300px, 30vw, 400px);
  max-width: 400px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.h40a:hover {
  transform: translateY(-6px);
  border-color: rgba(34, 197, 94, 0.4);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.1);
}

.cfb4f53 {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.ad259 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p7867c {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(34, 197, 94, 0.15);
}

.g33d7 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.g33d7 i {
  font-size: 0.75rem;
  color: var(--color-accent);
}

.gb63 {
  display: inline-block;
  margin-top: auto;
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: #000;
  text-decoration: none;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.kdc287e8 {
  text-align: center;
}

.l3624 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 767px) {
  .c78be4ad {
    gap: 1rem;
  }

  .b34cb03 {
    min-width: 100px;
    padding: 0.75rem;
  }

  .jc5f {
    gap: 1.5rem;
  }

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

  .p7867c {
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pba9 > span:last-child {
  color: var(--color-text-primary);
}

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

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

.g8c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  max-width: 600px;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.kf9f8d9 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 0.5rem);
  display: block;
  object-fit: cover;
}

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

  .l26b4b,
  .jeb6f76 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.m40b1 {
  list-style: none;
  margin: clamp(1.5rem, 2vw, 2rem) 0 0 0;
}

.m40b1 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.m40b1 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.4em;
  width: 0.4em;
  height: 0.4em;
  background: var(--color-accent);
  border-radius: 50%;
}

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

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

.j167409a strong {
  color: var(--color-accent);
}

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

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

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

  .b0b00bb6 {
    min-width: auto;
  }

  .n9f {
    flex-direction: column;
  }

  .d5bb74,
  .g317a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.n07 {
  flex-shrink: 0;
}

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

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

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

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

.o7a5ecc1:hover {
  color: var(--color-secondary);
}

.b184ae2 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

.c6c6:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(34, 197, 94, 0.15);
}

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

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

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

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

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

.pa0af3:hover {
  color: var(--color-secondary);
}

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

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

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

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

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.l7fab7 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  margin: 0;
  line-height: 1.5;
  max-width: 90%;
}

.m78b63 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.g96178 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

.pf32 {
  color: var(--color-accent);
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
  flex-shrink: 0;
}

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

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

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

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

.fc0 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.de7e p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.pe344e p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.gb497912 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.6;
}

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

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

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

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

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

.l9e59:not(:last-child) {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

.i38ba1 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  margin: 0;
  font-weight: 500;
}

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

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

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

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

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

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

.of340:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: var(--color-accent);
}

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .ka9f2b,
  .c60,
  .c52f,
  .hb3e268,
  .fed6d {
    flex-direction: column;
  }

  .m6f,
  .e6081,
  .fc0,
  .bde4,
  .ha25,
  .de7e,
  .pe344e,
  .g17afc2,
  .i70,
  .gb497912 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ha25,
  .i70 {
    order: 0;
  }

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

  .pf32 {
    font-size: clamp(2rem, 5vw, 3rem);
  }
}

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

  .h690 {
    font-size: 0.8125rem;
  }

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

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  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: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.pf893 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  max-width: 800px;
}

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

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

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

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

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

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

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

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

.e38a img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

.bbd97 {
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-accent);
  line-height: 0.9;
  opacity: 0.15;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.n4c8 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

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

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

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

.m29caa .n4c8 p {
  color: var(--color-text-secondary);
}

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

.k5b905be img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

  .bbd97 {
    position: static;
    opacity: 0.1;
    margin-bottom: 1rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j48f572 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

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

.dce1ac32 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.b6ad1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.b6ad1 i {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  min-width: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

.h9d07d7f i {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  min-width: 2rem;
  margin-top: 0.25rem;
}

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

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

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

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

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

.a5451 {
  flex-shrink: 0;
}

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

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

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

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

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

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

.bcde {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

  .m94885 {
    gap: 0.75rem;
  }
}

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

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

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

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

.kd0aa1 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.kd0aa1:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(34, 197, 94, 0.1);
}

.eb5673 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

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

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

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

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

.c10b96 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: gap 0.3s ease, color 0.3s ease;
  align-self: flex-start;
  margin-top: 0.5rem;
}

.c10b96:hover {
  color: var(--color-accent-hover);
  gap: 0.75rem;
}

.c10b96 i {
  font-size: 0.875em;
}

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

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

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

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

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

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

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

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

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

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

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

  .k0a9c {
    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;
    margin: 0;
  }

  .j431a7 {
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 2vw, 1.375rem);
    margin: 0;
    font-weight: 400;
    line-height: 1.5;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pe72c4a {
    color: var(--color-accent);
    font-size: clamp(2rem, 6vw, 3.5rem);
    font-weight: 700;
    font-family: var(--font-heading);
    line-height: 1;
    flex-shrink: 0;
    min-width: clamp(3rem, 8vw, 5rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pcd86c9 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: flex-start;
    max-width: 600px;
  }

  .kb0900 {
    flex-shrink: 0;
  }

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

  .g4c2982c {
    flex: 1 1 auto;
  }

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

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

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

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

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

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

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

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

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

  .g9b8dc {
    flex: 1 1 clamp(300px, 100%, 350px);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

  .dcb0db {
    width: 100%;
    height: 220px;
    overflow: hidden;
  }

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

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

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

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

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

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

  @media (max-width: 768px) {
    .kaecc6d,
    .kbb,
    .n952fd6,
    .need6e,
    .bc918,
    .k8d68a {
      flex-direction: column;
    }

    .f74,
    .ja7,
    .k8120,
    .aeb,
    .cdc,
    .h061eac1,
    .e8a5,
    .o3f95,
    .i974,
    .db0689,
    .k5bd7129,
    .ce5a837 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .i81dc0,
    .h28,
    .ldbebc,
    .i660b22,
    .ea2acba4 {
      flex-direction: column;
      gap: 0.75rem;
    }

    .pe72c4a {
      min-width: auto;
    }

    .h061eac1,
    .db0689 {
      order: 0;
    }

    .pcd86c9 {
      flex-direction: column;
      align-items: flex-start;
    }

    .bc6 {
      flex-direction: column;
    }

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

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

* {
  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);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.k3ec107a {
  background: var(--color-bg-card);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.ad6f60dd {
  max-width: 900px;
}

.p1a1 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

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

.e7b87 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

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

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

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

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

.g2c5821 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.c27f4 {
  flex: 1 1 50%;
  min-width: 300px;
}

.c27f4 p {
  font-size: clamp(0.875rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

.pf7b {
  flex: 1 1 50%;
  min-width: 250px;
  max-height: 450px;
}

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

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

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

.g67b96 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

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

.f0a1 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.c92ec2b4 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

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

.jb9:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.1);
  border-color: var(--color-accent-light);
}

.ife921 {
  font-size: 2rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
}

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

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

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

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

.l2c7b7 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

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

.o626b5 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.b313e616 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.33rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all 0.3s ease;
}

.b313e616:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(14, 165, 233, 0.12);
  border-color: var(--color-accent);
}

.m9dc32 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
}

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

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

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

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

.c94c88 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

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

.n73 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.d2f0 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.l31b8 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

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

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

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

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

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

.g09f {
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

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

  .c27f4 {
    flex: 1 1 100%;
  }

  .pf7b {
    flex: 1 1 100%;
    max-height: 300px;
  }

  .jb9 {
    flex: 1 1 100%;
  }

  .b313e616 {
    flex: 1 1 100%;
  }

  .j56 {
    line-height: 1.6;
  }

  .b363,
  .c92ec2b4,
  .d2f0 {
    line-height: 1.8;
  }
}

@media (max-width: 480px) {
  .p1a1 {
    line-height: 1.3;
  }

  .g2c5821,
  .f0a1,
  .o626b5,
  .n73 {
    line-height: 1.3;
  }

  .m9dc32 {
    margin-bottom: 0.25rem;
  }
}

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

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

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

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

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

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

.l4c7495 {
  display: inline-flex;
  width: fit-content;
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-full);
}

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

.id9 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pc8 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 90%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cb73 {
  flex: 1 1 100%;
  width: 100%;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

@media (min-width: 768px) {
  .cb73 {
    flex: 1 1 45%;
    max-height: 500px;
  }
}

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

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

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

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

.c49 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .je803d14 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

.o58e17 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .k7ee6a {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.lbe {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  min-height: 280px;
  transition: all var(--transition-base);
}

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

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

.lfc2 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .a23639f {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.deea0b {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .cfc {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

.j8f {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  min-height: 240px;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

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

.de8b3 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
}

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

.pd05 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-fast);
  width: fit-content;
}

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

.pd05 i {
  font-size: 0.9em;
}

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

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

.b82b4b7 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n30f693 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

  .o6cc5c93 {
    padding: 6rem 0;
  }

  .c15d3 {
    padding: 6rem 0;
  }

  .d9d86c {
    padding: 6rem 0;
  }

  .db352 {
    padding: 6rem 0;
  }

  .hbb {
    padding: 6rem 0;
  }

  .pbd77ce {
    padding: 6rem 0;
  }
}

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

.j7da24 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.i99714 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

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

@media (min-width: 768px) {
  .i99714 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i99714 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.n84 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.ddb9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.l213 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base);
}

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

.l71 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
}

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

.l71[aria-expanded="true"] {
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
}

.ibc05ea {
  flex: 1;
  line-height: 1.4;
}

.p8c {
  flex-shrink: 0;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.l71[aria-expanded="true"] .p8c {
  transform: rotate(180deg);
}

.j214 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
}

.l213[data-expanded="true"] .j214 {
  max-height: 500px;
}

.bf04d0 {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
}

.bf04d0 p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .n84 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .n84 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

.ca81a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.cee184aa {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.n76 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.g1a1f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}

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

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

@media (min-width: 768px) {
  .ca81a {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ca81a {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

.l8d45788 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.j84dc1 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.b2cb3 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

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

@media (min-width: 768px) {
  .l8d45788 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .l8d45788 {
    padding: 5rem 2rem;
  }
}

.b9d440 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.g0a0f1f {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

.idff9a44 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem;
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.idff9a44:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-4px);
}

.o69 {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

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

.j9b6f1 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  line-height: 1.7;
  margin: 0 0 1.5rem 0;
  flex-grow: 1;
}

.d8d7a981 {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: var(--radius-md);
  margin-top: auto;
}

@media (min-width: 768px) {
  .b9d440 {
    padding: 4rem 2rem;
  }

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

  .idff9a44 {
    padding: 2rem;
  }

  .d8d7a981 {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .b9d440 {
    padding: 5rem 2rem;
  }

  .g0a0f1f {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }

  .idff9a44 {
    padding: 2.5rem;
  }

  .d8d7a981 {
    height: 240px;
  }
}

.h042cfd9 {
  background-color: var(--color-bg-tertiary);
  padding: 3rem 1.5rem;
  overflow: hidden;
  text-align: center;
}

.gb12 {
  max-width: 700px;
  margin: 0 auto;
}

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

.a79d3d1 {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  line-height: 1.6;
  margin: 0 0 2rem 0;
}

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

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

.h874:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 768px) {
  .h042cfd9 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .h042cfd9 {
    padding: 5rem 2rem;
  }

  .k690a161 {
    margin-bottom: 1.25rem;
  }

  .a79d3d1 {
    margin-bottom: 2.5rem;
  }
}

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

.b1de0 .m80 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b1de0 .fac516b {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.b1de0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.b1de0 .n177 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.b1de0 ul,
.b1de0 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.b1de0 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

.b1de0 .e24e281d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-top: var(--spacing-2xl);
}

.b1de0 .e24e281d h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.b1de0 .e24e281d p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .b1de0 .fac516b {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .b1de0 .fac516b {
    padding: var(--spacing-3xl) 0;
  }
}

.k165 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.k1396 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.ab8 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mb6f3c {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.kb09746 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  animation: scaleIn 0.6s ease-out;
}

.c948d {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-success);
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

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

.n62 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.5;
}

.bd160 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: 0.3px;
}

.m2f171 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.p5b0 {
  display: inline-block;
  margin-top: var(--spacing-lg);
}

.nf76c {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  text-align: center;
  letter-spacing: 0.5px;
}

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

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

.da622c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.da622c:focus {
  outline: 2px solid var(--color-primary-light);
  outline-offset: 2px;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .k1396 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .bd160 {
    margin: 0 0 var(--spacing-xl) 0;
  }
}

@media (min-width: 768px) {
  .k1396 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    min-height: calc(100vh - 100px);
  }

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

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

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

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

  .n62 {
    font-weight: 700;
  }

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

@media (min-width: 1024px) {
  .k1396 {
    padding: var(--spacing-3xl);
  }

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

  .mb6f3c {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .nf76c {
    padding: var(--spacing-md) var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mb6f3c {
    animation: none;
  }

  .kb09746 {
    animation: none;
  }

  .da622c:hover {
    transform: none;
  }

  .da622c:active {
    transform: none;
  }
}

.b0d0 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ec9 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.ab8 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.o67b3 {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

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

.oc26e {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-2xl);
}

.ge815dfe {
  font-size: clamp(5rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  letter-spacing: -0.02em;
}

.f905666e {
  position: absolute;
  top: -20px;
  right: -40px;
  width: 120px;
  height: 120px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.15;
  animation: float 3s ease-in-out infinite;
}

.d93a {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.d93f20b8 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
}

.d95 {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  font-weight: 400;
}

.g62c1 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
}

.nf76c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  min-height: 48px;
}

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

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

.da622c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.n1f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.kbe065 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  animation: fadeIn 0.6s ease-out;
  animation-fill-mode: both;
}

.kbe065:nth-child(2) {
  animation-delay: 0.1s;
}

.kbe065:nth-child(3) {
  animation-delay: 0.2s;
}

.kbe065:hover {
  border-color: var(--color-primary);
  background-color: var(--color-bg-secondary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.d57c7 {
  font-size: clamp(2rem, 5vw, 2.5rem);
  margin-bottom: var(--spacing-sm);
  display: block;
}

.kbe065 p {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .ec9 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .n1f {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }

  .f905666e {
    width: 150px;
    height: 150px;
    top: -30px;
    right: -60px;
  }
}

@media (min-width: 768px) {
  .ec9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .o67b3 {
    margin: 0 auto;
  }

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

  .f905666e {
    width: 180px;
    height: 180px;
    top: -40px;
    right: -80px;
  }

  .kbe065 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ec9 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .o67b3 {
    max-width: 900px;
  }

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

  .f905666e {
    width: 200px;
    height: 200px;
    top: -50px;
    right: -100px;
  }

  .nf76c {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }

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

@media (min-width: 1440px) {
  .ec9 {
    padding: 5rem var(--spacing-2xl);
  }
}

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

.da35548 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

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

.da35548 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.a60 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .da35548 {
    padding: 4.5rem 2rem;
  }
}

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

.d2686a {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.ofdf9f9f {
  max-width: 1200px;
  margin: 0 auto;
}

.p7e896 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

@media (min-width: 968px) {
  .p7e896 {
    gap: var(--spacing-2xl);
  }

  .e07aec83 {
    flex: 1 1 45%;
    min-width: 350px;
  }

  .ge34 {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

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

.a9810a h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.l74fe52 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  width: 100%;
}

.kaa1c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.ee01ac7 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.hfd,
.gdd {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.hfd::placeholder,
.gdd::placeholder {
  color: var(--color-text-muted);
}

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

.gdd {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.c9be4 {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-sizing: border-box;
}

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

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

.a46 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.j382839 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.l8e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.fc9 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.ef29547 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.l8574432 {
  flex: 1;
}

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

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

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

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

.of36cd {
  font-size: clamp(0.85rem, 0.95vw, 0.95rem) !important;
  color: var(--color-text-muted) !important;
  margin-top: var(--spacing-sm) !important;
}

.e06c30d {
  font-size: clamp(0.85rem, 0.95vw, 0.95rem) !important;
  color: var(--color-text-muted) !important;
  margin-top: var(--spacing-sm) !important;
}

.i43979 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.i2a8db1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i2a8db1 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

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

.hd2 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

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

.if00f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.if00f p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
}

.i33c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  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;
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

@media (min-width: 768px) {
  .d2686a {
    padding: 4.5rem 2rem;
  }

  .hd2 {
    padding: 4.5rem 2rem;
  }
}

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

  .hd2 {
    padding: 6rem 2rem;
  }
}

@media (max-width: 967px) {
  .e07aec83,
  .ge34 {
    width: 100%;
  }
}
.b19,.ma4{
  width: 34px;
}

.hfc{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.p3e{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .p3e{
    max-width: 100%;
  }
}

.p3e.l6e5b{
  z-index: 999;
}

.h1c1587e{
  padding-top: 50px;
}

.b19[aria-expanded="true"]{
  display: none;
}
