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

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

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

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

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #1e3a5f;
  --color-border-light: #162d50;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Raleway', sans-serif;

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

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

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

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

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.3px;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1.125rem;
  font-weight: 600;
}

p {
  font-size: 1.06rem;
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  font-weight: 400;
  color: var(--color-text-secondary);
}

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

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

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

button, .g26052 {
  font-family: var(--font-primary);
  font-size: 1.06rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  display: inline-block;
  letter-spacing: 0.3px;
}

button:focus-visible, .g26052:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

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

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

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

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

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

.b2136d {
  background: var(--color-success);
  color: var(--color-text-primary);
}

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

.gc4 {
  background: var(--color-warning);
  color: var(--color-text-primary);
}

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

.ic22d07 {
  background: var(--color-danger);
  color: var(--color-text-primary);
}

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

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1.06rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-sm) var(--spacing-md);
  transition: all var(--transition-fast);
  letter-spacing: 0.3px;
}

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

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

textarea {
  resize: vertical;
  min-height: 120px;
}

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

.h3e {
  max-width: 768px;
}

.kb2e7ee0 {
  max-width: 1024px;
}

.ie702 {
  max-width: 1280px;
}

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

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

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

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

.m424 {
  display: flex;
  gap: var(--spacing-md);
}

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

.f6c576 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

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

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

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

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

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

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

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

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

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

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

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

.bf5ce {
  background: var(--color-warning);
  color: #000;
}

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

