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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #f1f5f9;
  --color-bg-card: #ffffff;

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

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-secondary: #0ea5e9;
  --color-secondary-light: #cffafe;

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

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

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

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

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

  --shadow-sm: 0 1px 2px 0 rgba(30, 41, 59, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(30, 41, 59, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(30, 41, 59, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(30, 41, 59, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(30, 41, 59, 0.15);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

button, .f2f {
  font-family: var(--font-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  font-weight: 600;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.a7e8 {
  background: var(--color-primary);
  color: white;
}

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

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

.ia65:hover {
  background: #0284c7;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

.k07 {
  padding: var(--spacing-4xl) var(--spacing-lg);
}

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

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

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

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

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

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

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

pre {
  background: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

.d52d9 {
  background: var(--color-warning-light);
  color: #b45309;
}

.p8f {
  background: var(--color-danger-light);
  color: #dc2626;
}

.b84 {
  text-align: center;
}

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

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

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

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

.l7ddbe { margin-top: var(--spacing-xs); }
.d7fbf743 { margin-top: var(--spacing-sm); }
.i4b2c { margin-top: var(--spacing-md); }
.hfb { margin-top: var(--spacing-lg); }
.pb4f9 { margin-top: var(--spacing-xl); }
.fc0a { margin-top: var(--spacing-2xl); }

.f954 { margin-bottom: var(--spacing-xs); }
.b8d25 { margin-bottom: var(--spacing-sm); }
.odcbc3 { margin-bottom: var(--spacing-md); }
.g8c15 { margin-bottom: var(--spacing-lg); }
.d3d0 { margin-bottom: var(--spacing-xl); }
.b9d2 { margin-bottom: var(--spacing-2xl); }

.n8fe8 { padding-top: var(--spacing-xs); }
.d87f68 { padding-top: var(--spacing-sm); }
.jfec { padding-top: var(--spacing-md); }
.p8628b { padding-top: var(--spacing-lg); }
.jc2 { padding-top: var(--spacing-xl); }

.d2af { padding-bottom: var(--spacing-xs); }
.fbb { padding-bottom: var(--spacing-sm); }
.ga2 { padding-bottom: var(--spacing-md); }
.ab5 { padding-bottom: var(--spacing-lg); }
.a835 { padding-bottom: var(--spacing-xl); }

.ie0a5 {
  display: flex;
}

.e7dfba03 {
  flex-direction: column;
}

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

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

.l170dd { gap: var(--spacing-xs); }
.e50a3ec { gap: var(--spacing-sm); }
.c4e092 { gap: var(--spacing-md); }
.j34 { gap: var(--spacing-lg); }
.p9c2bd16 { gap: var(--spacing-xl); }

.na1 {
  display: grid;
}

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

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

@media (max-width: 640px) {
  :root {
    font-size: 14px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .i3d3ef, .k35848, .f928b {
    grid-template-columns: 1fr;
  }

  button, .f2f {
    width: 100%;
  }
}

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

.m06728 {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

*:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
.j7b5 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  padding: clamp(0.75rem, 2vw, 1.25rem) 0;
  overflow: hidden;
}

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

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

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

.ha4 {
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c0a:hover .ha4 {
  color: var(--color-accent);
  transition: color var(--transition-base);
}

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

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

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

.ba9924 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 0.5rem;
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  flex-shrink: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.j0f3edd9 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: clamp(4rem, 10vw, 6rem);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  border-top: 1px solid var(--color-border-light);
}

.j0f3edd9.m61 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.if2 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

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

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

.n03f100 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1rem, 4vw, 2rem);
  margin-bottom: auto;
}

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

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

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

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

@media (min-width: 768px) {
  .j7b5 {
    padding: 1rem 0;
  }

  .c371b {
    gap: clamp(2rem, 5vw, 3rem);
  }

  .beb2e {
    display: flex;
  }

  .ba9924 {
    display: inline-block;
  }

  .h8b7a85 {
    display: none;
  }

  .j0f3edd9 {
    display: none;
  }
}

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

  .g243a9 {
    font-size: 1rem;
  }

  .ba9924 {
    font-size: 1rem;
  }
}

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

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

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

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

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

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

.ib0fd2 {
  flex: 1 1 45%;
  width: 100%;
}

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

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

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

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

.pbd792fa {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ja1f71 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2.25rem);
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.of767129 {
  text-align: center;
}

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

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

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

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

.j07 {
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
  flex: 0 0 auto;
  min-width: 80px;
}

.e2c8 {
  flex: 1 1 auto;
}

.g70778b0 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.375rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.af3 {
  flex: 1 1 45%;
  width: 100%;
}

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

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

.dfd7d {
  color: var(--color-text-primary);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.p9e75 {
  text-align: center;
}

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

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

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

.n50 {
  flex: 1 1 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  transition: all var(--transition-base);
}

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

.j77fe {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  display: flex;
  justify-content: center;
}

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

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

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

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

.be7a06f {
  text-align: center;
}

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

.a7926498 {
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k461 {
  flex: 1 1 150px;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  text-align: center;
}

.eae804d {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o42cc6a {
  color: rgba(255, 255, 255, 0.85);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l170bd {
  text-align: center;
}

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

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

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

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

.h3d {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  display: flex;
  justify-content: center;
}

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

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

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

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

.jf86 {
  text-align: center;
}

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

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

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

.m79 {
  flex: 1 1 220px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.b2c2791 {
  text-align: center;
}

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

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

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

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

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

.lf9 {
  width: 100%;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

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

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

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

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

.ke11d {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.jf634 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.25vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m73a6 {
  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: 0 -4px 12px rgba(0, 0, 0, 0.15);
}

.m73a6.kc0eb7 {
  display: none;
}

.fed {
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  flex: 1 1 auto;
  min-width: 250px;
}

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

.l85 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.hef {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-family: var(--font-primary);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
}

.hef:hover {
  border-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.05);
}

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

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

  .pbd792fa,
  .ja1f71 {
    width: 100%;
    text-align: center;
  }

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

  .j07 {
    min-width: auto;
  }

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

  .fed {
    min-width: auto;
  }

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

  .l85,
  .hef {
    width: 100%;
  }
}

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

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

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

.n100,
.c54,
.b5e8,
.n78a764 {
  display: block;
}

.c1329 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  font-weight: 700;
  letter-spacing: 0.5px;
}

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

.n100 p {
  max-width: 380px;
  color: var(--color-text-secondary);
}

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

.af63 li,
.hd7 li {
  display: block;
}

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

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

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

.nb92 p {
  margin-bottom: 0.5rem;
}

.g261 {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  margin-top: 1rem;
  font-style: italic;
}

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

  .n100 {
    flex: 0 1 auto;
    min-width: 280px;
  }

  .c54,
  .n78a764 {
    flex: 0 1 auto;
    min-width: 140px;
  }

  .b5e8 {
    flex: 0 1 auto;
    min-width: 240px;
  }

  .nb92 {
    flex: 1 1 100%;
    display: block;
  }
}

@media (min-width: 1024px) {
  .d6b {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(3rem, 6vw, 4.5rem);
    justify-content: space-between;
  }

  .n100 {
    flex: 0 1 280px;
  }

  .c54 {
    flex: 0 1 130px;
  }

  .b5e8 {
    flex: 0 1 240px;
  }

  .n78a764 {
    flex: 0 1 150px;
  }

  .nb92 {
    flex: 1 1 100%;
    margin-top: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

.df7b {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

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

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

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

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

.pba {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.h36f5 {
  text-align: center;
}

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

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

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

.m910 {
  flex: 1 1 calc(25% - clamp(1.25rem, 3vw, 2rem) * 0.75);
  min-width: 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
}

.d8155cbe {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

.dcca2,
.g8a01,
.nced {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dcca2 i,
.g8a01 i,
.nced i {
  color: var(--color-accent);
  font-size: 0.85em;
}

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

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

@media (max-width: 1200px) {
  .m910 {
    flex: 1 1 calc(50% - clamp(1.25rem, 3vw, 2rem) * 0.5);
    max-width: 100%;
  }
}

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

  .la32c7 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

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

  .df7b {
    font-size: clamp(0.75rem, 1vw, 0.85rem);
  }
}

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

  .j7adaa {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

  .n26e {
    font-size: clamp(1.25rem, 3vw, 1.75rem);
  }
}

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

html, body {
  font-family: var(--font-primary);
}

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

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

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

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

.i71af {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o02d03 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.a27c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.75) 0%, rgba(30, 41, 59, 0.65) 100%);
  z-index: 1;
}

.i71af .if7c3 {
  position: relative;
  z-index: 2;
  width: 100%;
}

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

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

.l44 a:hover {
  color: var(--color-secondary-light);
  text-decoration: underline;
}

.l44 span {
  color: rgba(255, 255, 255, 0.6);
}

.f1639b {
  max-width: 800px;
}

.bb9a {
  color: #ffffff;
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  line-height: 1.2;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.afd7ed02 {
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: 2rem;
}

.hb76a {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.ib6846 {
  color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.ib6846 i {
  color: var(--color-secondary);
  font-size: 1rem;
}

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

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

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

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

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

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

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

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

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

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

.c19224 {
  margin-top: 2rem;
}

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

.defe4b1 {
  list-style: none;
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a0b5329c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: color var(--transition-base);
  width: fit-content;
}

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

.a0b5329c i {
  font-size: 0.75rem;
  transition: transform var(--transition-base);
}

.c4b72d:hover .a0b5329c i {
  transform: translateX(4px);
}

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

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

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

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

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

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

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

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

.d8b18ad {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  max-width: 800px;
  margin: 0 auto;
}

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

.i7996 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.a108 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

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

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

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

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

.n19c1 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.d9be7b5 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 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 + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

@media (max-width: 768px) {
  .i71af {
    min-height: 400px;
  }

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

  .m01,
  .pa58d7f8,
  .d9e3a7b,
  .f6707bf {
    flex-direction: column;
  }

  .nee,
  .f024,
  .ca4e,
  .h29f,
  .b31,
  .b37c4ed6,
  .i0e188,
  .b66 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h29f,
  .b66 {
    order: 0;
  }

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

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

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

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

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

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

.hb5c7a {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4rem) 0;
}

.p3e2e13b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.fe70 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.75) 0%, rgba(30, 41, 59, 0.5) 100%);
  z-index: 1;
}

.hb5c7a .if7c3 {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

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

.pb2c3cc7 a {
  color: var(--color-secondary-light);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

.pb2c3cc7 span {
  color: var(--color-secondary-light);
}

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

.ca56 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.cd99e76 {
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-md);
  font-weight: 500;
}

.ka852d20,
.l567,
.dcf4a6 {
  color: var(--color-secondary-light);
}

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

.ia07b24 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  line-height: 1.6;
  color: var(--color-secondary-light);
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.kca {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.b3af15 i {
  display: block;
}

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

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

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

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

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

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

.ofc4b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n6ff9 {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

.l94ff1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.hefb {
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.e8ba0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.j195 {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

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

.e08d24 {
  text-align: center;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.m6b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hde {
  font-size: clamp(1rem, 2vw, 1.125rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.n2613 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: all var(--transition-base);
  width: fit-content;
}

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

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

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

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

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

.m8f0232 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.f4cb10aa {
  flex-shrink: 0;
}

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

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

.e4cf9587 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.n6284fd i {
  display: block;
}

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

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

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

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

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

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

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

.e9add1 {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.p11a69 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 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);
  cursor: pointer;
}

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

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

@media (max-width: 768px) {
  .hb5c7a {
    min-height: 400px;
    align-items: flex-end;
  }

  .m75b870,
  .he13,
  .nde62e,
  .ff79f {
    flex-direction: column;
  }

  .nbe3,
  .l0e03aa,
  .gf2dcf,
  .e3e,
  .p9115,
  .gef6,
  .o7a822,
  .p99 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p9115 {
    order: 0;
  }

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

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

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

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

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

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

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

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

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

.b2c2 {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.m3ee {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.g2f {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.75) 0%, rgba(15, 23, 42, 0.85) 100%);
  z-index: 1;
}

.b2c2 .if7c3 {
  position: relative;
  z-index: 2;
  padding-bottom: clamp(2rem, 5vw, 3rem);
  padding-top: clamp(2rem, 5vw, 3rem);
}

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

.l8b6e a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

.l8b6e span {
  color: rgba(255, 255, 255, 0.6);
}

.b27 {
  max-width: 900px;
}

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

.d83 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: rgba(255, 255, 255, 0.85);
}

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

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

.id4098f8 {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.k70ca2 {
  flex: 1 1 clamp(250px, 100%, 350px);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.of13421 {
  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;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m16a {
  flex: 1 1 clamp(280px, 100%, 380px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

.m16a:hover .gbeac5e {
  transform: scale(1.05);
}

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

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

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

.o3dc1 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  align-self: flex-start;
}

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

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

.fa3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.b77e {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .b2c2 {
    min-height: 350px;
  }

  .gfef125 {
    flex-direction: column;
  }

  .k70ca2 {
    flex: 1 1 100%;
  }

  .nfe644,
  .f2efc1,
  .jb51a750 {
    flex-direction: column;
  }

  .f8bce,
  .j8ca9c4,
  .p486495,
  .o2251,
  .ba2,
  .ffc11 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .o2251 {
    order: 0;
  }

  .m16a {
    flex: 1 1 100%;
  }

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

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

  .fa3 {
    flex-direction: column;
  }
}

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

  .d83 {
    font-size: 0.8125rem;
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.hed3 {
  display: inline-block;
  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-lg);
  font-weight: 600;
  transition: all var(--transition-base);
}

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

.b9553 {
  position: relative;
  background: var(--color-bg-primary);
  padding: 0;
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g8830 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.h30422f {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(30, 41, 59, 0.5) 100%);
  z-index: 2;
}

.b9553 .if7c3 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
}

.e79c11 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-on-accent);
}

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

.e79c11 a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.e79c11 span {
  color: var(--color-text-on-accent);
}

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

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

.i4474f3 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  opacity: 0.95;
}

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

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

.kffb8 i {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pd58b7 li {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.jbfe6 {
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.6;
}

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

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

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

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

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

.j8185 {
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f2ba09e2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-secondary);
  flex-shrink: 0;
  margin-top: 2px;
}

.i756fec3 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j35 {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .h77dfb39,
  .a60632c4,
  .gba8907a,
  .m1a58,
  .f872 {
    flex-direction: column;
  }

  .o65,
  .fea,
  .m3f27e,
  .fab01,
  .l53,
  .h115ff,
  .j6cd14,
  .mef,
  .macf,
  .k6173 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g88 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }

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

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

  .hb599bef {
    align-items: center;
  }

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

  .f2ba09e2 {
    margin-top: 0;
  }
}

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

* {
  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 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
}

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

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

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

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

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

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

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

.p51693 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 1rem;
  background: var(--color-accent-light);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
}

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

.l905 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 1rem 0;
}

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

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

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

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

.cfd2 {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
  background: var(--color-accent-light);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
}

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

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

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

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

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

.n661 {
  font-size: 2.5rem;
  color: var(--color-primary);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent-light);
  border-radius: var(--radius-md);
}

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

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

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

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

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

.b4bf {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
  background: var(--color-accent-light);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
}

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

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

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

.f8c {
  flex: 1 1 45%;
  min-width: 280px;
}

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

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

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

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

.lc6431 {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
  background: var(--color-accent-light);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
}

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

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

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

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

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

.f3a8 {
  flex: 1 1 auto;
  padding-top: 0.25rem;
}

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

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

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

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

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

.g167ba {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
  background: var(--color-accent-light);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
}

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

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

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

.c2ea57 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

.b5e7aa {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.8;
  max-width: 700px;
}

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

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

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

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

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

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

.i33b {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

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

  .hc42 {
    flex-direction: column;
  }

  .f8c,
  .f364 {
    flex: 1 1 100%;
  }

  .db8 {
    gap: 1rem;
  }

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

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

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

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

html, body {
  width: 100%;
}

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

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

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

.c27 {
  width: 100%;
  background: var(--color-bg-primary);
}

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

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

.j853a {
  flex: 1;
  text-align: center;
  max-width: 800px;
}

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

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

.pfa {
  flex: 1;
  width: 100%;
  max-width: 500px;
}

.id4dd {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

  .j853a {
    text-align: left;
    flex: 1;
  }

  .pfa {
    flex: 1;
    max-width: none;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ab0384eb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

.ke8 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

  .ab0384eb {
    flex: 1;
  }
}

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

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

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

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

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

.ce31c07d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

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

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

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

  .ce31c07d {
    flex: 1;
  }
}

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

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

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

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

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

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

.m508 {
  text-decoration: none;
  color: inherit;
  transition: all var(--transition-base, 0.3s ease);
}

.g8fa50b {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  transition: all 0.3s ease;
}

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

.id601d {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

@media (min-width: 768px) {
  .j779d {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

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

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

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

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

.e8557,
.d78c4 {
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
}

.e8557 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

@media (min-width: 768px) {
  .n861 {
    flex-direction: row;
    justify-content: center;
  }

  .e8557,
  .d78c4 {
    flex: 0 1 auto;
  }
}

@media (max-width: 767px) {
  .j779d {
    grid-template-columns: 1fr !important;
  }
}

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

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

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

.p2b0eb5f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.g6073d4c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

.ce8cd {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-3xl);
}

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

.m40705 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base);
}

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

.k6dc {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  border-bottom: 1px solid var(--color-border-light);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
}

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

.k6dc[aria-expanded="true"] {
  background-color: var(--color-primary-light);
}

.g41a6 {
  flex: 1;
}

.g8398 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  transition: transform var(--transition-base);
}

.k6dc[aria-expanded="true"] .g8398 {
  transform: rotate(45deg);
}

.b222945 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

.b222945 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

.e6248c6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  align-items: center;
}

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

.b353 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-align: center;
  max-width: 400px;
}

.l09ee399 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.i0466d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
}

.b7637c1f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  transition: background-color var(--transition-base);
}

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

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

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

.c32 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.a4084d6f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.f4757fa {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

  .df6bb {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .ce8cd {
    grid-template-columns: 2fr 1fr;
    gap: var(--spacing-4xl);
  }

  .e6248c6 {
    align-items: flex-start;
  }

  .b353 {
    text-align: left;
    width: 100%;
  }

  .j6c988 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a856 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

  .b222945 p {
    font-size: 1.05rem;
  }
}

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

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

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

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

.p5acc493 p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
}

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

.m00dc657 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

.k10f:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.j3b2d3 {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.k10f h3 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  line-height: 1.3;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
}

.k10f p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  line-height: 1.7;
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.lb3b27 {
  font-family: var(--font-primary);
  color: var(--color-primary);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  display: inline-block;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-base), color var(--transition-base);
}

.lb3b27:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary);
}

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

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

.a426605 h2 {
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  line-height: 1.2;
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.a426605 p {
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.f448b8 {
  font-family: var(--font-primary);
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
}

.f448b8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

@media (min-width: 640px) {
  .p5acc493 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c732c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .m00dc657 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .a426605 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

  .p5acc493 h1 {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
    margin-bottom: var(--spacing-lg);
  }

  .c732c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .m00dc657 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .k10f:nth-child(3) {
    grid-column: 1;
  }

  .k10f:nth-child(4) {
    grid-column: 2;
  }

  .a426605 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .j152 {
    max-width: 800px;
  }
}

@media (min-width: 1280px) {
  .m00dc657 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

.pf1f .if7c3 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pf1f .d11 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.pf1f h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.pf1f .l093 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.pf1f h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

.pf1f ul,
.pf1f ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
}

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

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

.pf1f .k07 {
  margin-bottom: var(--spacing-2xl);
}

.pf1f .i0c6 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
}

.pf1f .i0c6 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.pf1f .i0c6 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.pf1f .i0c6 strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 80px;
}

@media (max-width: 767px) {
  .pf1f .d11 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

@media (min-width: 768px) {
  .pf1f .d11 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pf1f .d11 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.g9d8ff9e {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.d11 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.n3c82 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.c94642 {
  font-size: clamp(3rem, 12vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ac3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.g73f5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
}

.d7e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
}

.pa4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
}

.f2f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
}

.a7e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.a7e8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .g9d8ff9e {
    padding: var(--spacing-lg);
  }

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

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

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

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

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

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

@media (min-width: 768px) {
  .g9d8ff9e {
    padding: var(--spacing-2xl);
  }

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

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

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

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

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

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

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

  .f2f {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .g9d8ff9e {
    padding: var(--spacing-3xl);
  }

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

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .n3c82 {
    animation: none;
  }

  .c94642 {
    animation: none;
  }

  .a7e8:hover {
    transform: none;
  }

  .a7e8:active {
    transform: none;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.k2cbf59 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.ad8f3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.d11 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.j01f {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-lg);
}

.k26f9b6d {
  position: relative;
  margin-bottom: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.k5ad {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -2px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.n3e {
  width: clamp(120px, 25vw, 180px);
  height: clamp(120px, 25vw, 180px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border);
  position: relative;
  overflow: hidden;
}

.f2be8a {
  width: 70%;
  height: 70%;
  position: relative;
}

.f2be8a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.05) 100%);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  box-shadow: 
    inset 0 0 0 1px var(--color-border-light),
    0 0 0 2px var(--color-border);
}

.f2be8a::after {
  content: '';
  position: absolute;
  width: 90%;
  height: 20%;
  top: 15%;
  left: 5%;
  background-color: var(--color-accent);
  border-radius: var(--radius-sm);
  opacity: 0.7;
  box-shadow: 
    0 calc(var(--spacing-sm) * 1.5) 0 var(--color-warning),
    0 calc(var(--spacing-sm) * 3) 0 var(--color-danger-light);
}

.cc7f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.ca8739 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  font-weight: 500;
  font-style: italic;
}

.a26687cf {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.8;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.ce95e0 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
  text-align: left;
}

.e9ded1c {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

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

.of8b0 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.6;
}

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

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

.a7e8 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

.a7e8:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.eaad {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-top: var(--spacing-xl);
  line-height: 1.7;
}

@media (min-width: 480px) {
  .j01f {
    padding: var(--spacing-xl);
  }
  
  .k26f9b6d {
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 768px) {
  .ad8f3 {
    min-height: 100vh;
    padding: 0;
  }
  
  .j01f {
    padding: var(--spacing-2xl);
  }
  
  .k26f9b6d {
    margin-bottom: var(--spacing-3xl);
    flex-direction: row;
    gap: var(--spacing-2xl);
    align-items: flex-start;
  }
  
  .k5ad {
    text-align: left;
    flex-shrink: 0;
  }
  
  .n3e {
    flex-shrink: 0;
    margin-top: var(--spacing-sm);
  }
  
  .ce95e0 {
    padding: var(--spacing-xl);
    margin-bottom: var(--spacing-3xl);
  }
  
  .of8b0 {
    columns: 2;
    column-gap: var(--spacing-xl);
  }
  
  .of8b0 li {
    break-inside: avoid;
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .j01f {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
  
  .k26f9b6d {
    margin-bottom: var(--spacing-4xl);
    gap: var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .f2f {
    transition: none;
  }
  
  .a7e8:hover {
    transform: none;
  }
}

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

.g7e30a65 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.je6c {
  text-align: center;
}

.kc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.o5d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

@media (min-width: 1024px) {
  .g7e30a65 {
    padding: 5rem 0;
  }
}

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

.g4db2b0f {
  width: 100%;
}

.n2986 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

@media (min-width: 768px) {
  .n2986 {
    flex-direction: row;
    gap: var(--spacing-4xl);
    align-items: flex-start;
  }
}

.n35b599 {
  flex: 1 1 400px;
  min-width: 0;
}

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

.oab030b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

.na27 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.n18 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.j75d90,
.p5f0a2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.j75d90::placeholder,
.p5f0a2::placeholder {
  color: var(--color-text-muted);
}

.j75d90:focus,
.p5f0a2:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.p5f0a2 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.bd43 {
  margin-top: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.g08a07a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.m5f {
  color: var(--color-primary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-primary);
  transition: color var(--transition-fast), border-color var(--transition-fast);
}

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

.h4b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-size: 0.9rem;
}

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

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

.jd5 {
  flex: 1 1 400px;
  min-width: 0;
}

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

.o3f321 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

.h027a1 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

.a6d74f {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.nbf5a64 {
  flex: 1;
}

.i6bb1ab6 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-xs);
}

.i821 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  margin-bottom: var(--spacing-xs);
}

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

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

.gd4262 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
  font-style: italic;
}

.i11 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.fee85 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

.dc24 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  margin-bottom: var(--spacing-md);
}

.de7c {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

@media (min-width: 1024px) {
  .m2d {
    padding: 5rem 0;
  }
}

.pc079af1 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.g99187 {
  text-align: center;
}

.kaf56eb {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.a8f3f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.e59cb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  align-items: center;
}

.f71423 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .pc079af1 {
    padding: 5rem 0;
  }
}

@media (max-width: 767px) {
  .n35b599,
  .jd5 {
    width: 100%;
  }
}
.h8b7a85,.nc0{
  width: 34px;
}

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

.j0f3edd9{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .j0f3edd9{
    max-width: 100%;
  }
}

.j0f3edd9.m61{
  z-index: 999;
}

.n03f100{
  padding-top: 50px;
}

.h8b7a85[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .l9c5d {
    aspect-ratio: 6 / 9;
  }
  .d8155cbe {
    aspect-ratio: 6 / 9;
  }
}