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

:root {
  --color-bg-primary: #1a0a0e;
  --color-bg-secondary: #2d1118;
  --color-bg-tertiary: #3f1722;
  --color-bg-card: #2a0f16;

  --color-text-primary: #ffffff;
  --color-text-secondary: #fecdd3;
  --color-text-muted: #fda4af;

  --color-primary: #fb7185;
  --color-primary-hover: #f43f5e;
  --color-primary-light: #fca5b0;
  --color-primary-lighter: #fdd2d8;

  --color-secondary: #fda4af;
  --color-secondary-light: #fdccd4;
  --color-secondary-lighter: #fde7eb;

  --color-success: #34d399;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #4a2835;
  --color-border-light: #3f2230;

  --font-primary: 'Red Hat Text', sans-serif;
  --font-heading: 'Red Hat Display', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.85);

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

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.025em;

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

html {
  scroll-behavior: smooth;
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

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

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

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

button,
.l1f11 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
}

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

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

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

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

.mcbd5256:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-secondary);
  box-shadow: 0 0 0 3px rgba(251, 113, 133, 0.1);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .nabf {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .k78b3cf,
  .o0b,
  .nabf {
    grid-template-columns: 1fr;
  }

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

.haa1 {
  display: flex;
}

.m2e9 {
  flex-direction: column;
}

.pbe {
  align-items: center;
}

.e877ac1 {
  justify-content: center;
}

.ma4d933 {
  justify-content: space-between;
}

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

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

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

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

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

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

.n139a {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-2xl);
  color: var(--color-text-primary);
}

.m0e0939 {
  text-align: center;
}

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

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

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

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

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

.hdd {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
}

.nd92 {
  background: rgba(251, 113, 133, 0.15);
  color: var(--color-primary-light);
}

.o1267c4 {
  background: rgba(253, 164, 175, 0.15);
  color: var(--color-secondary-light);
}

.j0a {
  background: rgba(52, 211, 153, 0.15);
  color: var(--color-success-light);
}

.gda65e1 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-warning-light);
}

.jdb22b9 {
  background: rgba(239, 68, 68, 0.15);
  color: var(--color-danger-light);
}

.be2ee04 {
  list-style: none;
}

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

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

.f18f {
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
  }
}

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

pre {
  padding: var(--spacing-md);
  overflow-x: auto;
  margin-bottom: var(--spacing-md);
}

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

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

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-xl);
}

th,
td {
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 1px solid var(--color-border);
}

th {
  background: var(--color-bg-secondary);
  font-weight: 600;
  color: var(--color-text-primary);
}

tr:hover {
  background: var(--color-bg-card);
}

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

fieldset {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

legend {
  padding: 0 var(--spacing-md);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.l1b4621 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ja66ccf9.af718 span:nth-child(2) {
  opacity: 0;
}

.ja66ccf9.af718 span:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}

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

.i143.af718 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.k57f0 {
  background: transparent;
  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);
}

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

.a1cf {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: 0;
  margin: 0;
}

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

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

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

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

@media (min-width: 768px) {
  .ga5 {
    padding: 1.25rem clamp(1rem, 4vw, 2rem);
    gap: 3rem;
  }

  .me6 {
    display: flex;
  }

  .kad5b {
    display: inline-block;
  }

  .ja66ccf9 {
    display: none;
  }

  .i143 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .ga5 {
    padding: 1.5rem clamp(1rem, 4vw, 2rem);
  }

  .a83d0 {
    font-size: 1rem;
  }

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

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

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

    

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

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

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

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

.l1f11 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw, 1rem);
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  white-space: nowrap;
}

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

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

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

