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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f0f4ff;
  --color-bg-tertiary: #e0e7ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #606977;

  --color-primary: #4338ca;
  --color-primary-hover: #3730a3;
  --color-primary-light: #ede9fe;
  --color-secondary: #6366f1;
  --color-secondary-light: #f0f4ff;

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

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

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', serif;

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
}

h2 {
  font-size: 2.75rem;
  font-weight: 700;
}

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

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

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

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

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.8;
}

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

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

button, .n309f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  border: 2px solid transparent;
  border-radius: var(--radius-lg);
  background: var(--color-primary);
  color: #ffffff;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
  line-height: 1.5;
}

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

button:active, .n309f:active {
  transform: translateY(0);
}

button.ld32d, .n309f.ld32d {
  background: var(--color-secondary);
  color: #ffffff;
}

button.ld32d:hover, .n309f.ld32d:hover {
  background: var(--color-primary);
}

button.a8ca831, .n309f.a8ca831 {
  background: transparent;
  border-color: var(--color-primary);
  color: var(--color-primary);
}

button.a8ca831:hover, .n309f.a8ca831:hover {
  background: var(--color-primary-light);
}

button:disabled, .n309f:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

.b00 {
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

.efdfc1 {
  font-size: 2.75rem;
  margin-bottom: var(--spacing-md);
}

.efc5 {
  font-size: 1.125rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.nc2f {
  display: grid;
  gap: var(--spacing-2xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

.jc649f {
  list-style: none;
}

.jc649f li {
  padding: var(--spacing-sm) 0;
  color: var(--color-text-secondary);
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
}

.jc649f li:before {
  content: '';
  color: var(--color-primary);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .maa,
  .o59c889,
  .k10a {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  p {
    font-size: 0.95rem;
  }

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

  button, .n309f {
    width: 100%;
  }

  .h363f3 {
    padding: var(--spacing-lg);
  }
}
.h997d93 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  padding: clamp(0.875rem, 2vw, 1.25rem) 0;
}

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

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

.f59f7f61:hover {
  opacity: 0.85;
}

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

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

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

.ge9 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

.oc44fd11[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

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

.oc44fd11[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

.ha58 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  overflow-y: auto;
}

.ha58.hab04 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

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

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

.obe3 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

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

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

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

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

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

  .c1b0d0ed {
    display: block;
  }

  .oc44fd11 {
    display: none;
  }

  .ha58 {
    display: none;
  }
}

    .f5fc2 {
    width: 100%;
  }

  .f5fc2 section {
    overflow: hidden;
  }

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

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

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

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

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

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

  .c5cc {
    font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-secondary);
    font-weight: 600;
    line-height: 1.4;
  }

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

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

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

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

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

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

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

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

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

    .fb3c6b23 {
      flex: 1 1 100%;
    }

    .h0036f {
      flex: 1 1 100%;
    }

    .cfb1 {
      max-height: 350px;
    }
  }

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

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

  .e2c6 {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
  }

  .m7e2ac {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
  }

  .h71b,
  .d9f57a9f {
    text-align: center;
  }

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

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

  .c8943434 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    transition: all var(--transition-base);
  }

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

  .j3615d79 {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

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

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

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

    .e2c6,
    .m7e2ac {
      flex: 1 1 100%;
    }
  }

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

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

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

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

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

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

  .cbe1c25 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-secondary);
    border-left: 4px solid var(--color-accent);
    border-radius: var(--radius-sm);
    transition: all var(--transition-base);
  }

  .cbe1c25:hover {
    box-shadow: var(--shadow-sm);
    transform: translateX(4px);
  }

  .m7aaee9 {
    font-size: 1.75rem;
    color: var(--color-accent);
  }

  .nf2de6 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
    color: var(--color-text-primary);
    font-weight: 700;
  }

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

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

    .ifa,
    .ce4 {
      flex: 1 1 100%;
    }
  }

  .ic1de4c1 {
    background: var(--color-accent);
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

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

  .mcf958 {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 2.5rem);
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .gfbf {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .h4441f {
    font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
    color: var(--color-text-on-accent);
    font-weight: 700;
    line-height: 1;
  }

  .j307f50 {
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-on-accent);
    opacity: 0.9;
  }

  .hbfa11 {
    width: 2px;
    height: clamp(2rem, 4vw, 3.5rem);
    background: rgba(255, 255, 255, 0.3);
  }

  @media (max-width: 768px) {
    .hbfa11 {
      display: none;
    }

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

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

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

  .g75fc {
    text-align: center;
  }

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

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

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

  .c0335982 {
    flex: 1 1 200px;
    max-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    text-align: center;
    padding: clamp(1.5rem, 2vw, 2rem);
    background: var(--color-bg-card);
    border-radius: 50%;
    aspect-ratio: 1;
    justify-content: center;
    transition: all var(--transition-base);
    border: 2px solid var(--color-border-light);
  }

  .c0335982:hover {
    transform: scale(1.05);
    box-shadow: var(--shadow-md);
    border-color: var(--color-accent);
  }

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

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

  @media (max-width: 768px) {
    .c0335982 {
      flex: 1 1 150px;
      max-width: 180px;
      padding: 1rem;
    }
  }

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

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

  .hc443 {
    text-align: center;
  }

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

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

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

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

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

  .h5a2 {
    font-size: clamp(2rem, 3vw, 2.5rem);
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
  }

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

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

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

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

  .if9dbb {
    text-align: center;
  }

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

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

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

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

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

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

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

  .c41be1:hover .a98 {
    transform: scale(1.05);
  }

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

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

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

  .e7eeb {
    color: var(--color-accent);
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    transition: all var(--transition-base);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
  }

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

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

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

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

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

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

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

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

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

  .e9c8.k0c0f {
    display: none;
  }

  .k51a52c {
    color: var(--color-bg-primary);
    margin: 0;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    flex: 1 1 auto;
    line-height: 1.5;
  }

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

  .e780c5,
  .n8a {
    padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    font-weight: 600;
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    transition: all var(--transition-base);
  }

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

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

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

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

  @media (max-width: 768px) {
    .e9c8 {
      flex-direction: column;
      justify-content: center;
    }

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

    .e759 {
      flex: 1 1 100%;
      justify-content: center;
    }
  }

  @media (max-width: 480px) {
    .e780c5,
    .n8a {
      flex: 1 1 45%;
    }
  }

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

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

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

.e3d32,
.paba999,
.c7cb,
.o19 {
  display: block;
}

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

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

.e3d32 p {
  max-width: 520px;
}

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

.gf1a1 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
}

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

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

.m75 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

.b5e {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
}

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

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

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

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

  .o74 li,
  .e5104 li {
    flex: 0 1 auto;
  }
}

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

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

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

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

  .o19 {
    grid-column: 4 / 5;
  }

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

  .o74,
  .e5104 {
    flex-direction: column;
  }
}

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

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

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

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

