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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #eff6ff;
  --color-bg-tertiary: #dbeafe;
  --color-bg-card: #ffffff;

  --color-text-primary: #172554;
  --color-text-secondary: #1e3a5f;
  --color-text-muted: #506c8b;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;
  --color-secondary: #3b82f6;
  --color-secondary-light: #bfdbfe;
  --color-secondary-lighter: #dbeafe;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #bfdbfe;
  --color-border-light: #dbeafe;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  font-weight: 600;
  font-size: 1rem;
}

.d99c08 {
  background: var(--color-primary);
  color: white;
  padding: var(--spacing-md) var(--spacing-lg);
}

.d99c08:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.ef4a {
  background: var(--color-secondary-light);
  color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border: 2px solid var(--color-primary);
}

.ef4a:hover {
  background: var(--color-primary-lighter);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-md);
  font-family: 'Courier New', monospace;
  font-size: 0.875rem;
}

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

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

ul, ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

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

.c786679 {
  text-align: center;
}

.pb79 {
  text-align: right;
}

.pfa40c {
  text-align: left;
}

.ob45 {
  display: flex;
}

.j962e31a {
  flex-direction: column;
}

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

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

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

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

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

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

.i3ef337 {
  display: grid;
}

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

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

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

.n1880 { margin-top: var(--spacing-xs); }
.a4f43bd { margin-top: var(--spacing-sm); }
.lc35 { margin-top: var(--spacing-md); }
.l387df { margin-top: var(--spacing-lg); }
.p0b { margin-top: var(--spacing-xl); }

.ec66b { margin-bottom: var(--spacing-xs); }
.j9e6467f { margin-bottom: var(--spacing-sm); }
.j96 { margin-bottom: var(--spacing-md); }
.a47d971 { margin-bottom: var(--spacing-lg); }
.a13 { margin-bottom: var(--spacing-xl); }

.pd324 { padding: var(--spacing-xs); }
.g28c74b4 { padding: var(--spacing-sm); }
.d35dab { padding: var(--spacing-md); }
.n06e { padding: var(--spacing-lg); }
.p1e9 { padding: var(--spacing-xl); }

.c058 { opacity: 0.5; }
.o03b { opacity: 0.75; }

.mb271 { border-radius: var(--radius-sm); }
.b8e0 { border-radius: var(--radius-md); }
.k270eeb7 { border-radius: var(--radius-lg); }
.n88e16 { border-radius: var(--radius-xl); }
.of8bea9 { border-radius: var(--radius-2xl); }
.c6410 { border-radius: var(--radius-full); }

.k92bd949 { box-shadow: var(--shadow-sm); }
.f94e3ba { box-shadow: var(--shadow-md); }
.bbb5 { box-shadow: var(--shadow-lg); }
.mbb { box-shadow: var(--shadow-xl); }

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .f52b {
    padding: 0 var(--spacing-md);
  }

  .a31c,
  .p065d,
  .ob7 {
    grid-template-columns: 1fr;
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .f8857 {
    padding: var(--spacing-lg);
  }
}
.p1e0ea {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
  box-shadow: var(--shadow-sm);
}

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

.f2c03c {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  flex-shrink: 0;
  transition: all var(--transition-fast) ease;
}

.f2c03c:hover {
  transform: translateY(-2px);
}

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

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

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

.g3e0c33 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-fast) ease;
  position: relative;
  padding-bottom: 4px;
}

.g3e0c33::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-accent);
  transition: width var(--transition-fast) ease;
}

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

.g3e0c33:hover::after {
  width: 100%;
}

.lb16a4b {
  display: none;
  padding: 0.75rem 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.875rem, 1vw, 1rem);
  transition: all var(--transition-fast) ease;
  flex-shrink: 0;
}

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

.n5c1 {
  display: flex;
  flex-direction: column;
  background: transparent;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

.n5c1[aria-expanded="true"] .le52c:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.n5c1[aria-expanded="true"] .le52c:nth-child(2) {
  opacity: 0;
}

.n5c1[aria-expanded="true"] .le52c:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.i1177f {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base) ease;
  z-index: 999;
  border-top: 1px solid var(--color-border-light);
}