.n715:hover {
  background: rgba(253, 164, 175, 0.1);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

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

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

.bd586bbf {
  font-size: clamp(0.875rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
}

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

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

.pad5c {
  width: 100%;
  max-width: 400px;
  aspect-ratio: 1;
  border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

  .j96 {
    flex: 1 1 100%;
  }

  .cce07 {
    flex: 1 1 100%;
    max-width: 300px;
  }

  .pad5c {
    max-width: 300px;
  }
}

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

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

.fa2c {
  text-align: center;
}

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

.paf32e1 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.nb339 {
  flex: 1 1 100%;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.nb339:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

.e24 {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: var(--transition-base);
}

.e24:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

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

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

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

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

  .nb339 {
    max-width: 100%;
  }

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

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

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

.dff04 {
  text-align: center;
}

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

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

.fec29a {
  flex: 1 1 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

.fec29a:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  background: rgba(251, 113, 133, 0.05);
}

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

.g97bd521 {
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

.ad8aa {
  flex: 1 1 45%;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: flex-start;
}

.n0b8c59 {
  flex: 0 1 calc(50% - 0.75rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  text-align: center;
}

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

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

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

  .k7c9 {
    flex: 1 1 100%;
  }

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

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

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

.l099 {
  text-align: center;
}

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

.n603b451 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

.e342f4f3 {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

.mea {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 2.5vw, 2rem) 0;
  border-left: 2px solid var(--color-border);
  padding-left: clamp(1.5rem, 3vw, 2rem);
  position: relative;
}

.mea:last-child {
  border-left-color: transparent;
}

.b1a440ed {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-card);
  border-radius: 50%;
  border: 2px solid var(--color-accent);
  position: absolute;
  left: clamp(-1.75rem, -3.5vw, -2rem);
  top: clamp(1.5rem, 2.5vw, 2rem);
}

.ea583d {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .b1a440ed {
    left: clamp(-1.5rem, -3vw, -1.75rem);
  }
}

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

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

.fba4d {
  text-align: center;
}

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

.ge545b {
  position: relative;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

.lfb9819c {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-border);
  transform: translateY(-50%);
}

.e7b6c0e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.o1d320e {
  flex: 1 1 150px;
  min-width: 150px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  text-align: center;
}

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

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

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

  .o1d320e {
    flex: 1 1 100%;
  }

  .lfb9819c {
    top: 0;
    bottom: 0;
    width: 2px;
    height: auto;
    left: 15%;
  }
}

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

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

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

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

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

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

.fa8f0 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
  flex-shrink: 0;
}

.g8ac9 {
  flex: 1;
}

.kce880 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

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

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

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

  .cdb {
    flex: 1 1 100%;
  }

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

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

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

.p925d4 {
  text-align: center;
}

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

.oaa {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.fccdf {
  flex: 1 1 100%;
  max-width: 500px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.fccdf:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

.l5b2 {
  flex: 1 1 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.l5b2:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
}

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

.fccdf .i7df6 {
  aspect-ratio: 16/9;
}

.l5b2 .i7df6 {
  aspect-ratio: 16/9;
}

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

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

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

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

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

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

  .fccdf {
    max-width: 100%;
  }

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

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

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

.fb51d {
  text-align: center;
}

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

.de1a81 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.c76 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.c0f06e0 {
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  user-select: none;
  transition: var(--transition-base);
}

.c0f06e0:hover {
  background: rgba(251, 113, 133, 0.05);
}

.a8fa1 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  text-align: left;
  flex: 1;
}

.da16cec5 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  font-weight: bold;
  min-width: 1.5rem;
  text-align: center;
}

.c76[open] .da16cec5 {
  transform: rotate(45deg);
}

.h58746 {
  padding: 0 clamp(1.25rem, 2.5vw, 1.75rem) clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border-top: 1px solid var(--color-border);
}

.h58746 p {
  margin: 0;
}

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

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

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

.gd7310 {
  text-align: center;
}

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

.o0aea {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.ib878c {
  flex: 1 1 300px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
}

.je3 {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
}

.je3 i {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

.ca3 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-bg-card);
  border-top: 1px solid var(--color-border);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.ca3.oae3 {
  display: none;
}

.na05 {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  text-align: center;
}

.l46fc257 {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.n0d1,
.hec {
  padding: clamp(0.5rem, 0.8vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  cursor: pointer;
  transition: var(--transition-base);
  border: none;
}

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

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

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

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

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

  .l46fc257 {
    width: 100%;
  }

  .n0d1,
  .hec {
    flex: 1;
    min-width: 120px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .j22981 {
    font-size: 2.5rem;
  }

  .j209810f,
  .j55409,
  .f9e94 {
    font-size: 2.25rem;
  }
}

@media (min-width: 1025px) {
  .la24ba {
    gap: 4rem;
  }

  .kf0f0 {
    gap: 2rem;
  }
}

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

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

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

.a8f8e,
.b397e,
.jcf50,
.f195c24 {
  display: block;
}

.a8f8e h3,
.b397e h3,
.jcf50 h3,
.f195c24 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
}

.a8f8e p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 500px;
}

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

.a3a9 li,
.n9786 li {
  display: block;
}

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

.b397e a:hover,
.f195c24 a:hover {
  color: var(--color-accent);
}

.jcf50 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  margin: 0;
  padding: 0;
  line-height: var(--line-height-relaxed);
}

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

.d30827 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  line-height: var(--line-height-normal);
}

.ae750e3 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
}