.k8948d2b {
  text-align: center;
}

.a62 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pcb481e {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a21 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

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

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

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

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

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

.na9 {
  text-align: center;
}

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

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

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

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

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

.k4c2d {
  flex: 1 1 600px;
  max-width: 100%;
}

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

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

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

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

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

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

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

.jb1,
.gf594d0,
.j52 {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.jb1 i,
.gf594d0 i,
.j52 i {
  color: var(--color-accent);
  font-size: 0.85em;
}

.f18b {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  width: fit-content;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d0ac6b0a {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.a5c57 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a5c57 i {
  color: var(--color-accent);
  font-size: 1.2em;
}

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

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

.mc83 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.625rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .k4c2d {
    flex: 1 1 100%;
  }

  .k325 {
    flex-direction: column;
  }
}

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

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

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

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

  .k4c2d {
    flex: 1 1 calc(66.666% - 0.75rem);
    max-width: calc(66.666% - 0.75rem);
  }

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

* {
  box-sizing: border-box;
}

.g53180 {
  width: 100%;
  display: block;
}

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

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

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

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

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

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

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

.mec3ec {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

.gb0c6 img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  object-fit: cover;
  aspect-ratio: 4/3;
}

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

  .idf,
  .gb0c6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .p5382,
  .l802d20 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.i15e2 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  z-index: 10;
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .i15e2 {
    position: relative;
    top: auto;
  }

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

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

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

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

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

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

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

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

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

  .c1ddb,
  .e76d9b7a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.nfdc37 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

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

.cc2c4 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: var(--color-accent);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
}

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

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

  .i4fa,
  .h06d {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o490893f {
  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-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
}

.p0e {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-accent);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.p0e i {
  font-size: 1.25em;
}

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

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

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

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

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

.bac19 {
  background: linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

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

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

.o96e3f {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: clamp(1.5rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.oe4c0d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  margin-top: var(--spacing-md);
}

.neaed33 {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

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

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

@media (max-width: 768px) {
  .o96e3f {
    flex-direction: column;
    padding: clamp(1rem, 3vw, 2rem);
  }

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

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

  .oe4c0d {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
}

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

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

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

.ka0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.8;
}

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

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

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

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

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

.febb01 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
}

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

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

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

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

.j709e {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-lg) 0;
}

.p11975 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-accent);
  margin-bottom: var(--spacing-md);
  font-family: var(--font-heading);
}

.peef4 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.e9852eac {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  padding-left: var(--spacing-md);
  position: relative;
}

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

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

.ic9dd821 {
  margin: var(--spacing-lg) 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.a859e {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--color-border);
}

.a859e:last-child {
  border-bottom: none;
}

.p89a,
.kae005,
.gce {
  flex: 1;
  padding: var(--spacing-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  text-align: center;
}

.a859e:first-child .p89a,
.a859e:first-child .kae005,
.a859e:first-child .gce {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

.df73a {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
}

.f9010cf4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  align-items: flex-start;
  padding: var(--spacing-md);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
}

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

.l8e178b4 {
  flex: 1;
}

.p1fdde02 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-family: var(--font-heading);
}

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

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

.j7682b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 600px;
}

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

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

.l58dcd8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.i744 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

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

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

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

.c32938 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
}

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

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

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

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

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