.m61e2f {
  background: var(--color-bg-secondary);
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

.b8912616 {
  font-size: 0.95rem;
}

.k5166 {
  font-size: 1.125rem;
}

.m6479 {
  text-align: center;
}

.a5055 {
  text-align: right;
}

.kdc {
  text-align: left;
}

.me24e {
  font-weight: 700;
}

.jdeb1 {
  font-weight: 600;
}

.l0c4 {
  font-weight: 500;
}

.h8db4 {
  font-weight: 400;
}

.o28 { margin: 0; }
.da644 { margin: var(--spacing-xs); }
.d71f8 { margin: var(--spacing-sm); }
.e853e764 { margin: var(--spacing-md); }
.j7012 { margin: var(--spacing-lg); }
.ced0 { margin: var(--spacing-xl); }

.cd26d965 { margin-left: auto; margin-right: auto; }
.fbceca { margin-top: auto; margin-bottom: auto; }

.c8d38a { margin-top: 0; }
.c03e80c { margin-top: var(--spacing-xs); }
.od785806 { margin-top: var(--spacing-sm); }
.lc1 { margin-top: var(--spacing-md); }
.ce4 { margin-top: var(--spacing-lg); }
.c7ff1 { margin-top: var(--spacing-xl); }

.ha79ca { margin-bottom: 0; }
.oacd2e3 { margin-bottom: var(--spacing-xs); }
.e838 { margin-bottom: var(--spacing-sm); }
.l0ceb986 { margin-bottom: var(--spacing-md); }
.hb2ebed2 { margin-bottom: var(--spacing-lg); }
.n3e { margin-bottom: var(--spacing-xl); }

.f04c3 { padding: 0; }
.fe945ff { padding: var(--spacing-xs); }
.d79 { padding: var(--spacing-sm); }
.o51ed { padding: var(--spacing-md); }
.e7b28 { padding: var(--spacing-lg); }
.m90 { padding: var(--spacing-xl); }

.nfc04 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.k5957 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.l0585 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.h837f { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.gd5f082e { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.i904 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.jff2 { gap: var(--spacing-sm); }
.g47f5553 { gap: var(--spacing-md); }
.h26c { gap: var(--spacing-lg); }

.p38b5a { border-radius: var(--radius-sm); }
.je4ed79 { border-radius: var(--radius-md); }
.i97f { border-radius: var(--radius-lg); }
.df5340b { border-radius: var(--radius-xl); }
.n1d { border-radius: var(--radius-2xl); }
.l417 { border-radius: var(--radius-full); }

.fb04d087 { box-shadow: var(--shadow-sm); }
.de312a { box-shadow: var(--shadow-md); }
.i0944 { box-shadow: var(--shadow-lg); }
.c818 { box-shadow: var(--shadow-xl); }

.e7e5f726 { opacity: 0.5; }
.f7db1 { opacity: 0.75; }
.g415 { opacity: 1; }

.h8d { background: var(--color-bg-primary); }
.ne4656 { background: var(--color-bg-secondary); }
.b8e5 { background: var(--color-bg-tertiary); }
.mef8 { background: var(--color-bg-card); }

.n2ad7 { border: 1px solid var(--color-border); }
.b019 { border-top: 1px solid var(--color-border); }
.je5 { border-bottom: 1px solid var(--color-border); }
.a61 { border-left: 1px solid var(--color-border); }
.j778a1 { border-right: 1px solid var(--color-border); }

.nf98 { border-color: var(--color-primary); }
.i4030 { border-color: var(--color-success); }
.eda58 { border-color: var(--color-warning); }
.e2e4da { border-color: var(--color-danger); }

.ef47979b {
  list-style: none;
  padding: 0;
}

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

.of99b {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  list-style: none;
  padding: 0;
}

.of99b li {
  margin-bottom: 0;
}

.cfe {
  border: 0;
  border-top: 1px solid var(--color-border);
  height: 0;
  margin: var(--spacing-lg) 0;
}

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

.p3b82e80 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.o94a9 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .d0269835,
  .ab40f,
  .e67a9bb4 {
    grid-template-columns: 1fr;
  }

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

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  button, .g26052 {
    width: 100%;
  }

  .m424 {
    flex-direction: column;
  }

  .c3a519 {
    padding: var(--spacing-lg) 0;
  }
}
.eefef {
  background: var(--color-bg-primary);
  border-bottom: 2px solid var(--color-border);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.d71a:hover {
  opacity: 0.85;
}

.mf6b {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

.mf8587f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

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

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

.fe28dc {
  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.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.i55b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.i55b:hover {
  opacity: 0.7;
}

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

.de8c2a49 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  border-bottom: 2px solid var(--color-border);
}

.de8c2a49.e8eb {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

.o28fa:hover {
  opacity: 0.7;
}

.cbc4 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  flex: 1;
  overflow-y: auto;
}

.h49f28 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.h49f28:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 4vw, 2.5rem);
}

.f5f89b {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  margin: 1rem clamp(1rem, 4vw, 2rem);
  border-radius: var(--radius-md);
}

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

@media (min-width: 768px) {
  .a9bd7 {
    min-height: 80px;
  }

  .c081 {
    display: flex;
  }

  .fe28dc {
    display: block;
  }

  .i55b {
    display: none;
  }

  .de8c2a49 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .a9bd7 {
    min-height: 90px;
  }

  .mf8587f {
    font-size: 1.5rem;
  }

  .k34 {
    font-size: 1rem;
  }

  .fe28dc {
    font-size: 1rem;
    padding: 0.85rem 1.75rem;
  }
}

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

    

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.d9f {
  font-size: clamp(2.5rem, 8vw + 1rem, 4.5rem);
  line-height: 1.1;
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.b55a4282 {
  color: var(--color-accent);
}

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

.icbd84d0 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1rem;
}

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

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

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

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

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

.h47 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-top: 1rem;
}

.g46ca {
  flex: 1 1 150px;
  min-width: 140px;
}

.m34d33 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.5rem;
}

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

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

  .h47 {
    gap: clamp(2rem, 5vw, 4rem);
  }
}

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

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

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

.d9c {
  flex-direction: column;
}

.ia584 {
  flex-direction: column-reverse;
}

.a9fb {
  font-size: clamp(2.5rem, 5vw, 4rem);
  color: var(--color-accent);
  text-align: center;
  min-width: 80px;
}

.m874ede3 {
  flex: 1;
  min-width: 250px;
}

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

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

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

  .ia584 {
    flex-direction: row-reverse;
  }

  .a9fb {
    flex: 0 0 100px;
  }

  .m874ede3 {
    flex: 1;
  }
}

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

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

.cdc,
.g64c {
  flex: 1;
}

.e767 {
  margin-bottom: clamp(1rem, 2vw, 2rem);
}

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

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