.i1177f.kbc0 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.pba0 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  justify-content: flex-end;
}

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

.f1cf85f:hover {
  color: var(--color-accent);
  transform: rotate(90deg);
}

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

.o099b4 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast) ease;
}

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

.a497c4 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  text-align: center;
  transition: all var(--transition-fast) ease;
  margin: 1rem clamp(1rem, 4vw, 2rem);
  border-radius: 6px;
}

.a497c4:active {
  background: var(--color-accent-hover);
  transform: scale(0.98);
}

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

  .bf2 {
    display: flex;
  }

  .lb16a4b {
    display: block;
  }

  .n5c1 {
    display: none;
  }

  .i1177f {
    display: none;
  }
}

@media (max-width: 767px) {
  .p418f {
    height: 70px;
  }

  .bf2 {
    display: none;
  }

  .lb16a4b {
    display: none;
  }
}

@media (min-width: 1024px) {
  .bf2 {
    gap: 2rem;
  }

  .g3e0c33 {
    font-size: 1rem;
  }

  .lb16a4b {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
  }
}

    .c5fcec5e {
  width: 100%;
}

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

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

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

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

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

.a6df2b4 {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.af81 {
  width: 60px;
  height: 4px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

.kf09 {
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

.l35a8a {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

.c2eeca6 {
  flex: 1 1 45%;
  min-height: 350px;
}

.i2cc68e {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

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

  .daf7 {
    flex: 1 1 100%;
  }

  .c2eeca6 {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .ob6f3f {
    flex-direction: column;
    width: 100%;
  }

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

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

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

.g39d {
  text-align: center;
}

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

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

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

.ce3 {
  flex: 1 1 220px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.k01e66 {
  font-size: 2.5rem;
  color: var(--color-accent);
  line-height: 1;
}

.cf1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a502 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex-grow: 1;
}

.pa2 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.h99e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 800;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h09 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

.l142 {
  flex: 1 1 45%;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
}

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

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

.a61bd26b {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ac13 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .nb5a {
    flex: 1 1 100%;
  }

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

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

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

.ha3ae3 {
  text-align: center;
}

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

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

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

.d36c2374 {
  flex: 1 1 240px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.b6084 {
  font-size: 2.25rem;
  color: var(--color-accent);
  line-height: 1;
}

.i90919 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hd68d79 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.j05 {
  text-align: center;
}

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

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

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

.he513 {
  flex: 1 1 200px;
  max-width: 260px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.a21c05d {
  font-size: 2.5rem;
  color: var(--color-accent);
  line-height: 1;
}

.bf974 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k0c {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d6c94c6 {
  text-align: center;
}

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

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

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

.n38 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.jae2 {
  text-align: center;
}

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

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

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

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

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

.d3d {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.e861 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.j3d {
  text-align: center;
}

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

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

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

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

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

.cead7 {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.i15d55 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

.jbb {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  line-height: 1.3;
}

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

.e1ef3c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

.m04 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.g0b15f {
  text-align: center;
}

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

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

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

.cc79d7 {
  flex: 1 1 40%;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 1.75rem);
}

.pd2d656 {
  flex: 1 1 40%;
  background: var(--color-primary-light);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 1.75rem);
}

.o675b {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--color-accent);
  min-width: 50px;
}

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

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

.p326df {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .cc79d7 {
    flex: 1 1 100%;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  }

  .pd2d656 {
    flex: 1 1 100%;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
  }

  .o675b {
    transform: rotate(90deg);
    min-height: 50px;
    min-width: auto;
  }
}

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

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

.h6e4d41c {
  text-align: center;
}

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

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

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

.d4ad8486 {
  flex: 1 1 300px;
  max-width: 420px;
  padding: clamp(2rem, 4vw, 2.75rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

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

.cc8 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
}

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

.i73aad4f {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.ga4 .i73aad4f {
  color: var(--color-text-on-accent);
}

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

.df3 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.ga4 .df3 {
  color: var(--color-text-on-accent);
  opacity: 0.95;
}

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

.pd3c01 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  text-align: center;
  width: fit-content;
}

.c6b {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-text-on-accent);
}

.c6b:hover {
  background: rgba(255, 255, 255, 0.3);
}

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

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

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

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

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

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

.ibd5 {
  flex: 1 1 45%;
  min-height: 350px;
}

.g43a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

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

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

.hb2e {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

.d4a8c {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-lg);
  font-weight: 700;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  width: fit-content;
}

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

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

  .ibd5 {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

.g5f5.c7c8807 {
  display: none;
}

.l114 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e36,
.m66bc8 {
  padding: 0.625rem clamp(1rem, 2vw, 1.375rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all var(--transition-base);
}

.e36 {
  background: var(--color-accent);
  color: #000000;
}

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

.m66bc8 {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.m66bc8:hover {
  border-color: rgba(241, 245, 249, 0.6);
}

@media (max-width: 768px) {
  .g5f5 {
    flex-direction: column;
    gap: 1rem;
  }

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

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

  .e36,
  .m66bc8 {
    flex: 1 1 45%;
  }
}

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

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

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

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

.pe06a4 {
  padding-bottom: clamp(1.5rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.b111d1,
.fbbf,
.e0af5 {
  display: block;
}

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

.of7421e,
.kec {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.of7421e li,
.kec li {
  margin: 0;
}

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

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

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

.m63257 {
  padding-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.e46e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.3px;
}

.jc632 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.95vw, 0.875rem);
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .pe06a4 {
    flex: 1 1 100%;
    padding-bottom: clamp(2rem, 4vw, 2.5rem);
    border-bottom: 1px solid var(--color-border-light);
  }

  .b111d1 {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .fbbf {
    flex: 0 1 auto;
    min-width: 220px;
  }

  .e0af5 {
    flex: 0 1 auto;
    min-width: 180px;
  }

  .m63257 {
    flex: 1 1 100%;
    padding-top: clamp(2rem, 4vw, 2.5rem);
    border-top: 1px solid var(--color-border-light);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: clamp(1rem, 3vw, 2rem);
  }

  .e46e,
  .jc632 {
    margin: 0;
  }
}

@media (max-width: 480px) {
  .a32f {
    gap: clamp(1.5rem, 4vw, 2rem);
  }

  .of7421e,
  .kec {
    gap: clamp(0.4rem, 1.5vw, 0.75rem);
  }

  .pe06a4 p {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
  }
}
    

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

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

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

.l4028e4 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  z-index: 2;
  min-height: 400px;
}

.p967 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.p967 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.h534 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(23, 37, 84, 0.75);
  z-index: 1;
}

.mf1 {
  position: relative;
  z-index: 3;
  max-width: 800px;
  width: 100%;
}

.kf56c {
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-bg-primary);
  line-height: 1.2;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g7a5a {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-bg-tertiary);
  margin: 0;
  font-weight: 300;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.l1d {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  cursor: pointer;
  transition: all 0.3s ease;
}

.l1d:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-border);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1);
}

.l1d[open] {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.k516f6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  cursor: pointer;
  list-style: none;
}

.k516f6::marker {
  content: '';
}

.k516f6::before {
  content: '+';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  margin-left: auto;
  margin-right: 0;
  margin-left: 1rem;
  flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: bold;
  transition: transform 0.3s ease;
}

.l1d[open] .k516f6::before {
  content: '';
  transform: rotate(0deg);
}

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

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

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

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

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

.c5af0 {
  flex: 1 1 clamp(300px, 100%, 350px);
  background: var(--color-bg-card);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(23, 37, 84, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-light);
}

.c5af0:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
  border-color: var(--color-accent);
}

.e32e2 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

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

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

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

.e3e7 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  padding: 0.5rem 0;
  border-top: 1px solid var(--color-border-light);
  padding-top: 1rem;
}

.l43ff8,
.k39d,
.f0d6b {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.l43ff8 i,
.k39d i,
.f0d6b i {
  color: var(--color-accent);
}

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

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

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

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

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

.f644a02 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.a96f0b1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.6rem, 1.5vw, 0.9rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: 24px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
  cursor: default;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a96f0b1:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  color: var(--color-accent);
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  .a6dc2 {
    min-height: 350px;
    padding: 2rem 0;
  }

  .l4028e4 {
    min-height: 300px;
  }

  .h49876 {
    flex-direction: column;
  }

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

  .k516f6 {
    flex-wrap: wrap;
  }

  .f644a02 {
    gap: 0.5rem;
  }

  .a96f0b1 {
    flex: 0 1 auto;
  }
}

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

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

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

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

@media (min-width: 1440px) {
  .c5af0 {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

.n2ef a {
  color: var(--color-primary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
}

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

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

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

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

.l35e {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: 1rem;
  align-items: center;
}

.m22ea2 {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 0.8vw + 0.4rem, 0.85rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

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

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

  .b94da50b,
  .md72764 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .me4b617c {
    margin-bottom: 1rem;
  }
}

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

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

.n71e0 {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

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

.jae99f {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

  .n71e0,
  .dbd2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.l11f,
.a60ebd1b,
.nc633,
.i6f18da1 {
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.ma230 {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.3rem 0.6rem;
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.95rem);
}

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

  .f006,
  .h331dc0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.nd2e {
  flex-shrink: 0;
}

.i23ae9 {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 2px solid var(--color-primary-light);
}

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

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

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

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

.n04804 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

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

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

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

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

.k64b941 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
}

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

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

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

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

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

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

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

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

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

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

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

.b29c9ac9 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  max-width: 100%;
}

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

.ce21 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

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

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

.p638d59c:hover {
  color: var(--color-primary);
}

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

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

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

  .ca366 {
    gap: 1.5rem;
  }
}

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

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

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

.h8735 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

.p05f791a {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.ga8,
.ib4cb,
.b843a4a9 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

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

.c754ad1 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 30px rgba(22, 40, 84, 0.1);
}

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

  .ba641c99,
  .j589b9 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.m2876 {
  max-width: 850px;
  margin: 0 auto;
}

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

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

.a7878 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: 0.2rem 0.6rem;
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
}

.m285bb48 {
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

.i254322d {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin: 1.5rem 0;
  overflow-x: auto;
}

.l0fb38 {
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
  color: var(--color-text-primary);
  display: block;
  line-height: 1.5;
}

.nb46d {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 20px rgba(22, 40, 84, 0.08);
}

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

  .jd4a6e,
  .e79fef {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.fcc5b67e {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 20px rgba(22, 40, 84, 0.08);
}

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

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

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

  .lb17,
  .f8ec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.lac265d {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 2rem 0;
}

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

.jdbee294 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: 1rem;
  flex-shrink: 0;
}

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

.jcc35e7 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 8px 20px rgba(22, 40, 84, 0.08);
}

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

  .ha0cc7,
  .j4ece4f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.k592f {
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

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

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

.kdf592 {
  max-width: 850px;
  margin: 0 auto;
}

.ke34006 {
  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);
  border: 1px solid var(--color-border-light);
}

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

.k781e {
  flex: 1;
}

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

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

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

.ne64e {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 0;
}

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

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

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

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

.kab {
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

.j566e {
  max-width: 850px;
  margin: 0 auto;
}

.o23d0e {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
  font-weight: 700;
}

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

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

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

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

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

.bf9571b {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(22, 40, 84, 0.05);
}

.bf9571b:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(22, 40, 84, 0.12);
}

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

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

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

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

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

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

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

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

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

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

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

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

.jfdf {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 6vw, 5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

.m1b77 {
  flex: 1 1 45%;
  min-width: 0;
}

.kc2 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex-wrap: wrap;
}

.b121e51 {
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

.a00 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
  font-family: 'Bitter', serif;
}

.ia60f {
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 500px;
}

.e69 {
  flex: 1 1 45%;
  min-width: 0;
}

.e957 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 40px rgba(37, 99, 235, 0.15);
  display: block;
  object-fit: cover;
  max-height: 500px;
}

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

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

.n161 {
  flex: 1 1 55%;
}

.ce06b {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

.j81 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.oa964 {
  flex: 1 1 45%;
}

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

.n925 {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-family: 'Bitter', serif;
}

.ka58cb1e {
  list-style: none;
}

.b315f66 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

.p19afa {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

.e22 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.b865 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent-dark);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
}

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

.de977 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: 0 15px 35px rgba(37, 99, 235, 0.1);
  display: block;
  object-fit: cover;
  max-height: 400px;
}

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

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

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

.aec40 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: 0 15px 35px rgba(37, 99, 235, 0.1);
  display: block;
  object-fit: cover;
  max-height: 400px;
}

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

.dc051f {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

.o1286 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.i98360 {
  background: var(--color-bg-secondary);
  border-left: 3px solid var(--color-accent);
  padding: 1rem 1.5rem;
  border-radius: var(--radius-sm);
  margin: 1.5rem 0;
  font-family: 'Courier New', monospace;
  overflow-x: auto;
}

.i98360 code {
  color: var(--color-accent-dark);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
}

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

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

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

.l71285 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

.j18a6c {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

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

.h29a {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: 0 15px 35px rgba(37, 99, 235, 0.1);
  display: block;
  object-fit: cover;
  max-height: 400px;
}

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

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

.fba789e {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

.b07843d {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.ob8ec08a {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Bitter', serif;
}

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

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

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

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

.o64f {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 5px 15px rgba(37, 99, 235, 0.1);
}

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

.b1b {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: 'Bitter', serif;
  margin: 0;
}

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

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

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

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

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

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

.g78b23 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

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

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

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

.lfe6e {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-family: 'Bitter', serif;
}

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

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

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

.k9d2f200 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

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

.ia7e93 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: 0 5px 15px rgba(37, 99, 235, 0.05);
}

.ia7e93:hover {
  box-shadow: 0 15px 35px rgba(37, 99, 235, 0.15);
  transform: translateY(-6px);
  border-color: var(--color-accent);
}

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

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

.k750f {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  font-family: 'Bitter', serif;
}

.d91 {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
}

.oe27fc6 {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  align-self: flex-start;
  margin-top: auto;
}

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

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

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

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

  .n3101b27 {
    flex-direction: column;
  }

  .n161 {
    flex: 1 1 100%;
  }

  .oa964 {
    flex: 1 1 100%;
  }

  .l02 {
    flex-direction: column;
  }

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

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

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

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

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

  .ibe7cf {
    flex-direction: column;
  }

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

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

  .h3aed {
    flex-direction: column;
  }

  .cb347de9 {
    flex: 1 1 100%;
  }

  .n9d4e2 {
    flex-direction: column;
  }

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

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

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

@media (max-width: 768px) {
  .kc2 {
    flex-direction: column;
    gap: 0.5rem;
  }

  .a11d7e {
    font-size: 0.8125rem;
  }

  .h3aed {
    flex-direction: column;
  }

  .cb347de9 {
    flex: 1 1 100%;
  }

  .n9d4e2 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f943e254,
  .d26f {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lb051e {
    max-height: 300px;
  }
}

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

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

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

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

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

.g71:last-of-type {
  margin-bottom: 0;
}

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

.ab5d {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  border: 2px solid var(--color-border-light);
  text-align: center;
  transition: var(--transition-base);
}

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

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

.k27535 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

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

  .n95e1535 {
    text-align: left;
  }
}

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

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

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

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

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

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

.pccd:last-of-type {
  margin-bottom: 0;
}

.pccd code {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-family: 'Monaco', 'Courier New', monospace;
  font-size: 0.9em;
}

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

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

  .m45fc1fa,
  .n1dd8c5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g8caec {
    max-height: 300px;
  }
}

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

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

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

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

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

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

.k107b:last-of-type {
  margin-bottom: 0;
}

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

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

  .j7a,
  .f0bda {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .eb6 {
    max-height: 300px;
  }
}

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

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

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

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

.ie1 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  border: 2px solid var(--color-border-light);
  transition: var(--transition-base);
}

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

.h2d73 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-family: var(--font-heading);
}

.c595493 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

.ib5:last-of-type {
  margin-bottom: 0;
}

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

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

  .a799f,
  .cab {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .md75 {
    max-height: 300px;
  }
}

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

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

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

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

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

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

.ccec {
  flex: 1;
}

.ae5 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

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

@media (max-width: 768px) {
  .ie7ad {
    flex-direction: column;
    gap: 1rem;
  }

  .n1ace7f5 {
    width: 3rem;
    height: 3rem;
  }
}

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

.c9bf081 {
  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: clamp(0.75rem, 2vw, 1.25rem);
  border: 2px solid var(--color-border-light);
  max-width: 600px;
  margin: 0 auto;
}

.f147 {
  flex-shrink: 0;
}

.fc4b {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

  .f147 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .jfff {
    align-items: center;
  }
}

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

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

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

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

.b9c8ab {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  margin-top: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.ob5a01f {
  flex: 1 1 calc(33.333% - 1.75rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  border: 2px solid var(--color-border-light);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g8713 {
  width: 100%;
}

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

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

.ba42e6 {
  text-align: center;
  max-width: 800px;
}

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

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

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

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

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

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

.p984c7 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.ndd4dc {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.f59d0f6c {
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

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

.k78faf04 {
  flex: 1 1 clamp(280px, 100%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.pffe {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  margin-bottom: clamp(1rem, 1.5vw, 1.25rem);
  display: inline-block;
}

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

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

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

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

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

.n30f {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.g93c2 {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.aa31 {
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto;
}

.m66 {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 450px;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  box-shadow: var(--shadow-md);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

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

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

.pce {
  text-align: center;
}

.lf865b {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.ea0d69 {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

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

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

.j2fee {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-family: var(--font-heading);
}

.na3 {
  flex: 1;
  padding-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

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

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

.f7dac {
  max-width: 750px;
  margin: 0 auto;
}

.a3a828a {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

.n9e79 {
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
}

.ef331 {
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

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

.k6c7 {
  width: 100%;
  max-width: 700px;
  height: auto;
  max-height: 400px;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  box-shadow: var(--shadow-md);
  margin: clamp(1rem, 2vw, 2rem) auto 0;
}

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

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

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

.o8b1b {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  font-style: italic;
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
  font-family: var(--font-heading);
}

.de636df {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  display: block;
}

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

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

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

.o6c495 {
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin-top: clamp(0.125rem, 0.25vw, 0.25rem);
}

.pd8beb {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
}

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

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

  .k78faf04 {
    flex: 1 1 100%;
  }

  .hf4e {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }
}

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

  .d57073 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .mf0256 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .g7b8f61e {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .ma7 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .i281b79 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

  .k78faf04 {
    flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

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

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

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

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

.ga8f {
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.cf9de {
  text-align: center;
  max-width: 700px;
}

.d372d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

.h92a5 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b0e {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.k88 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i682e6 {
  flex: 1 1 clamp(250px, 100%, 300px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
  text-align: center;
}

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

.b9fe9 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(2.5rem, 5vw, 3.5rem);
}

.l19fa1bb {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.h2b46b {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lb9491ec {
  flex: 1 1 clamp(280px, 100%, 380px);
  padding: clamp(1.5rem, 3vw, 2rem);
}

.l36b52 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.c495bc {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.c72e5e {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
  transition: all var(--transition-base);
}

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

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

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

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

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

.hb6cc {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.m81 {
  margin: 0 0 clamp(0.75rem, 2vw, 1.25rem) 0;
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b07654 {
  text-align: center;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
}

.ka8 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1.25rem, 2vw, 1.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m8c {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.i0b5 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.kcce {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border-left: 4px solid var(--color-accent);
}

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

.jc650fb6 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-style: italic;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.fd1a {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ja65db {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  align-items: center;
}

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

@media (min-width: 768px) {
  .o66f4e {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: clamp(3rem, 6vw, 4rem);
  }

  .ga8f {
    flex: 0 1 45%;
    max-width: 450px;
  }

  .cf9de {
    flex: 1 1 45%;
    text-align: left;
  }

  .na2185 {
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

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

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

  .c72e5e {
    flex-shrink: 0;
  }

  .i081 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.75rem, 3vw, 2.5rem);
  }

  .o5f22 {
    grid-column: span 1;
  }
}

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

  .i682e6 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

@media (max-width: 767px) {
  .ga8f {
    order: -1;
  }
}

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

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

.o1d146 {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

.lc00 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.c9e {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.mfbda4d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.df7f5a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
  font-weight: 700;
}

.fbc18b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex: 1;
}

.f51af5a2 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  display: inline-block;
  width: fit-content;
}

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

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

.je1c {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.g62a9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
  font-weight: 700;
}

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

.f9375 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
}

.f9375:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .m4a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .e82 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .gd090066 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

  .dd2269 {
    height: 280px;
  }

  .mf1d1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .m4a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

  .dd2269 {
    height: 300px;
  }

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

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

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

.h3a9185 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.cb14c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 700px;
}

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

.i96f0e {
  max-width: 1200px;
  margin: 0 auto;
}

.j61 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

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

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

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

.pda43c1 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

.c23f86 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.eb3a3 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.eb3a3 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.hd8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.n021 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.n021 img {
  width: 100%;
  height: auto;
  display: block;
}

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

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

.h56ed {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

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

.ff9c4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

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

.abf3c3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.occ999 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .h3a9185 {
    padding: 4rem var(--spacing-lg);
  }

  .e83a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .j61 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .hd8 {
    grid-template-columns: 1fr 1fr;
    padding: var(--spacing-3xl);
  }

  .ff9c4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h3a9185 {
    padding: 5rem var(--spacing-xl);
  }

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

  .j61 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .hd8 {
    grid-template-columns: 1.1fr 1fr;
    gap: var(--spacing-3xl);
    padding: var(--spacing-4xl);
  }

  .n021 {
    order: -1;
  }

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

  .b18 {
    max-width: 900px;
  }
}

@media (min-width: 1440px) {
  .i96f0e,
  .f4daf5,
  .b18 {
    max-width: 1280px;
  }
}

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

.of4091 .f52b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.of4091 .a0e6 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.of4091 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.of4091 .of1627b5 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.of4091 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.of4091 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

.of4091 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.of4091 .p3bd122 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.of4091 .p3bd122 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.of4091 .p3bd122 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.of4091 .c0dfb3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.of4091 .c0dfb3 strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .of4091 .a0e6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .of4091 .f52b {
    padding: 0 var(--spacing-lg);
  }

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

.adea378 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.f52b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.f7138 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.f5c4f35 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  color: var(--color-success);
  animation: scaleInPulse 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

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

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

.l1036c2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.7;
}

.jfb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.p3dd2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-md);
}

.p3dd2:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@keyframes scaleInPulse {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .adea378 {
    padding: var(--spacing-lg);
  }

  .f7138 {
    gap: var(--spacing-xl);
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .f5c4f35 {
    width: 120px;
    height: 120px;
  }

  h1 {
    font-size: clamp(2rem, 4vw, 3.5rem);
  }

  .m34d {
    font-size: clamp(1.1rem, 2vw, 1.5rem);
  }

  .l1036c2 {
    font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  }

  .jfb {
    font-size: clamp(0.9rem, 1vw, 1.05rem);
  }
}

@media (min-width: 1024px) {
  .adea378 {
    padding: var(--spacing-2xl);
  }

  .f7138 {
    gap: var(--spacing-2xl);
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

  .f5c4f35 {
    width: 140px;
    height: 140px;
  }

  h1 {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
  }

  .m34d {
    font-size: clamp(1.2rem, 2vw, 1.5rem);
  }

  .l1036c2 {
    font-size: clamp(1rem, 1.2vw, 1.15rem);
  }

  .jfb {
    font-size: clamp(0.95rem, 1vw, 1.05rem);
  }

  .p3dd2 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(1rem, 1vw, 1.1rem);
  }
}

@media (max-width: 480px) {
  .adea378 {
    padding: var(--spacing-sm);
  }

  .f7138 {
    gap: var(--spacing-md);
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

  h1 {
    font-size: 1.75rem;
  }

  .m34d {
    font-size: 1rem;
  }

  .l1036c2 {
    font-size: 0.9rem;
  }

  .jfb {
    font-size: 0.85rem;
  }

  .p3dd2 {
    padding: var(--spacing-md) var(--spacing-lg);
    font-size: 0.95rem;
    width: 100%;
  }
}

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

.p3bd7288 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.p62 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

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

.a0e6 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.haeb9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  text-align: center;
}

.d5f2a {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.n063f5ad {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b00564 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.hd53a2 {
  position: absolute;
  width: clamp(150px, 40vw, 300px);
  height: clamp(150px, 40vw, 300px);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.15;
  z-index: 1;
  filter: blur(20px);
  animation: pulse-glow 4s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

.i1e37e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.g10498f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
  margin-bottom: var(--spacing-sm);
}

.pb59be {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.gf8d85 {
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-md) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.mf43 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

.aed8f6 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-primary);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.kf09 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  white-space: nowrap;
  margin-top: var(--spacing-md);
}

.d99c08 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 640px) {
  .p62 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .hd53a2 {
    width: clamp(200px, 50vw, 350px);
    height: clamp(200px, 50vw, 350px);
  }
}

@media (min-width: 768px) {
  .p62 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

  .gf8d85 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
  }

  .mf43 {
    flex-shrink: 0;
  }

  .aed8f6 {
    flex-shrink: 0;
  }
}

@media (min-width: 1024px) {
  .p62 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 100vh;
  }

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

  .b00564 {
    animation: float-up 4s ease-in-out infinite;
  }

  @keyframes float-up {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-20px);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .b00564 {
    animation: none;
  }

  .hd53a2 {
    animation: none;
  }

  .d99c08:hover {
    transform: none;
  }

  .d99c08:active {
    transform: none;
  }
}

@media (max-width: 480px) {
  .b00564 {
    animation: none;
  }

  .hd53a2 {
    animation: none;
  }

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

  .kf09 {
    width: 100%;
  }
}

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

.l923e16 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.acbb2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.mb972411 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

@media (min-width: 768px) {
  .l923e16 {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1024px) {
  .l923e16 {
    padding: 6rem 2rem;
  }
}

.hc07f {
  background-color: var(--color-bg-primary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.pecfb82 {
  width: 100%;
}

.h7239d {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

.c054 {
  margin-bottom: 2rem;
}

.j4fd0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

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

.p73 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.l95 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.a9cd6bd0,
.cce {
  width: 100%;
  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);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.a9cd6bd0::placeholder,
.cce::placeholder {
  color: var(--color-text-muted);
}

.a9cd6bd0:focus,
.cce:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-light), 0.1);
}

.cce {
  min-height: 150px;
  resize: vertical;
}

.h3c3 {
  margin-top: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.gcf3 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.f36 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.mf997b31 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
}

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

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

.mf997b31:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.pfbbb3 {
  margin-bottom: 2rem;
}

.bbd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

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

.peb104e3 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.ief52f8 {
  display: flex;
  gap: 1.5rem;
}

.h695b65 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.a91b19 {
  flex: 1;
}

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

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

.a0ac57 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.j01e240 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.l2ac4c {
  background-color: var(--color-bg-tertiary);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-secondary);
}

.d1396c89 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

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

@media (min-width: 768px) {
  .hc07f {
    padding: 5rem 2rem;
  }

  .h7239d {
    gap: 4rem;
  }

  .a2d3 {
    flex: 1 1 45%;
  }

  .c7988 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .hc07f {
    padding: 6rem 2rem;
  }

  .h7239d {
    gap: 5rem;
  }

  .a2d3 {
    flex: 0 1 50%;
  }

  .c7988 {
    flex: 0 1 45%;
  }
}

.p1ca {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

.a88 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.a3a67c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.l5b1882 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.i251d00 {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
}

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

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

@media (min-width: 768px) {
  .p1ca {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .p1ca {
    padding: 5rem 2rem;
  }
}
.n5c1,.f1cf85f{
  width: 34px;
}

.bf2{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.i1177f{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .i1177f{
    max-width: 100%;
  }
}

.i1177f.kbc0{
  z-index: 999;
}

.d5fb2{
  padding-top: 50px;
}

.n5c1[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .cead7 {
    aspect-ratio: 6 / 9;
  }
  .e32e2 {
    aspect-ratio: 6 / 9;
  }
}