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

:root {
  --color-bg-primary: #fafaf9;
  --color-bg-secondary: #f5f5f4;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

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

  --color-primary: #1e40af;
  --color-primary-hover: #1e3a8a;
  --color-primary-light: #eef2ff;
  --color-primary-lighter: #f0f4ff;

  --color-secondary: #3b82f6;
  --color-secondary-light: #dbeafe;
  --color-secondary-lighter: #eff6ff;

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

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

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

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

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Nunito', sans-serif;

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

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

  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

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

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

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

.g2d09 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-decoration: none;
  white-space: nowrap;
}

.n9533d85 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

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

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

.ma4 {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

.ma4:hover {
  background: #2563eb;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.g2d09:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

.i8e7a {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

.ka9 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
}

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

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

.b2a1 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.md7edb3 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

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

.c5ac3969 {
  background: var(--color-success-lighter);
  border-color: var(--color-success);
  color: var(--color-success);
}

.b125dc43 {
  background: var(--color-warning-lighter);
  border-color: var(--color-warning);
  color: var(--color-warning);
}

.bad22d {
  background: var(--color-danger-lighter);
  border-color: var(--color-danger);
  color: var(--color-danger);
}

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

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

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

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

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

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

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

.fb0e75 {
  flex-direction: column;
}

.d249b58 {
  text-align: center;
}

.h78ed6f7 {
  text-align: right;
}

.b60f {
  text-align: left;
}

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

.b2a4 {
  color: var(--color-success);
}

.gcc094d {
  color: var(--color-warning);
}

.hddf7a {
  color: var(--color-danger);
}

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

.fe76854 {
  color: var(--color-secondary);
}

.n04b244 {
  font-weight: 700;
}

.b00 {
  font-weight: 600;
}

.j48d63d {
  font-weight: 500;
}

.c09 {
  font-size: 0.875rem;
}

.i0ba {
  font-size: 1.125rem;
}

.a9fc2f {
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

.afe5 {
  margin-left: auto;
  margin-right: auto;
}

.gcc3ad6 {
  padding: var(--spacing-xs);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .n303,
  .jd3795,
  .hf9decc4 {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .g2d09 {
    width: 100%;
  }
}
.n9a {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.lc1cde98:hover {
  opacity: 0.85;
}

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

.p807d {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.a098b6 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
  flex: 1;
  justify-content: center;
}

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

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

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

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

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

.l8a49aa:hover {
  opacity: 0.7;
}

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

.l8a49aa.l9704 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.l8a49aa.l9704 span:nth-child(2) {
  opacity: 0;
}

.l8a49aa.l9704 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.k96 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.k96.l9704 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.p47b:hover {
  opacity: 0.7;
}

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

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

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

.oeaa {
  margin-top: auto;
  padding: 1.25rem 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: background var(--transition-base);
  border-radius: var(--radius-md);
  border-bottom: 1px solid var(--color-border-light);
}

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

@media (min-width: 768px) {
  .k420895d {
    height: 5.5rem;
  }

  .a098b6 {
    display: flex;
  }

  .e19 {
    display: inline-block;
  }

  .l8a49aa {
    display: none;
  }

  .k96 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .k420895d {
    height: 6rem;
    padding: 0 clamp(2rem, 5vw, 3rem);
  }

  .p807d {
    font-size: 1.375rem;
  }

  .o19 {
    font-size: 1rem;
  }

  .e19 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

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

  body.c1d34d {
    overflow: hidden;
  }
}

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

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

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

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

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

.df5c20fc {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

.i700c {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1rem);
  flex-wrap: wrap;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

.d0935,
.j535 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

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

.ia41f2 {
  width: 100%;
  max-width: 500px;
  position: relative;
}

.je48760e {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 45% 52% 48% / 48% 45% 55% 52%;
  box-shadow: var(--shadow-lg);
}

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

  .le287ae,
  .eb86 {
    flex: 1 1 100%;
  }

  .i700c {
    flex-direction: column;
  }

  .d0935,
  .j535 {
    width: 100%;
  }
}

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

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

.e5477b86 {
  flex: 1 1 45%;
}

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

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

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

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

.da1edc1 {
  align-self: flex-start;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

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

  .e5477b86,
  .n14631d5 {
    flex: 1 1 100%;
  }

  .da1edc1 {
    align-self: flex-start;
  }
}

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

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

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

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

.ea40c {
  flex: 1 1 45%;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.ca02d {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.75rem, 2vw, 1rem);
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

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

.k21923 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  font-size: 1.125rem;
}

.d82c {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

.beb6b {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.h346 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
}

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

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

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

.l19 {
  text-align: center;
}

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

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

.n34 {
  flex: 1 1 40%;
  min-height: 300px;
}

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

.h810b76 {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.m234:nth-child(odd) {
  flex-direction: row;
}

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

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

  .n34,
  .h810b76 {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n38a6 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l808dd {
  display: inline-flex;
  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-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.c9fb {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  white-space: nowrap;
  flex-shrink: 0;
}

.j5f {
  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) {
  .p43485b0 {
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }

  .c9fb {
    white-space: normal;
  }
}

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

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

.f46 {
  text-align: center;
}

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

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

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

.jf23a322 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  white-space: nowrap;
  flex-shrink: 0;
  line-height: 1.2;
}

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

@media (max-width: 768px) {
  .l14d {
    flex-direction: row;
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .jf23a322 {
    min-width: 40px;
  }
}

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

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

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

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

.o1b9d5c2 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1rem);
  flex-wrap: wrap;
  justify-content: center;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

.n2764b,
.c4d626f4 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
}

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

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

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

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

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

  .n2764b,
  .c4d626f4 {
    width: 100%;
  }
}

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

.gcd.i4c90 {
  display: none;
}

.m35ec {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.4;
}

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

.l9d,
.d87 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  white-space: nowrap;
}

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

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

.d87 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.d87:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

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

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

  .n7f927 {
    flex: 1 1 100%;
    width: 100%;
  }

  .l9d,
  .d87 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

@media (max-width: 1024px) {
  .a6cf8890,
  .c106370d,
  .o0fefe,
  .e976434,
  .kfafc7b0,
  .p0d5,
  .o348e1,
  .bb0,
  .c45a118,
  .p4ad0 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

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

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

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

.k7a924 {
  display: block;
}

.k7a924 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ba7544 {
  display: block;
}

.ba7544 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d5369ea {
  display: block;
}

.d5369ea h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ff42 {
  display: block;
}

.ff42 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e87425 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .k7a924 {
    flex: 1 1 280px;
    min-width: 260px;
  }

  .ba7544 {
    flex: 0 1 auto;
    min-width: 200px;
  }

  .meee3 {
    flex-direction: column;
    gap: clamp(0.625rem, 1.5vw, 0.875rem);
  }

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

  .ff42 {
    flex: 0 1 auto;
    min-width: 200px;
  }

  .n39 {
    flex-direction: column;
    gap: clamp(0.625rem, 1.5vw, 0.875rem);
  }

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

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

  .k7a924 {
    flex: 1 1 300px;
  }
}
    

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

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

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

.aa8f {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3rem);
  max-width: 700px;
  width: 100%;
  box-shadow: var(--shadow-sm);
  text-align: center;
}

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

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

.c0237 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  margin: clamp(1.5rem, 2vw, 2rem) 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

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

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

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

.b40b7 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 260px;
  max-width: 320px;
  box-shadow: var(--shadow-xs);
  transition: all var(--transition-base);
}

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

.be617 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: var(--radius-sm);
  display: block;
}

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

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

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

.l3d6d34,
.p6a3,
.jc73f94 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.l3d6d34 i,
.p6a3 i,
.jc73f94 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

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

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

.m2ef7 {
  color: var(--color-text-primary);
  font-size: clamp(1.4rem, 3vw + 0.5rem, 2rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m2ef7 i {
  color: var(--color-accent);
  font-size: 1.4rem;
}

.n5e {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n5e:last-child {
  margin-bottom: 0;
}

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

@media (max-width: 767px) {
  .b40b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
  
  .de6 {
    flex-direction: column;
  }
}

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

@media (min-width: 1024px) {
  .b40b7 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.f697bf52 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

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

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

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

.ne53 {
  flex-shrink: 0;
}

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

.k8b0ef {
  flex: 1 1 auto;
}

.h142b2 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.h142b2 a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

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

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

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

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

.d040 {
  flex: 1 1 65%;
  max-width: 65%;
}

.b4d44a {
  flex: 1 1 35%;
  max-width: 35%;
}

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

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

.g4fc6239 {
  font-size: clamp(1.1875rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

.hfd img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

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

.mf4c61 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  margin-top: clamp(2.5rem, 5vw, 4rem);
  box-shadow: var(--shadow-sm);
}

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

.k0d0 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.efc8 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-sm);
}

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

.b92f {
  list-style: none;
  margin: 0;
  padding: 0;
}

.m19cc {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--color-border-light);
  line-height: 1.6;
}

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

.g17 {
  background: linear-gradient(135deg, var(--color-accent), var(--color-secondary));
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  text-align: center;
}

.ja24c {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-on-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.6;
}

.a4abd7 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
  padding: 0.5rem 1rem;
  border: 2px solid var(--color-text-on-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

.d8e650 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
  box-shadow: var(--shadow-sm);
}

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

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

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

.j55dd {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.ned35ca {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  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;
}

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

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

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

.ned35ca:hover .l40d img {
  transform: scale(1.05);
}

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

.beca4f9 {
  font-size: clamp(1rem, 2vw, 1.1875rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
  line-height: 1.4;
}

.beca4f9 a {
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

.beca4f9 a:hover {
  color: var(--color-accent);
  text-decoration: none;
}

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

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

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

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

  .i4423 {
    flex-direction: column;
  }

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

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

  .gebdee {
    flex-direction: column;
  }

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

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

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

  .ne53 {
    margin: 0 auto;
  }

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

@media (max-width: 768px) {
  .eafd {
    font-size: clamp(1.5rem, 5vw, 2.25rem);
  }

  .ned35ca {
    flex: 1 1 100%;
  }

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

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

  .l1bf {
    flex: 1 1 auto;
  }

  .c009 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
}

@media (max-width: 480px) {
  .l4c7e22 {
    padding: 0 clamp(0.75rem, 3vw, 1rem);
  }

  .h06416f {
    gap: clamp(1rem, 3vw, 1.5rem);
  }

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

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

  .c459 {
    gap: 0.5rem;
  }

  .l1bf {
    font-size: 0.75rem;
  }

  .l1bf i {
    font-size: 0.875rem;
  }

  .l40d {
    height: 150px;
  }

  .k7134c {
    padding: clamp(1rem, 2vw, 1.25rem);
    gap: clamp(1rem, 2vw, 1.25rem);
  }

  .ne53 img {
    width: 100px;
    height: 100px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b57881,
  .n32e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.a8a88 {
  flex-shrink: 0;
}

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

.jc5c3d {
  flex: 1 1 auto;
}

.k6f3 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

.j6e1b {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

  .a8a88 {
    margin: 0 auto;
  }

  .jc5c3d {
    text-align: center;
  }
}

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

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

.d226 {
  flex: 1 1 65%;
  max-width: 65%;
}

.p136b7 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

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

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

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

.oe4aca52 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-lg);
  margin-bottom: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-accent);
}

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

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

.j7a8d {
  list-style: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
}

.j7a8d li {
  margin-bottom: 0.5rem;
}

.j7a8d a {
  color: var(--color-accent);
  display: block;
  padding: 0.25rem 0;
}

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

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

  .d226,
  .p136b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p136b7 {
    position: static;
  }
}

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

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

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

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

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

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

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

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

  .j36fe979,
  .f89d2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .f843e126,
  .n0686b03 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.jcc1c:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(30, 41, 59, 0.08);
}

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

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

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

@media (max-width: 1023px) {
  .jcc1c {
    flex: 1 1 calc(50% - clamp(0.75rem, 3vw, 1rem));
    min-width: 250px;
  }
}

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

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

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

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

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

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

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

  .ba72a,
  .g81 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.i1084 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-text-muted);
}

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

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

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

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

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

.iaec1d:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(30, 41, 59, 0.1);
}

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

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

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

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

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

.i77882 {
  display: inline-block;
  margin-top: 0.5rem;
  color: var(--color-accent);
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: var(--transition-base);
}

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

@media (max-width: 1023px) {
  .iaec1d {
    flex: 1 1 calc(50% - clamp(0.75rem, 3vw, 1rem));
    min-width: 280px;
  }
}

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

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

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

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

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

.g3372a8 {
  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);
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

.ob6148 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

.l70f4e7c {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  min-width: 120px;
}

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

.p8b6 {
  flex: 1 1 auto;
}

.bd9 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}

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

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

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