@media (min-width: 768px) {
  .f9d6568a {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(2rem, 4vw, 3.5rem);
    align-items: flex-start;
  }

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

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

@media (min-width: 1024px) {
  .f9d6568a {
    grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

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

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

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

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

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

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

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

.f70fe4f4 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.haa {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h6511e {
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transition: transform var(--transition-base) ease, box-shadow var(--transition-base) ease;
}

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

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

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

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

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

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

.ped2be {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

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

.o648 i {
  color: var(--color-accent);
  width: 1em;
}

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

.c8c8f:hover {
  color: var(--color-accent-hover);
  gap: 1rem;
}

.c8c8f::after {
  content: "";
  font-size: 1.1em;
}

.hbe52 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-items: center;
}

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

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

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

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

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

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

.b8e614 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a78a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(2rem, 3vw, 2.5rem);
  justify-items: center;
}

.p90 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  width: 100%;
  max-width: 320px;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-base) ease, box-shadow var(--transition-base) ease;
}

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

.c71c3bc {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
  border-radius: var(--radius-lg);
  margin: 0 auto;
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

.d9036817 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 767px) {
  .nd84179f {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .hbe52 {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .d535 {
    max-width: 100%;
  }

  .a78a {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .hbe52 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

  .f51257f {
    flex: 1 1 55%;
    aspect-ratio: auto;
    min-height: 350px;
  }

  .f3e8f5 {
    flex: 1 1 45%;
    justify-content: center;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.n770290b {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
}

.ab1e6bb {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-relaxed);
  max-width: 750px;
}

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

.k34 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

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

.oe9 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

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

.i32f5a {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

.n82 {
  flex: 1;
}

.be7 {
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0;
  margin-bottom: 0.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k86a,
  .mac804 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.m24febe {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m0bf {
  font-size: clamp(1.75rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  min-width: 50px;
  text-align: center;
  line-height: 1;
}

.b1c0eca {
  flex: 1;
}

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

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

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

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

  .h66ec6,
  .nbc845 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.pec {
  padding: 0;
}

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

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

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

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

  .cdd5,
  .o2cb3a96 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.l9dd2c {
  text-align: center;
}

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

.mc97c0 {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

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

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

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

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

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

.nf0c:hover .m928b img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

.cca5 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: var(--line-height-snug);
  text-align: center;
}

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

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

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

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

.ffb1fd4 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

.db4ca {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .a36d {
    flex-direction: column;
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }

  .ffb1fd4 {
    margin-top: 0;
  }
}

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

html, body {
  font-family: 'Red Hat Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.3;
}

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

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

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

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

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

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

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

.gfa a {
  color: var(--color-accent);
  transition: color 0.3s ease;
}

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

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

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

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

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

.o6f30dcf {
  color: var(--color-text-secondary);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

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

.f953 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-card);
  max-height: 500px;
}

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

.g431 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

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

.h14a52 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ieba {
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0;
}

.pa379 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

.c978e1e3 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-card);
  min-height: 300px;
}

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

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

  .cab4932c,
  .c978e1e3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c978e1e3 {
    min-height: 250px;
  }
}

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

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

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

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

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

.g239 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-card);
  min-height: 300px;
}

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

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

  .nb0,
  .g239 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .g239 {
    min-height: 250px;
  }
}

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

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

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

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

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

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

.l11d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

.l11d:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(251, 113, 133, 0.15);
}

.c4bbe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

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

.ha123 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.75rem, 1vw, 0.8125rem);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-md);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

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

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

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

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

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

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

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

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