.b0e96,
.a1e7ca {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

.b0e96:hover,
.a1e7ca:hover {
  transform: translateX(4px);
  background: var(--color-bg-tertiary);
}

.oe67a {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
  line-height: 1;
}

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

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

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

  .cdc {
    background: var(--color-bg-secondary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 8px;
  }

  .g64c {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: 8px;
  }
}

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

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

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

.pff148ff {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

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

.gf6c767e {
  flex: 1 1 250px;
  max-width: 320px;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.l05482f {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  line-height: 1;
}

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

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

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

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

.m85 {
  text-align: center;
}

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

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

.oa91 {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.m12b1e {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  line-height: 1;
}

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

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

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

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

.d7a0f1 {
  text-align: center;
}

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

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

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

.m73bca {
  flex: 1 1 320px;
  max-width: 420px;
}

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

.b50f3f {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  margin-bottom: 1rem;
  border-left: 3px solid var(--color-accent);
  transition: all 0.3s ease;
}

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

.h331e9e {
  display: block;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

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

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

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

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

.n0f {
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  overflow: hidden;
}

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

.h1ff5 {
  text-align: center;
  flex: 1;
  max-width: 550px;
}

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

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

.j218111c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.l4ae {
  display: inline-block;
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

@media (min-width: 768px) {
  .f2c6e {
    flex-direction: row;
    align-items: center;
    gap: clamp(2rem, 5vw, 4rem);
  }

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

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

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

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

.c1a8d1 {
  text-align: center;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

.h7306 {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

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

.mf1db3 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

.be3 {
  display: inline-block;
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
}

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

.e919bc {
  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-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-bg-tertiary);
}

.e919bc.n29 {
  display: none;
}

.dac {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  flex: 1 1 250px;
  line-height: 1.5;
}

.h8aa {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.j93,
.i1f {
  padding: 0.65rem 1.25rem;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  cursor: pointer;
  transition: all 0.3s ease;
}

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

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

.i1f {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-text-secondary);
}

.i1f:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

  .dac {
    flex: 1 1 100%;
    text-align: center;
  }

  .h8aa {
    flex: 1 1 100%;
  }

  .j93,
  .i1f {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 120px;
  }
}

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

  .c98b1,
  .ed3a8f3 {
    width: 100%;
  }

  .j7ffc {
    flex-direction: column;
  }

  .gf6c767e {
    max-width: 100%;
  }

  .kc04ad24 {
    flex-direction: column;
  }

  .oa91 {
    max-width: 100%;
  }

  .a03 {
    flex-direction: column;
  }

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

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

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

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

.nd948 {
  display: block;
}

.nd948 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

.nd948 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 500px;
}

.n97771 {
  display: block;
}

.n97771 h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

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

.g83be {
  display: block;
}

.g83be h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

.h0883a {
  display: block;
}

.h0883a h3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

.lbab0825 {
  display: block;
}

.lbab0825 p {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.lbab0825 p:first-child {
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
}

.p85de {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  line-height: 1.7;
  max-width: 600px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ka313f6 {
  flex: 1 1 45%;
  min-width: 250px;
}

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

.e1344eb2 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  line-height: 1.4;
  font-weight: 600;
}

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

.o69 {
  flex: 1 1 45%;
  min-width: 250px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

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

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

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

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

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

.n813b1a3 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.n813b1a3:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
}

.g36c7b {
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

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

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

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

.i19246e4 {
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.i19246e4:hover {
  box-shadow: 0 12px 40px rgba(59, 130, 246, 0.2);
}

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

.c28 {
  flex: 0 0 35%;
  min-width: 280px;
  height: 280px;
  object-fit: cover;
  display: block;
}

.a39e0b {
  flex: 1 1 65%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

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

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

.d75318,
.pc4,
.i35bc7 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.j1c {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

.kaa {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.kaa:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.2);
  background: var(--color-bg-tertiary);
}

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

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

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

.ec258 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

.l8b,
.e081,
.p2607a {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--color-text-muted);
}

.df4 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.95vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

.g2f {
  flex: 1 1 50%;
  min-width: 250px;
}

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

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

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

.dd404 {
  flex: 1 1 50%;
  min-width: 250px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
}

.l5cfa7 {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 150px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  text-align: center;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

.l5cfa7:hover {
  background: var(--color-bg-card);
  box-shadow: 0 6px 16px rgba(59, 130, 246, 0.1);
}

.m22465a {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  line-height: 1;
}

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

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

  .o69 {
    flex: 1 1 100%;
    min-height: 300px;
  }

  .ja337 {
    flex-direction: column;
  }

  .c28 {
    flex: 1 1 100%;
    min-width: auto;
    height: 250px;
  }

  .a39e0b {
    flex: 1 1 100%;
  }

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

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

  .l8496 {
    flex-direction: column;
  }

  .dd404 {
    flex: 1 1 100%;
  }

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

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

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

  .eebc3 {
    gap: clamp(1rem, 2.5vw, 1.75rem);
  }

  .n813b1a3 {
    flex: 1 1 calc(50% - 0.75rem);
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

.l63 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
}

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

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

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

.b94e6d {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  letter-spacing: 0.05em;
}

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

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

.j4146cb {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
}

.d307be {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.d307be i {
  color: var(--color-accent);
  font-size: 1em;
}

.a260 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cfa68e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 1rem 0;
}

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

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

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

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

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

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

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

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

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

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

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

.ec347f {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

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

.k7ad {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.f01056 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

.k70df3 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 1rem 0;
}

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

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

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

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

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

.h9c79 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 800px;
  margin: 0 auto;
}

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

.h1223eb5 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

.b59 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.b6a016a8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
}

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

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

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

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

.j307cd {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
}

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

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

.d857 {
  margin: 0;
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
}

.ba61b4b {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.p92 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

.a8ea2d {
  margin: 0;
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
}

.j1ae31 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

@media (max-width: 1023px) {
  .ee9c,
  .f9a2,
  .n1d8e,
  .j41c91 {
    flex-direction: column;
  }

  .f49,
  .ebf8,
  .c096275,
  .g0740bbc,
  .i7a1,
  .a5aadb9,
  .h7850,
  .md2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p92 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 250px;
  }

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

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

  .j307cd {
    flex-shrink: 0;
  }
}

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

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

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

  .e1f34 {
    height: 180px;
  }

  .l63 {
    font-size: 0.8125rem;
  }

  .j4146cb {
    gap: 0.75rem;
  }

  .d307be {
    font-size: 0.875rem;
  }
}

* {
  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;
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.i7c {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

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

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

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

.lc8f {
  width: 100%;
  max-height: 500px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

.geee {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

.ff41 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hc0190 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.if429a5 {
  background: var(--color-bg-secondary);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

.c4b5e {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

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

.pa504c {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

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

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

.hf971f78 {
  display: flex;
  justify-content: center;
  padding-top: 1rem;
}

.i9785a {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: background 0.3s ease, transform 0.3s ease;
  text-decoration: none;
}

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

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

.n8d {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  align-items: flex-start;
}

.geb {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-xl);
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}

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

.g558dc5 {
  font-size: 0.8125rem;
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

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

.dae83d8b {
  color: var(--color-secondary);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kb07 {
  display: inline-block;
  color: var(--color-secondary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color 0.3s ease;
  margin-top: 0.5rem;
}

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

@media (max-width: 1024px) {
  .f164649c,
  .l004,
  .e3b {
    flex-direction: column;
  }

  .d882c2a1,
  .b64da5b9,
  .g7be1a76,
  .f0cb8,
  .lfea,
  .a45 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .g872d1 {
    padding: 2rem 0;
  }

  .lf5ff92 {
    padding: 2rem 0;
  }

  .f33cb7,
  .ke6,
  .lb5fc20 {
    padding: 2rem 0;
  }

  .lc6694 {
    padding: 1.5rem 0;
  }

  .f4b {
    padding: 2rem 0;
  }

  .f925e04 {
    padding: 2rem 0;
  }

  .hf969 {
    padding: 2rem 0;
  }

  .hf8c1698 {
    padding: 2rem 0;
  }

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

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

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

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

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

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

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

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

  .iad211 {
    font-size: 0.75rem;
    margin-bottom: 1rem;
  }

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

  .b88b59 {
    margin-top: 0;
  }

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

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

  .m44 {
    font-size: 0.75rem;
  }

  .i7c {
    font-size: 0.7rem;
    padding: 0.4rem 0.8rem;
  }

  .iad211 {
    font-size: 0.65rem;
    gap: 0.25rem;
    margin-bottom: 1rem;
  }

  .e9a {
    gap: 0.75rem;
  }

  .ff41 {
    padding: 1rem;
  }

  .id1eddb6 {
    font-size: 1.75rem;
  }

  .dbf {
    font-size: 0.75rem;
  }

  .if429a5 {
    padding: 1rem;
    gap: 0.5rem;
  }

  .h27c5de6 {
    font-size: 0.95rem;
  }

  .o5c35 {
    font-size: 0.75rem;
  }

  .o44 {
    font-size: 0.8rem;
  }

  .n8d {
    padding: 1.5rem 1rem;
  }

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

  .dcac {
    font-size: 1rem;
  }

  .bbf2bbf {
    font-size: 1.5rem;
  }

  .i9785a {
    padding: 0.6rem 1.2rem;
    font-size: 0.8rem;
  }
}

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

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

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

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

  .ib737c18 a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    transition: all 0.3s ease;
  }

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

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

  .gdc75 {
    margin-bottom: clamp(2rem, 5vw, 3.5rem);
  }

  .a384a {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-full);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    font-weight: 600;
    margin-bottom: 1rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

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

  .g4b1d {
    color: var(--color-text-secondary);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.6;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    max-width: 700px;
  }

  .d1d85c {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    flex-wrap: wrap;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

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

  .e4ec189f i {
    color: var(--color-accent);
    width: 18px;
    text-align: center;
  }

  .o9213e {
    margin-top: clamp(2rem, 5vw, 4rem);
    border-radius: var(--radius-lg);
    overflow: hidden;
    max-height: 500px;
  }

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

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

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

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

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

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

  .p0a2 {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 150px;
    text-align: center;
  }

  .f5df85 {
    color: var(--color-accent);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
  }

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

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

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

  .ma3fbcb {
    color: var(--color-warning);
    font-size: clamp(1.5rem, 2vw, 2rem);
    flex-shrink: 0;
  }

  .l1c {
    flex: 1;
  }

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

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

  .eb1647,
  .a2d923,
  .c996d,
  .i00bb541,
  .ic23a {
    padding: clamp(3rem, 8vw, 6rem) 0;
    overflow: hidden;
  }

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

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

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

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

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

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

  .c933a4c,
  .g2ef2d6e,
  .a77,
  .jd2f3f {
    flex: 1 1 50%;
    max-width: 50%;
  }

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

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

  .gec2 {
    color: var(--color-text-secondary);
    font-size: clamp(0.875rem, 1vw, 1.05rem);
    line-height: 1.8;
    margin: clamp(1rem, 2vw, 1.5rem) 0;
    padding-left: 1.5rem;
  }

  .id23e596 {
    margin-bottom: 0.75rem;
    list-style: disc;
  }

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

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

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

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

  .m761a {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    line-height: 1.7;
    font-style: italic;
    margin-bottom: 1rem;
  }

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

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

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

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

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

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

  .k10 {
    color: var(--color-accent);
    font-size: clamp(1.75rem, 3vw, 2.25rem);
  }

  .bb50a48 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 700;
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

  .bc70 {
    display: inline-block;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: 0.75rem 2rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    transition: all 0.3s ease;
  }

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

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

  .h2a {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: flex-start;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-lg);
  }

  .o55e0 {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    overflow: hidden;
  }

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

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

  .a7c1d1 {
    margin: 0;
  }

  .a7c1d1 a {
    color: var(--color-accent);
    text-decoration: none;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 700;
    transition: all 0.3s ease;
  }

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

  .a63 {
    color: var(--color-accent);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
  }

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

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

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

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

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

  .m74802 {
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 280px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
  }

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

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

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

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

  .h27f2 {
    margin: 0;
  }

  .h27f2 a {
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
    font-weight: 700;
    line-height: 1.3;
    transition: all 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .a9acb6 {
      flex-direction: column;
    }

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

    .c618e8 {
      flex-direction: column;
    }

    .ea3,
    .hd1c7 {
      flex-direction: column;
    }

    .c933a4c,
    .g2ef2d6e,
    .a77,
    .jd2f3f {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ie2c7 {
      flex-direction: column;
    }

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

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

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

    .af7cf {
      flex-direction: column;
    }

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

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

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

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

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

  @media (min-width: 1024px) {
    .fdd44e {
      padding: clamp(4rem, 8vw, 8rem) 0;
    }

    .ge79f6b2,
    .eb1647,
    .a2d923,
    .c996d,
    .i00bb541,
    .ic23a,
    .m050e,
    .ld4421,
    .p6bc0,
    .b1a03ffc {
      padding: clamp(4rem, 8vw, 8rem) 0;
    }

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

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

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

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

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

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

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

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

.c930 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

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

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

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

.fd2 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.5rem 1.25rem;
  border-radius: 9999px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  align-self: center;
}

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

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

.n3f3561 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
}

.j092c {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.m93826 {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i260e {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.lf3f5 {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.oe55 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

.m1da {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.p6af6 {
  flex: 1;
}

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

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

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

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

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

.m50741d {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
}

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

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

.i90106f0 {
  flex: 1;
}

.oe6 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.le58 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
}

.gf4 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  padding: clamp(2rem, 3vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  max-width: 600px;
  width: 100%;
}

.ibb4 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

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

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

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

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

.n14c9 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

.m519465 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

.l5b2f8 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

.mf5aca {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.m519465:hover .mf5aca {
  transform: scale(1.05);
}

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

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

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

.pfc3e25 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  margin-top: auto;
}

.pfc3e25:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

@media (max-width: 768px) {
  .m37bf0ec,
  .nf90df,
  .h6918290,
  .a8e919ce {
    flex-direction: column;
  }

  .nb3beb1a,
  .jfab4b,
  .abb,
  .l76755,
  .nfa46560,
  .k24f4,
  .c002,
  .b32c {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .m519465 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.p49 {
  text-align: center;
}

.m8514 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.o52326 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 2rem auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

.lf31f9ed {
  text-align: center;
}

.oeb61 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.h2a38 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-primary);
}

.lb0e66 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

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

.he80 {
  text-align: center;
  margin-bottom: 1rem;
}

.o113 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.fa3a9a {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 250px;
  border-top: 3px solid var(--color-primary);
  transition: all 0.3s ease;
}

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

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

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

.p01c66 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 2rem auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

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

.o4c {
  flex: 1 1 45%;
  min-width: 250px;
}

.ha8 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

.he1b7a4:last-of-type {
  margin-bottom: 0;
}

.hc05ed6 {
  flex: 1 1 45%;
  min-width: 250px;
}

.d3805 {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
  object-fit: cover;
}

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

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

.j64d5b6 {
  text-align: center;
}

.of9c7 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

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

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

.p7e {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 240px;
  text-align: center;
}

.ha5d {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

.d436 {
  color: var(--color-secondary);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.f771bf56 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .p7e {
    flex: 1 1 100%;
  }

  .cf07 {
    flex-direction: column;
  }

  .o4c,
  .hc05ed6 {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .fa3a9a {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }

  .p7e {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

@media (min-width: 1024px) {
  .p7e {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  }
}

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

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

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

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

.jb1 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.o37cce {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d92de {
  flex: 1 1 45%;
  min-width: 280px;
  overflow: hidden;
  border-radius: 8px;
}

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

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

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

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

.l518ec0b {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

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

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

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

.c69 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

.hc5cfd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

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

.bd3 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

.mbc4e0e4 {
  font-size: clamp(0.95rem, 1.2vw, 1.1875rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b5869fb {
  font-size: clamp(0.8125rem, 0.9vw + 0.3rem, 0.9375rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j96 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

.m54cc2 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  max-width: 340px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

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

.ncd02e {
  font-size: clamp(1rem, 1.2vw, 1.1875rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h36 {
  font-size: clamp(0.8125rem, 0.9vw + 0.3rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a1e1 {
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

.b3445 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  max-width: 340px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

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

.f3474 {
  font-size: clamp(0.95rem, 1.2vw, 1.1875rem);
  font-weight: 600;
  color: var(--color-accent);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d50 {
  font-size: clamp(0.8125rem, 0.9vw + 0.3rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ma52142 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(2rem, 4vw, 3rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.k125 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

.d3cb80 {
  background: transparent;
  color: var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

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

  .jb1 {
    flex: 1 1 100%;
  }

  .d92de {
    flex: 1 1 100%;
  }

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

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

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

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

  .k125,
  .d3cb80 {
    width: 100%;
  }
}

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

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

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

@media (min-width: 1025px) {
  .hc5cfd {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

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

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

.de612e3 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.k11f4f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.c56c {
  max-width: 1200px;
  margin: 0 auto var(--spacing-lg);
  text-align: center;
}

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

.e793b03 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.pf818e {
  max-width: 100%;
  height: auto;
  display: block;
  margin: var(--spacing-md) auto 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

.f29 {
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-md);
}

.f29:last-child {
  border-bottom: none;
}

.f889 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--spacing-md) 0;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: color var(--transition-base);
}

.f889:hover {
  color: var(--color-primary);
}

.p42617 {
  flex: 1;
}

.eae4 {
  font-size: 1.5rem;
  font-weight: 300;
  margin-left: var(--spacing-md);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  color: var(--color-primary);
}

.f889[aria-expanded="true"] .eae4 {
  transform: rotate(45deg);
}

.b100 {
  padding: 0 0 var(--spacing-md) 0;
  animation: slideDown var(--transition-base) ease-out;
}

.b100[hidden] {
  display: none;
}

.b100 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h7c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
}

.j75a148 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.jd2811e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.le96fcf9 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.jce {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  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, 1.5vw, 1.1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), box-shadow var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
}

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

.ededb5 {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .k11f4f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .pf818e {
    max-width: 600px;
  }

  .ffc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .h7c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .k11f4f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .pf818e {
    max-width: 700px;
  }

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

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

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

.id5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.l871c {
  max-width: 720px;
  margin: 0 auto;
}

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

.id5 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.id5 img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

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

.pf1c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

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

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

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

.pf1c p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

.hbdd {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
  width: fit-content;
}

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

.d356518 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.b696e {
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.d356518 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.eb46d7cf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
  width: fit-content;
}

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

.d356518 img {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

@media (min-width: 768px) {
  .id5 {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .l871c {
    flex: 1;
    min-width: 0;
  }

  .id5 img {
    flex: 1;
    max-height: 400px;
    min-width: 0;
  }

  .ced5e {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .i0e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .d356518 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    align-items: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .d356518 img {
    order: 2;
    max-height: 350px;
  }

  .b696e {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .id5 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .id5 img {
    max-height: 450px;
  }

  .i0e {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

  .d356518 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .d356518 img {
    max-height: 400px;
  }

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

@media (min-width: 1280px) {
  .ced5e {
    grid-template-columns: repeat(4, 1fr);
  }

  .id5 {
    padding: 4rem var(--spacing-2xl);
  }

  .d356518 {
    padding: 4rem var(--spacing-2xl);
  }
}

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

.p57 .md41 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p57 .h6039c {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.p57 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
}

.p57 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.3;
}

.p57 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.p57 .b7df {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

.p57 ul,
.p57 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.p57 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.p57 .j0e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.p57 .j0e h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.p57 .j0e p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .p57 .md41 {
    padding: 0 var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .p57 .md41 {
    padding: 0 var(--spacing-xl);
  }

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

.j39d30 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
}

.o00 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.l59b8 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.ka72f84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ka72f84 svg {
  width: 100%;
  height: 100%;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.c0858 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
}

.n0d13 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  padding: var(--spacing-md) 0;
}

.i14 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  padding: var(--spacing-sm) 0;
}

.g26052 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  gap: var(--spacing-sm);
}

.gefe3f52 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  margin-top: var(--spacing-lg);
}

.gefe3f52:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.gefe3f52:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .l59b8 {
    gap: var(--spacing-xl);
  }

  .ka72f84 {
    width: 140px;
    height: 140px;
  }

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

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

@media (min-width: 768px) {
  .j39d30 {
    min-height: 100vh;
    padding: var(--spacing-2xl);
  }

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

  .ka72f84 {
    width: 160px;
    height: 160px;
  }

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

@media (min-width: 1024px) {
  .l59b8 {
    gap: var(--spacing-3xl);
  }

  .ka72f84 {
    width: 180px;
    height: 180px;
  }

  .gefe3f52:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ka72f84 {
    animation: none;
  }

  .gefe3f52:hover {
    transform: none;
  }

  .g26052 {
    transition: none;
  }
}

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

.k7ee5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bfff84 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.d8e {
  margin-bottom: var(--spacing-2xl);
  animation: floatIn 0.8s ease-out;
}

.ic1 {
  position: relative;
  display: inline-block;
}

.ndf718c0 {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  text-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  margin-bottom: var(--spacing-md);
}

.f2afad {
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, transparent, var(--color-primary), var(--color-accent), transparent);
  margin-top: var(--spacing-md);
  border-radius: var(--radius-full);
}

.n05 {
  animation: slideUp 0.8s ease-out 0.2s both;
}

.d45 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.g3fa1f1 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
  line-height: 1.6;
}

.e508ff {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.m3554f {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
  margin-top: var(--spacing-2xl);
}

.a46 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.a8d2e3 {
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  line-height: 1;
}

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

.g26052 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: 0.3px;
}

.gefe3f52 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.gefe3f52:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.h1c9d {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
}

@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .bfff84 {
    padding: var(--spacing-xl) var(--spacing-md);
  }
  
  .m3554f {
    gap: var(--spacing-lg);
  }
  
  .a46 {
    padding: var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .bfff84 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  
  .kcbb5 {
    margin: 0 auto;
  }
  
  .m3554f {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  .bfff84 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }
  
  .d8e {
    margin-bottom: var(--spacing-3xl);
  }
  
  .a46 {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  
  .a46:hover {
    transform: translateY(-6px);
  }
  
  .gefe3f52:hover {
    transform: translateY(-3px);
  }
}

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

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

.l37 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.d98854 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.k4c7aa26 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
}

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

.a3b955 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.d2b1 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.j69e {
  flex: 1 1 100%;
  min-width: 300px;
}

.jc0e {
  flex: 1 1 100%;
  min-width: 300px;
}

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

.e79602eb {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.kd5b4 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.o13de943 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.h4613 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.l194 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.o5629,
.g092ebbb {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: var(--transition-base);
  line-height: 1.5;
  width: 100%;
}

.o5629:focus,
.g092ebbb:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.g092ebbb {
  min-height: 140px;
  resize: vertical;
}

.g52 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: var(--transition-base);
  width: 100%;
}

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

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

.mf8e6f {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.ge2000 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: var(--transition-fast);
}

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

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

.e2576 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.f0f8b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.me8d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.g23d0 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.i8fe {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  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;
}

.h73d6959 {
  flex: 1;
}

.ge9f0f {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.3;
}

.id613 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.oe408 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-2xl);
}

.lfe6b8a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.3rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.mcc {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.g85 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.m19d4f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.3rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.g4e780f {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.d69b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  transition: var(--transition-fast);
}

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

@media (min-width: 768px) {
  .l37 {
    padding: 4rem var(--spacing-md);
  }

  .h66ab {
    padding: 4rem var(--spacing-md);
  }

  .d2b1 {
    gap: 4rem;
  }

  .j69e {
    flex: 1 1 45%;
    min-width: 350px;
  }

  .jc0e {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

@media (min-width: 1024px) {
  .l37 {
    padding: 5rem var(--spacing-md);
  }

  .h66ab {
    padding: 5rem var(--spacing-md);
  }

  .d2b1 {
    gap: 5rem;
  }

  .j69e {
    flex: 1 1 50%;
  }

  .jc0e {
    flex: 1 1 50%;
  }
}