.cbbe2 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

.kee732 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 280px;
}

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

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

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

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

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

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

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

.i71178 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

.jda p:first-of-type {
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.k53ad1 li {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
}

.k53ad1 li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: 50%;
  margin-left: -1.5rem;
  margin-top: 0.5em;
  flex-shrink: 0;
}

.if5 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 280px;
}

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

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

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

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

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

.ee523b {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c1abc i {
  flex: 0 0 24px;
  color: var(--color-warning);
  font-size: 1.5rem;
  margin-top: 2px;
}

.p7eb37bd {
  flex: 1 1 auto;
}

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

.p7eb37bd strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.b92d921 {
  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-sm);
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 100%;
  transition: all var(--transition-base);
}

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

.c38ed {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

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

.b92d921:hover .c38ed img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1023px) {
  .i55fd67,
  .ib6777d8,
  .fe9fe9,
  .hcc58671 {
    flex-direction: column;
  }

  .n4ba1,
  .ob6148,
  .ke8dec,
  .kee732,
  .jda,
  .if5,
  .ee523b,
  .d8f8b7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ob6148,
  .kee732,
  .if5,
  .ee523b {
    min-height: 250px;
  }

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

  .l70f4e7c {
    margin: 0 auto;
  }

  .hdb67 {
    flex: 1 1 100%;
  }

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

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

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

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

  .b92d921 {
    flex: 1 1 100%;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Work Sans', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.de3 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

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

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

.fd235 i {
  color: var(--color-secondary);
}

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

.e4fd0c5 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.n3a21c {
  flex-shrink: 0;
}

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

.d24772 {
  flex: 1;
}

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

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

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

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

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

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

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

.k1a73b {
  flex: 1 1 55%;
  max-width: 55%;
}

.kdfc6 {
  flex: 1 1 45%;
  max-width: 45%;
}

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

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

.ac0d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border-left: 4px solid var(--color-secondary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

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

.k519 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
}

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

.b075d::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 6px;
  height: 6px;
  background: var(--color-secondary);
  border-radius: 50%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jac77f {
  display: block;
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
}

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

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

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

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

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

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

.gb79 {
  flex: 1 1 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  min-height: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

.g2cc2fd4 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-secondary);
  font-weight: 600;
  padding: 0.75rem 0;
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

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

.n8c2 {
  flex: 1 1 calc(33.333% - 1.5rem);
  max-width: calc(33.333% - 1.5rem);
  min-height: 260px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.bac {
  font-size: clamp(2rem, 4vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-secondary);
  line-height: 1;
}

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

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

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

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

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

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

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

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

.f338a {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: clamp(0.5rem, 1.5vw, 0.75rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background 0.3s ease, opacity 0.3s ease;
}

.f338a:hover {
  background: var(--color-accent);
  opacity: 0.9;
}

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

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

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

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

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

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

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

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

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

.g89151 {
  flex: 1 1 calc(33.333% - 1.5rem);
  max-width: calc(33.333% - 1.5rem);
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.g89151:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}

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

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

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

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

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

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

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

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

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

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

  .ee0f46 {
    flex-direction: column;
  }

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

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

  .g61d {
    flex-direction: column;
  }

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

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

  .kf234 {
    flex-direction: column;
  }

  .icce67a2 {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

  .fce0 {
    flex-direction: column;
  }

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

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

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

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

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

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

  .n3a21c {
    flex-shrink: 0;
  }

  .d24772 {
    flex: 1;
  }

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

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

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

  .m3008b {
    font-size: 0.8125rem;
  }
}

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

  .ee55602d {
    font-size: 1rem;
  }

  .keb0fa53 {
    font-size: 1.5rem;
  }

  .e8d31dcf {
    font-size: 1.5rem;
  }

  .g533 {
    font-size: 1.5rem;
  }

  .e21355c {
    font-size: 1.5rem;
  }

  .e693abf {
    font-size: 1.5rem;
  }

  .c1dd4835 {
    font-size: 1.5rem;
  }

  .h452 {
    font-size: 1.5rem;
  }

  .gb10 {
    font-size: 1.5rem;
  }

  .nf28 {
    font-size: 1.25rem;
  }

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

  .p6b5 {
    gap: 0.75rem;
  }

  .p64f3 {
    padding: 0.75rem;
  }
}

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

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.g2d09 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

.m96480 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

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

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

.c0364b {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 1rem;
}

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

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

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

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

.if4ff1 h3 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

.o8e:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 30px rgba(59, 130, 246, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

.g4eba {
  flex: 1;
  padding-top: 0.5rem;
}

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

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

.nffe {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}

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

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

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

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

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

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

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

.bce363 {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-style: normal;
}

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

.k094c {
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  text-align: center;
  flex: 0 1 auto;
  min-width: 200px;
}

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

.ied4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.m5aa64e {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

  .e0b {
    align-self: flex-start;
  }

  .d112dc75 {
    border-left-width: 3px;
  }

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

@media (max-width: 480px) {
  .k094c {
    flex: 1 1 100%;
    min-width: auto;
  }

  .ae136 {
    padding: clamp(2.5rem, 5vw, 4rem) 0;
  }
}

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

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

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

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

.h16996 {
  flex: 1 1 50%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p1f4b00 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
  max-height: 450px;
}

.m1e3d {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  justify-content: center;
}

.m33 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-primary);
}

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

.d0b {
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-secondary);
  line-height: 1.4;
}

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

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

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

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

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

.f61af0 {
  text-align: center;
}

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

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

.l9834 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (min-width: 768px) {
  .decde3 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
  }
}

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

.d6c140 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
}

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

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

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

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