.i30c0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
}

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

.efaf6 {
  flex: 1 1 50%;
  max-width: 50%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-card);
  min-height: 300px;
}

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

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

  .c2886824,
  .efaf6 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .efaf6 {
    min-height: 250px;
  }
}

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

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

.c215ae0 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 0 0;
}

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

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

.p6bcad2 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.p6bcad2:hover {
  border-color: var(--color-accent);
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(251, 113, 133, 0.2);
}

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

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

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

.e209 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

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

.h437d89 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.3s ease;
  display: inline-block;
  margin-top: auto;
}

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

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

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

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

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

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

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

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

.n038 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

.n2890a {
  flex: 1;
}

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

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

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

  .d448d {
    margin-top: 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Red Hat Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.c0306 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  max-width: 700px;
  font-weight: 500;
}

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

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

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

.jef {
  width: 100%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  max-height: 500px;
}

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

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

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

.hbd {
  flex-shrink: 0;
}

.hbd img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-accent);
}

.dacce006 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.a6bff90d {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  text-transform: uppercase;
  letter-spacing: 1px;
}

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

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

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

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

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

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

.of46 {
  flex: 1 1 65%;
}

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

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

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

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

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

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

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

.oc4 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

.jfa {
  list-style: decimal;
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
  padding-left: 0;
}

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

.j6f35 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

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

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

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

.h685 {
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
  align-items: center;
}

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

.ac7ccd3 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 0.5rem;
  overflow: hidden;
}

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

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

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

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

.h4098 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  transition: color 0.3s ease;
  display: inline-block;
  width: fit-content;
}

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

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

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

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

.neb7b9 {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  height: fit-content;
  position: sticky;
  top: 2rem;
}

.i6d9 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border: 1px solid var(--color-border);
}

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