.h157:hover .jc27e {
  transform: scale(1.05);
}

.ld9d21 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex: 1;
}

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

.d2fc {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

@media (max-width: 1024px) {
  .h157 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 250px;
  }
}

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

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

.lec5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

  .baf0,
  .ic4d92,
  .je23f {
    padding: clamp(4rem, 8vw, 6rem) 0;
  }
}

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

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

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

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

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

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

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

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

  .pb0 {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: clamp(2rem, 4vw, 3rem);
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

    .m4a,
    .l9f2 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .nec874e9 {
      gap: 1rem;
    }
  }

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

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

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

  .ce7c {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    line-height: 1.2;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

    .o6b8c0,
    .a0f8 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .b3739d42 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    line-height: 1.2;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .idba38 {
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    padding: clamp(1rem, 2vw, 1.5rem);
    overflow-x: auto;
    margin: clamp(1rem, 2vw, 1.5rem) 0;
    font-family: 'Courier New', monospace;
  }

  .idba38 code {
    color: var(--color-text-primary);
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    line-height: 1.5;
  }

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

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

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

    .h425bc,
    .dd162c {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .n7ac2ef {
    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);
    box-shadow: var(--shadow-sm);
  }

  .d395f42a {
    flex-shrink: 0;
  }

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

  .h67 {
    flex: 1;
  }

  .ba1 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    margin-bottom: 0.25rem;
    line-height: 1.2;
  }

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

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

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

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

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

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

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

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

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

  .ifb1b4 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    line-height: 1.2;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .i1d3,
    .gf1ca4 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .n14 {
    text-align: center;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .i73a1 {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    line-height: 1.2;
    margin-bottom: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .g6d1 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  @media (max-width: 1024px) {
    .j30535 {
      flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    }
  }

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

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

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

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

  .acd3ee {
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    color: var(--color-text-primary);
    line-height: 1.2;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .i26389,
    .a86c6 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

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

  .a1f9cc61 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    text-align: center;
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

  a {
    transition: all var(--transition-base);
  }

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

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

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

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

.aa24172 {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

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

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

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

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

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

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

.e5eb7e4 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

.h499 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

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

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

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

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

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

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

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

.j66c7 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

.d54e {
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 250px;
  height: 100vh;
  overflow-y: auto;
  border-right: 1px solid var(--color-border-light);
  padding: clamp(1.5rem, 3vw, 2rem);
  z-index: 10;
}

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

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

.mbc0e193 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  border: 3px solid var(--color-accent-light);
}

.if8ace {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f9d {
  text-align: center;
}

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

.j0b2df8 {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a4c8659 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

.ibf9 {
  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-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
}

.h1cc19e {
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

.jcec671 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

@media (max-width: 1023px) {
  .d54e {
    position: static;
    width: 100%;
    height: auto;
    border-right: none;
    border-bottom: 1px solid var(--color-border-light);
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .g3f9 {
    position: static;
  }

  .o50d58b,
  .ac4,
  .c3f,
  .d28cc,
  .h720c29b,
  .ce1189c3,
  .j7d {
    margin-left: 0;
  }

  .e5eb7e4 {
    flex-direction: column;
  }

  .i8d7 {
    flex: 1 1 100%;
  }

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

  .p298 {
    flex-direction: column;
  }

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

  .p401a6,
  .n01dc,
  .ee85,
  .l1b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .ibf9 {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .e5eb7e4 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

  .j91a1d {
    flex-direction: column;
  }

  .i40ab13 {
    font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  }
}

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

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

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

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

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

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

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

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

.c10 {
  text-align: center;
}

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

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

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

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

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

.m691ef13 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.faab {
  text-align: center;
}

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

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

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

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

.m184 {
  flex: 1 1 45%;
  min-width: 280px;
  max-width: 500px;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
  object-fit: cover;
}

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

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

.h3b47fdf {
  text-align: center;
}

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

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

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

.h66 {
  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-md);
  box-shadow: var(--shadow-sm);
}

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

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

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

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

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

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

.e260fc {
  text-align: center;
}

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

.aec08ea {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-sm);
  max-width: 700px;
  margin: 0 auto;
}

.h8bd {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1rem;
}

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

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

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

.pa1a {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

.aaf {
  font-size: 1.25rem;
  color: var(--color-accent);
}

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

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

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

  .i1f2 {
    flex-direction: column;
  }

  .n76e8,
  .m184 {
    flex: 1 1 100%;
    min-width: 100%;
  }

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

  .d592c {
    margin-bottom: 0.5rem;
  }

  .bbd38,
  .m184 {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .d2e63,
  .a1addc,
  .k08a,
  .ha7f,
  .f30 {
    font-size: clamp(1.25rem, 5vw, 2rem);
  }

  .ed05cbb,
  .m1b {
    gap: 1rem;
  }

  .aec08ea {
    padding: 1.5rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.n1b27292 {
  font-size: clamp(2rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

.ia7fa2a7 {
  width: 100%;
  max-width: 600px;
  flex: 1;
}

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

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

  .ld3 {
    flex: 1;
    text-align: left;
    align-items: flex-start;
  }

  .h86460c {
    margin: 0;
  }

  .ia7fa2a7 {
    flex: 1;
  }
}

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

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

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

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

.a9d7b {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.jeab719 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

.d7a01ba {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.fe2 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
}

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

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

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

.acb391 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

.jdf346 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.b8a5 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.kfe1 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.b77ec02 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

@media (min-width: 768px) {
  .necfdc {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .b8a5 {
    flex: 1;
  }
}

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

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

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

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

.pade6d {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

.fc52 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.g9b9af {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.m466 {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
}

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

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

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

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

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

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

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

.iaf279f0 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.ld0a7 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 3px solid var(--color-accent);
  transition: var(--transition-base);
}

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

.odd8 {
  font-size: clamp(1.0625rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.l130 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

.e01f7d9 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  line-height: 1.7;
}

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

.p68b2 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  text-decoration: none;
  transition: var(--transition-base);
  text-align: center;
}

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

.d152 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  text-decoration: none;
  transition: var(--transition-base);
  text-align: center;
}

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

@media (min-width: 768px) {
  .kcb {
  }
}

i {
  display: inline-block;
}

@media (max-width: 767px) {
  .l9d48 {
    padding: 0;
  }

  .m63 {
    padding: 0;
  }

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

.h95dc77 {
  width: 100%;
}

.iafb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.n57 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

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

.c9bf90 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  margin: 0;
  font-weight: 400;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .iafb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .iafb {
    padding: 5rem var(--spacing-2xl);
  }
}

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

.i567795e {
  max-width: 1200px;
  margin: 0 auto;
}

.m8ea {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  width: 100%;
}

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

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

.d7528d {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.ea370b35 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.fe7b4441 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.dba2d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.dba2d li {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.9rem;
  padding-left: var(--spacing-md);
  position: relative;
}

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

@media (min-width: 768px) {
  .m26 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .m8ea {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .m26 {
    padding: 5rem var(--spacing-2xl);
  }

  .m8ea {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

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

.nac9 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.a1499 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 var(--spacing-2xl) 0;
}

.b6469e45 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .f9630ba {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .nac9 {
    font-size: clamp(1.75rem, 5vw, 2.25rem);
  }
}

@media (min-width: 1024px) {
  .f9630ba {
    padding: 5rem var(--spacing-2xl);
  }
}

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

.f1a795 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n046 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.ib28 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.icf9298 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .f1a795 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .f1a795 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.cda9b46e {
  max-width: 1200px;
  margin: 0 auto;
}

.c792ab8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .c792ab8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .g0db6d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c792ab8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.n67 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.o9a151f6 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

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

.d3b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

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

@media (min-width: 768px) {
  .ab223 {
    height: 240px;
  }

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

@media (min-width: 1024px) {
  .ab223 {
    height: 260px;
  }

  .d3b {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  }
}

.me8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.ac8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

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

.i03c1953 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-primary);
}

.i03c1953:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

@media (min-width: 768px) {
  .me8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .me8 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.p46f .b33a191 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p46f .d861 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.p46f h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.p46f .i22a {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p46f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.p46f p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.p46f ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.p46f li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.p46f strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.p46f .k6dd180 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.p46f .k6dd180 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.p46f .k6dd180 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .p46f .d861 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p46f .d861 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.db9 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.p022e8e {
  width: 100%;
  padding: var(--spacing-3xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.b33a191 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.m2977af {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
}

.m2977af svg {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-success);
  stroke-width: 1.5;
}

.k80 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.k80 .g6215a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.k80 .bb78731 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.k80 .m8ab3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.p9fdfcbc {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  letter-spacing: 0.5px;
}

.k4ea {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.k4ea:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.k4ea:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 640px) {
  .p022e8e {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .p022e8e {
    padding: var(--spacing-4xl) 0;
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

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

  .p9fdfcbc {
    min-height: 52px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .p9fdfcbc,
  .k4ea {
    transition: none;
  }

  .k4ea:hover {
    transform: none;
  }

  .k4ea:active {
    transform: none;
  }
}

@media (max-width: 639px) {
  .db9 {
    min-height: auto;
  }

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

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

.p3b0 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.l9c {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.d861 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.da67a8b {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
  padding: var(--spacing-2xl) 0;
}

.i441658 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cd7314e1 {
  position: relative;
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.be5a {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.m4efd {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  animation: rotate-pulse 6s linear infinite;
  opacity: 0.3;
  z-index: 1;
}

@keyframes rotate-pulse {
  0% {
    transform: rotate(0deg) scale(0.8);
    opacity: 0.3;
  }
  50% {
    transform: rotate(180deg) scale(1);
    opacity: 0.1;
  }
  100% {
    transform: rotate(360deg) scale(0.8);
    opacity: 0.3;
  }
}

.l8b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.pf3128c3 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.6;
}

.m379 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  margin: var(--spacing-md) 0;
}

.m379 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

.p9fdfcbc {
  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, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
  min-width: 200px;
}

.k4ea {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-primary);
}

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

.k4ea:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .l9c {
    padding: var(--spacing-2xl);
  }

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

  .cd7314e1 {
    max-width: 320px;
  }

  .m4efd {
    border-width: 4px;
  }
}

@media (min-width: 768px) {
  .l9c {
    padding: var(--spacing-3xl);
  }

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

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

  .cd7314e1 {
    max-width: 360px;
  }

  .m379 {
    padding: var(--spacing-xl);
    margin: var(--spacing-lg) 0;
  }

  .p9fdfcbc {
    min-width: 240px;
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .l9c {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }

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

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

  .cd7314e1 {
    max-width: 400px;
  }

  .m4efd {
    border-width: 5px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .m4efd {
    animation: none;
    border: 3px solid var(--color-primary-light);
    opacity: 0.2;
  }

  .k4ea:hover {
    transform: none;
  }

  .k4ea:active {
    transform: none;
  }
}

.f816b {
  background-color: var(--color-bg-primary);
  width: 100%;
  overflow: hidden;
}

.n704 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.p3e {
  text-align: center;
}

.n0e1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.kfa719 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .n704 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .n704 {
    padding: 6rem 0;
  }
}

.g94594 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.a6b86 {
  width: 100%;
}

.cb7 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

  .o616945 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .g94594 {
    padding: 5rem 0;
  }
}

.m8739d {
  margin-bottom: 2rem;
}

.d88efe {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.leb {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.nda3e {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.p4029,
.jc1a58f {
  font-family: var(--font-primary);
  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-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.p4029::placeholder,
.jc1a58f::placeholder {
  color: var(--color-text-muted);
}

.p4029:focus,
.jc1a58f: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));
}

.jc1a58f {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.e1eb1bac {
  margin: 0.5rem 0;
  padding: 1rem;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.p1b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.gd04 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.d223 {
  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 + 0.5rem, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
  letter-spacing: 0;
}

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

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

.d223:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--color-accent-light));
}

.m7b00 {
  margin-bottom: 2rem;
}

.k985f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.o323 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: 2.5rem;
}

.d0889 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.ba5 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.o66c55f {
  flex: 1;
  min-width: 0;
}

.h7c16 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
}

.ff775 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  line-height: 1.6;
}

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

.l5554bb4 {
  padding: 1.75rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

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

.b18 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  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.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

.n9846e1:hover {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.ad40c2 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.m89975 {
  width: 100%;
}

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

.o33b44 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}

@media (min-width: 768px) {
  .o33b44 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}

.a3c3da8 {
  background-color: var(--color-bg-card);
  padding: 1.75rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

@media (min-width: 768px) {
  .ad40c2 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .ad40c2 {
    padding: 6rem 0;
  }
}

.p78 {
  background-color: var(--color-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.gd2eb9f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.l974 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  margin-bottom: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.95;
}

.dd006 {
  display: inline-block;
  padding: 1rem 2.5rem;
  background-color: var(--color-accent);
  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 + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .p78 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .p78 {
    padding: 6rem 0;
  }
}

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

@media (min-width: 768px) {
  .b33a191 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .b33a191 {
    padding: 0 var(--spacing-xl);
  }
}
.oc44fd11,.b3c27{
  width: 34px;
}

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

.ha58{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ha58{
    max-width: 100%;
  }
}

.ha58.hab04{
  z-index: 999;
}

.obe3{
  padding-top: 50px;
}

.oc44fd11[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .b48 {
    aspect-ratio: 6 / 9;
  }
  .d43ac077 {
    aspect-ratio: 6 / 9;
  }
}