.jee {
  text-align: center;
}

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

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

.oda3c {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .f81 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

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

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

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

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

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

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

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

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

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

.kc2fbcf {
  text-align: center;
}

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

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

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

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

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

.ge48 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

.bea84e {
  flex: 1 1 50%;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
}

.b102dd {
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.6;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

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

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

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

@media (min-width: 768px) {
  .c893 {
    flex-direction: row;
    gap: clamp(3rem, 8vw, 5rem);
    align-items: flex-start;
  }
}

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

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

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

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

.d3a03c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

.l12 {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 2.5rem);
}

@media (min-width: 768px) {
  .l12 {
    justify-content: flex-start;
  }
}

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

.k5c2 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
}

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

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

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

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

.j376e085 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b9592b6 {
  background: var(--color-text-on-accent);
  color: var(--color-primary);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  width: fit-content;
  text-align: center;
  margin: 0 auto;
}

.b9592b6:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  opacity: 0.95;
}

@media (max-width: 767px) {
  .h16996 {
    order: -1;
  }

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

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

.pe7a7 {
  width: 100%;
  background-color: var(--color-bg-primary);
}

.p0a11 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.lc0d5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.k275bd69 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

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

.df233764 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.b3bd {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.k2471 {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color var(--transition-fast);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
}

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

.i51e {
  flex: 1;
  padding-right: var(--spacing-md);
}

.i92f7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-sm);
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1;
  flex-shrink: 0;
  transition: transform var(--transition-base), background-color var(--transition-base);
}