.b29b992a {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

.m66a4 strong {
  color: var(--color-accent-light);
}

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

  .of46 {
    flex: 1 1 100%;
  }

  .neb7b9 {
    flex: 1 1 100%;
    position: static;
    top: auto;
  }
}

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

  .bb9 {
    flex-direction: column;
  }

  .c4871a,
  .oc4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .hbd {
    margin: 0 auto;
  }

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

  .ac7ccd3 {
    width: 100%;
    height: 200px;
  }

  .h4098 {
    display: block;
  }
}

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

  .ecdbe8a {
    width: 100%;
  }

  .i6d9 {
    padding: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bf5c9fa0 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.h0a32d {
  width: 60px;
  height: 60px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

.nf9 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.f54 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
}

.pb9 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

.h7f19 {
  color: var(--color-text-secondary);
  font-size: 0.8125rem;
  margin: 0;
}

.e85d8 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p6620dd {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.p715e9 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
}

.c5378 {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: var(--line-height-normal);
  margin: 0;
}

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

.o77bf {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

.a8b {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
}

.k1871290 {
  color: var(--color-text-secondary);
  font-size: 0.875rem;
  line-height: var(--line-height-relaxed);
  margin: 0;
  flex: 1;
}

.cda9 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

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

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

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

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

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

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

.lc4 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  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.25rem;
}

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

.ebe {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  line-height: var(--line-height-snug);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.m02184 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-secondary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.m111417 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  line-height: var(--line-height-relaxed);
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 1023px) {
  .l226b9,
  .j3eb0b,
  .kc9f741d,
  .a4a3b {
    flex-direction: column;
  }

  .o56,
  .o65,
  .m30460,
  .o26d,
  .f2a,
  .k52b01d,
  .p187f3b5,
  .c9e2fb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

  .dc9556 {
    flex: 1 1 100%;
  }

  .p6620dd {
    flex: 1 1 100%;
  }

  .c84e142 {
    font-size: 0.75rem;
  }

  .c84e142 span {
    display: none;
  }

  .c84e142 a::after {
    content: " / ";
    color: var(--color-text-muted);
  }

  .c84e142 a:last-child::after {
    content: "";
  }
}

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

  .a04 {
    display: none;
  }

  .p6620dd {
    flex: 1 1 100%;
  }

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

  .lc4 {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}

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

html,
body {
  font-family: 'Red Hat Text', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
}

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

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

.ledaf5d {
  display: block;
  width: 100%;
  min-height: 100vh;
}

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

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

.ga7db958 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

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

.m9f05f3 {
  width: 100%;
  max-width: 700px;
  height: auto;
  max-height: 450px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

.ef88 {
  text-align: center;
}

.kab {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
  font-weight: 600;
}

.kfae2f6e {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.fc911c13 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.7;
}

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

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

.c85 p {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.8;
  margin-bottom: 1rem;
}

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

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

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

.i44d749 {
  text-align: center;
}

.p32b891 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.3;
}

.lcdc {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

.f2fa98 {
  flex: 1 1 clamp(280px, 45vw, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

.nfee8549 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  flex-grow: 1;
}

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

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

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

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

.k6829a {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .k6829a {
    flex: 1 1 50%;
  }
}

.k6829a h3 {
  font-size: clamp(1.4rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.ge848 {
  flex: 1 1 100%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

@media (min-width: 768px) {
  .ge848 {
    flex: 1 1 50%;
    max-height: 500px;
  }
}

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

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

.e02c {
  text-align: center;
}

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

.nc4cd {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

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

.mb7 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
  line-height: 1;
}

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

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

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

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

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

.f57e1197 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.cea9 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 0.25rem;
  line-height: 1;
}

.j189aefc {
  font-size: clamp(1.2rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

.i0cf {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 100%;
}

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

  .e73e,
  .p98,
  .b3c6f,
  .k9955e89 {
    padding: 2rem 0;
  }

  .h4f721 {
    flex-direction: column;
  }

  .f2fa98 {
    flex: 1 1 100%;
  }

  .i8a96d24 {
    flex-direction: column;
  }

  .k6829a {
    flex: 1 1 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .o80240 {
    padding: 4rem 0;
  }

  .e73e,
  .p98,
  .b3c6f,
  .k9955e89 {
    padding: 4rem 0;
  }
}

@media (min-width: 1024px) {
  .o80240 {
    padding: 6rem 0;
  }

  .e73e,
  .p98,
  .b3c6f,
  .k9955e89 {
    padding: 6rem 0;
  }
}

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

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

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

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

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

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

.c091382d {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
}

.jce8ad {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.dddd {
  flex: 1 1 50%;
  min-height: 300px;
}

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

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

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

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

.i75 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

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

.b476844 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.b3192 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

.j2b0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.g353db {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i32 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

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

.jb5fb8 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.aef10b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-accent);
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.p577 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

.fe0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.ee43598 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

.n9d6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.d08f403 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.ldf {
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

.a10 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.a10 i {
  font-size: 0.85em;
  transition: transform var(--transition-base);
}

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

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

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

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

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

.n67d08b {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p306f {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  text-align: center;
  transition: all var(--transition-base);
}

@media (min-width: 768px) {
  .p306f {
    flex: 1 1 calc(50% - 1rem);
  }
}

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

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

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

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

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

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

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

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

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

  .dddd {
    min-height: 250px;
  }
}

@media (max-width: 479px) {
  .c091382d,
  .i75,
  .b3192,
  .i32,
  .p577,
  .ee43598 {
    font-size: 0.6875rem;
    padding: 0.4375rem 0.875rem;
  }

  .lf659 {
    flex: 1 1 100%;
  }

  .jb5fb8 {
    flex: 1 1 100%;
  }

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

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

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

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

.o63603 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.cb1d615 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

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

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

@media (min-width: 1024px) {
  .a2f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.c449df {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

  .c449df {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .pa919c {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

.c92f8b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.c92f8b:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.b6a1 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.c92f8b:hover .b6a1 img {
  transform: scale(1.05);
}

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

.h27ac659 {
  display: inline-block;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  width: fit-content;
}

.ba00ad {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.bd5b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex: 1;
}

.jc83d902 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  display: inline-block;
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.j76 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.nc252ac {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.b895551c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.fde322 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

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

  .j76 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .pa919c {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

.l9594 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.a12d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

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

.i0ed07d7 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.g3a86 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl) var(--spacing-xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.g3a86:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.d34 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
}

.j7c6b5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.l827 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

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

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

.g83cc76d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.g558 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.ef3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
}

.ef3:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.ef3:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

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

  .i0ed07d7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .la85d {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .i0ed07d7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

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

@media (min-width: 1280px) {
  .i0ed07d7 {
    grid-template-columns: repeat(2, 1fr);
  }

  .g3a86:nth-child(3),
  .g3a86:nth-child(4) {
    grid-column: span 1;
  }
}

@media (min-width: 1440px) {
  .la85d {
    padding: 5rem 2rem;
  }

  .o3a89 {
    padding: 5rem 2rem;
  }

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

  .c2064cc {
    padding: 5rem 2rem;
  }
}

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

.ma1 .hb6 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ma1 .ab0d9 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.ma1 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.ma1 .dc6488f0 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ma1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.ma1 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.ma1 ul {
  list-style: none;
  padding: 0;
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
}

.ma1 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.ma1 .f3c8a3a1 {
  margin-bottom: var(--spacing-2xl);
}

.ma1 .i704f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.ma1 .i704f h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ma1 .i704f p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 1024px) {
  .ma1 .ab0d9 {
    padding: var(--spacing-4xl) 0;
  }
}

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

.o7eba {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
}

.la98 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.ff1 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.hbea2b {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.hcc19 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.hcc19 svg {
  color: var(--color-success);
  width: 80px;
  height: 80px;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.n74bc84 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.e6e8 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  opacity: 0.9;
}

.ie4962c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
}

.j4ec3 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  justify-content: center;
}

.ddc1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: var(--color-success-light);
  color: var(--color-success);
  border-radius: var(--radius-full);
  font-weight: 700;
  font-size: clamp(0.75rem, 1vw, 0.9rem);
  flex-shrink: 0;
}

.nd49a52 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  text-align: left;
}

.n12f1bdd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-2xl);
  opacity: 0.85;
}

.fe4a5d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  box-shadow: var(--shadow-md);
}

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

.fe4a5d:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 640px) {
  .hbea2b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .hcc19 svg {
    width: 100px;
    height: 100px;
  }

  .ie4962c {
    flex-direction: row;
    gap: var(--spacing-lg);
    padding: var(--spacing-2xl);
  }

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

  .nd49a52 {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .hbea2b {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .fe4a5d {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: 1.1rem;
  }

  .fe4a5d:hover {
    transform: translateY(-3px);
  }
}

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

.fcca9d1e {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.c4d {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

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

.c105 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
}

.pf1a6fe {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-2xl);
}

.hf58 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: 1;
  display: block;
  position: relative;
  z-index: 2;
  animation: float-up 0.8s ease-out;
}

@keyframes float-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.f0c4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  z-index: 1;
  opacity: 0.15;
  animation: pulse-slow 4s ease-in-out infinite;
}

@keyframes pulse-slow {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}

.p15809fa {
  margin-bottom: var(--spacing-3xl);
  animation: fade-in 0.8s ease-out 0.2s both;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.n4c98f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-tight);
}

.n6d2 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

.p8c17 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
}

.l1f11 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
}

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

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

.g4809:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.i9ea8d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  animation: fade-in 0.8s ease-out 0.4s both;
}

.idb9314 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: var(--letter-spacing-normal);
}

.j26db {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
}

.n58 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  transition: all var(--transition-base);
}

.n58:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-card);
  transform: translateX(4px);
}

.jbf41d {
  font-size: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
}

.a909afc7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: var(--line-height-normal);
}

@media (min-width: 640px) {
  .c4d {
    padding: var(--spacing-xl);
  }

  .j26db {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

  .n58 {
    flex-direction: column;
    text-align: center;
    gap: var(--spacing-sm);
  }

  .n58:hover {
    transform: translateY(-4px);
  }
}

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

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

  .j26db {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-xl);
  }

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

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

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

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

.g4d2a4a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.nde82 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

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

.n18 {
  width: 100%;
}

.ce8 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3rem);
}

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

@media (min-width: 768px) {
  .o333 {
    flex: 1 1 45%;
    max-width: none;
  }
}

.pd34 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-tight);
}

.d9daf {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 1.5rem);
}

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

.i15d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

.g4aed7,
.k30 {
  font-family: var(--font-primary);
  width: 100%;
  padding: clamp(0.75rem, 1.5vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

.g4aed7::placeholder,
.k30::placeholder {
  color: var(--color-text-muted);
}

.g4aed7:focus,
.k30:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}

.k30 {
  min-height: clamp(120px, 20vh, 180px);
  resize: vertical;
}

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

.dd7a29 {
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  text-align: center;
}

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

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

.cd6a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  text-align: center;
}

.g9ef {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

@media (min-width: 768px) {
  .g5a {
    flex: 1 1 45%;
    max-width: none;
  }
}

.g12bd63 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: var(--line-height-tight);
}

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

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