.k2471[aria-expanded="true"] .i92f7 {
  transform: rotate(45deg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.f96a0 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base), padding var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.f96a0.l9704 {
  max-height: 500px;
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
}

.f96a0 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.6;
}

.kf29d21 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

.pb031 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.od201 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  justify-content: center;
}

.mec {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

.edf9dc35 {
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
}

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

@media (min-width: 640px) {
  .p0a11 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j4597a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .kf29d21 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .f96a0.l9704 {
    padding: 0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .p0a11 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

  .od201 {
    flex-direction: row;
    gap: var(--spacing-md);
  }

  .mec {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .p0a11 {
    padding: 4rem var(--spacing-xl);
  }

  .j4597a {
    padding: 4rem var(--spacing-xl);
  }

  .kf29d21 {
    padding: 4rem var(--spacing-xl);
  }

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

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

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

* {
  box-sizing: border-box;
}

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

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

.md56623 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.eab7 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md) var(--spacing-xl);
}

.i628902 {
  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;
  line-height: 1.2;
}

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

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

@media (min-width: 768px) {
  .md56623 {
    padding: var(--spacing-3xl) 0;
  }

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

  .i628902 {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
  }
}

.gf80 {
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.g22 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .gf80 {
    padding: var(--spacing-3xl) 0;
  }

  .g22 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

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

.b9769a0d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.b9769a0d:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.eaa3 {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

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

.ibe {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.g44c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.g44c li {
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.g44c i {
  color: var(--color-success);
  flex-shrink: 0;
  width: 18px;
  text-align: center;
}

.a1b4324 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.p6b1f83 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .a1b4324 {
    padding: var(--spacing-3xl) 0;
  }

  .p6b1f83 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
  }
}

.bae05 {
  text-align: center;
  padding: var(--spacing-lg);
}

.i33 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: inline-flex;
  width: 60px;
  height: 60px;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
}

.f23dff {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.h81f {
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.h81f > .a2231c {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  align-items: center;
}

@media (min-width: 768px) {
  .h81f {
    padding: var(--spacing-3xl) 0;
  }

  .h81f > .a2231c {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

.f097db6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.n1fb {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  width: fit-content;
}

.n1fb:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

@media (max-width: 767px) {
  .n12512 {
    order: -1;
  }
}

@media (min-width: 1024px) {
  .b9769a0d {
    padding: var(--spacing-xl);
  }

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

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

.cda293 main {
  width: 100%;
}

.cda293 .l4c7e22 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.cda293 .f3d4 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.cda293 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.cda293 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.cda293 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.cda293 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.cda293 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.cda293 strong {
  font-weight: 600;
  color: var(--color-text-primary);
}

.cda293 .fda {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
}

.cda293 .ndb36a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.cda293 .ndb36a h2 {
  margin-top: 0;
}

.cda293 .ndb36a p {
  margin-bottom: var(--spacing-sm);
}

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

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

.cda293 .meabe85 strong {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .cda293 .l4c7e22 {
    padding: 0 var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .cda293 .l4c7e22 {
    padding: 0 var(--spacing-xl);
  }

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

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

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

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

.l843 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.oa90da {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.f3d4 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.n1b2 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.a611158 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 15vw, 120px);
  height: clamp(80px, 15vw, 120px);
  margin: 0 auto var(--spacing-xl);
  color: var(--color-success);
}

.d0cf {
  width: 100%;
  height: 100%;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.o86655 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.mc4 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
}

.d78ddd2 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  letter-spacing: 0.3px;
}

.n20 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.7;
  letter-spacing: 0.2px;
}

.md9e2e97 {
  display: inline-block;
  margin-top: var(--spacing-lg);
}

.g2d09 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
  text-align: center;
  white-space: nowrap;
}

.n9533d85 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.n9533d85:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.n9533d85:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .oa90da {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 100vh;
  }

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .n1b2,
  .d0cf {
    animation: none;
  }

  .n9533d85:hover {
    transform: none;
  }
}

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

.p337 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ff4666 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.l4c7e22 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

.f3d4 {
  width: 100%;
  max-width: 800px;
}

.pef5627 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

.b68c {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.c201 {
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
}

.dbbe {
  position: absolute;
  width: clamp(120px, 30vw, 300px);
  height: clamp(120px, 30vw, 300px);
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-full);
  opacity: 0.15;
  z-index: -1;
  animation: float 6s ease-in-out infinite;
}

.i7290509 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: slideUp 0.8s ease-out;
}

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

.md8bd827 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

.m300b {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.8;
  color: var(--color-text-secondary);
  margin: var(--spacing-md) 0 0 0;
}

.m6b83dc {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  text-align: left;
}

.g68aac {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.mffdfce3 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.mffdfce3 li {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.mffdfce3 li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
}

.g2d09 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  margin-top: var(--spacing-lg);
  min-width: clamp(200px, 80vw, 300px);
}

.n9533d85 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

.n9533d85:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.n9533d85:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .ff4666 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
  
  .m6b83dc {
    padding: var(--spacing-xl);
  }
}

@media (min-width: 768px) {
  .ff4666 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
  
  .pef5627 {
    gap: var(--spacing-3xl);
  }
  
  .mffdfce3 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
  }
  
  .mffdfce3 li {
    flex: 1;
    min-width: 150px;
  }
}

@media (min-width: 1024px) {
  .ff4666 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .g2d09 {
    min-width: 280px;
  }
}

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

.gfc22f4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.i784 {
  padding: var(--spacing-lg) var(--spacing-md);
  text-align: center;
}

.n182 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.m9bb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .gfc22f4 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .gfc22f4 {
    padding: 5rem 0;
  }

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

.i876b25 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.kf508 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  align-items: flex-start;
}

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

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

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

.d134a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.c4e365 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.mf1 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.e2a3,
.c77d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  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);
  transition: all var(--transition-base);
  box-sizing: border-box;
  line-height: 1.5;
}

.e2a3::placeholder,
.c77d::placeholder {
  color: var(--color-text-muted);
}

.e2a3:focus,
.c77d:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
  background-color: var(--color-bg-card);
}

.c77d {
  min-height: 140px;
  resize: vertical;
  max-height: 400px;
}

.d68867 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.o3f958 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 500;
}

.o3f958:hover,
.o3f958:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.f6f6335 {
  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-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
  letter-spacing: 0;
  margin-top: var(--spacing-md);
}

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

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

.f6f6335:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.a376 {
  display: inline-block;
}

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

.c95 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.fd3583cf {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.baa {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.ec185608 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.ec185608 i {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
}

.md1 {
  flex: 1;
  min-width: 0;
}

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

.k59a6e8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

.faa0a8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

.da004de5 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 600;
}

.da004de5:hover,
.da004de5:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.n88b {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

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

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

.j1fa1bce {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 600;
}

.j1fa1bce:hover,
.j1fa1bce:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.je759b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.p71b08 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
}

.l51 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.h539d8 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

.h539d8:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
  transform: translateY(-4px);
}

.b26d1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  margin: 0 auto var(--spacing-md);
}

.b26d1 i {
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

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

@media (min-width: 768px) {
  .i876b25 {
    padding: var(--spacing-3xl) 0;
  }

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

  .f87bf {
    flex: 1 1 45%;
  }

  .ic39b {
    flex: 1 1 45%;
  }

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

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

  .h539d8 {
    text-align: left;
  }

  .b26d1 {
    margin: 0 0 var(--spacing-md) 0;
  }
}

@media (min-width: 1024px) {
  .i876b25 {
    padding: 4rem 0;
  }

  .kf508 {
    gap: 4rem;
  }

  .je759b {
    padding: 5rem 0;
  }
}

@media (min-width: 1440px) {
  .i876b25 {
    padding: 5rem 0;
  }

  .kf508 {
    gap: 5rem;
  }

  .je759b {
    padding: 6rem 0;
  }
}

@supports (backdrop-filter: blur(10px)) {
  .e2a3:focus,
  .c77d:focus {
    background-color: var(--color-bg-card);
  }
}
.l8a49aa,.p47b{
  width: 34px;
}

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

.k96{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .k96{
    max-width: 100%;
  }
}

.k96.l9704{
  z-index: 999;
}

.d585f{
  padding-top: 50px;
}

.l8a49aa[aria-expanded="true"]{
  display: none;
}