.fe2 {
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  border-radius: var(--radius-md);
  background-color: var(--color-primary-lighter);
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
}

.l50e {
  flex: 1;
}

.eff18 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.25rem, 0.5vw, 0.5rem);
  line-height: var(--line-height-tight);
}

.n66e4aa {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.e610e55 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

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

.o9505 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.b15b0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.m6a29 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 500px;
}

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

.fa7a968,
.a5c7300 {
  font-family: var(--font-primary);
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  cursor: pointer;
  display: inline-block;
  letter-spacing: var(--letter-spacing-normal);
}

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

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

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

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

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

  .o333,
  .g5a {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .j03c1 {
    padding: clamp(5rem, 10vw, 6rem) 0;
  }

  .l5f10d6 {
    padding: clamp(5rem, 10vw, 6rem) 0;
  }

  .d60 {
    padding: clamp(5rem, 10vw, 6rem) 0;
  }
}
.ja66ccf9,.k57f0{
  width: 34px;
}

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

.i143{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .i143{
    max-width: 100%;
  }
}

.i143.af718{
  z-index: 999;
}

.a1cf{
  padding-top: 50px;
}

.ja66ccf9[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .fccdf .i7df6 {
    aspect-ratio: 6 / 9;
  }
  .l5b2 .i7df6 {
    aspect-ratio: 6 / 9;
  }
  .f51257f {
    aspect-ratio: 6 / 9;
  }
}