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

:root {
  --color-bg-primary: #0c0320;
  --color-bg-secondary: #150538;
  --color-bg-tertiary: #1e0a4e;
  --color-bg-card: #130430;

  --color-text-primary: #f5f3ff;
  --color-text-secondary: #c4b5fd;
  --color-text-muted: #a78bfa;

  --color-primary: #a855f7;
  --color-primary-hover: #9333ea;
  --color-primary-light: #d8b4fe;
  --color-secondary: #c084fc;
  --color-secondary-light: #e9d5ff;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

  --color-border: #3d2463;
  --color-border-light: #2d1a47;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', 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;

  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 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);

  --transition-fast: 150ms ease-in-out;
  --transition-base: 300ms ease-in-out;
  --transition-slow: 500ms ease-in-out;

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

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.3px;
}

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

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

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

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

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

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

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

p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.7;
}

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

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

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

button, input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
}

button {
  cursor: pointer;
  border: none;
  background: transparent;
  padding: 0;
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

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

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

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

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }
}

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  p {
    font-size: 0.95rem;
  }
}
.k59662 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.b9d:hover {
  opacity: 0.85;
}

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

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

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

.o777cc {
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  transition: var(--transition-base);
  position: relative;
}

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

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

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

.mcc895 {
  display: none;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-sm);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

.j2c7.n7acd98 span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.j2c7.n7acd98 span:nth-child(2) {
  opacity: 0;
}

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

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

.nbc0.n7acd98 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

.aa2 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: clamp(1rem, 3vw, 1.5rem);
  flex: 1;
  overflow-y: auto;
}

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

.k35:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

.eb5658 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 1rem clamp(1rem, 4vw, 1.5rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 2vw, 1rem);
  text-align: center;
  transition: var(--transition-base);
  margin: auto clamp(1rem, 4vw, 1.5rem) clamp(1rem, 3vw, 1.5rem) clamp(1rem, 4vw, 1.5rem);
  border-radius: var(--radius-sm);
}

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

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

  .aee6 {
    display: flex;
  }

  .mcc895 {
    display: inline-block;
  }

  .j2c7 {
    display: none;
  }

  .nbc0 {
    display: none;
  }
}

@media (max-width: 767px) {
  .d062e1 {
    padding: clamp(0.75rem, 2vw, 1rem) clamp(1rem, 4vw, 1.5rem);
  }

  .a29 {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

    .ma73 {
  width: 100%;
}

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

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

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

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

.ee8d0e {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.a4c7a0 {
  position: relative;
  width: 100%;
  max-width: 700px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  transform: perspective(1000px) rotateX(2deg) rotateZ(-1deg);
  transition: transform 0.3s ease;
}

.a4c7a0:hover {
  transform: perspective(1000px) rotateX(0deg) rotateZ(0deg) translateY(-8px);
}

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

.a33 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: clamp(2rem, 5vw, 3rem);
  background: linear-gradient(180deg, rgba(12, 3, 32, 0.95) 0%, rgba(12, 3, 32, 0.7) 100%);
  color: var(--color-text-primary);
  z-index: 10;
}

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

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

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

.f3354 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

.b90f2f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3rem);
  justify-content: center;
  width: 100%;
}

.la2c5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.n150 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
}

.f7d9f3d {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  .a33 {
    position: relative;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 4vw, 2rem);
  }

  .a4c7a0 {
    transform: none;
  }

  .a4c7a0:hover {
    transform: translateY(-4px);
  }
}

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

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

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

.e44 {
  flex: 1 1 40%;
  min-width: 250px;
}

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

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

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

.d56aa {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

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

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

.a9c5d96 {
  flex: 1;
}

.g976 {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

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

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

  .e44 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

.l15 {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

  .p43 {
    flex: 1 1 100%;
  }

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

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

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

.md39f {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

.icd878bd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 320px;
  max-width: 550px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.b5a799 {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

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

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

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

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

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

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

.fa3e50a {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.1rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

.n43 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.i3aef {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

  .ef437 {
    flex: 1 1 100%;
  }

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

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

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

.mdddc640 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

.pc41 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
  transition: transform 0.3s ease;
}

.pc41:hover {
  transform: translateY(-4px);
}

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

.n469d1 {
  font-size: clamp(1.15rem, 2vw, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

.fa3 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

.eb4 {
  flex: 1 1 40%;
  min-width: 250px;
}

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

.g2657c {
  width: 100%;
  height: 300px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(3rem, 6vw, 4rem);
  color: var(--color-accent);
}

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

.b85d {
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.2;
  line-height: 1;
  margin: 0;
}

.db2 {
  font-size: clamp(1.35rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

  .d8c {
    flex-direction: column !important;
  }

  .eb4 {
    flex: 1 1 100%;
    order: -1;
  }

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

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

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

.c686 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

.f4da39 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

.f8e6766 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.1rem) clamp(2rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

.gd5 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.1rem) clamp(2rem, 4vw, 2.5rem);
  background: transparent;
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

.g9c6f.ed8186e7 {
  display: none;
}

.n06 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  flex: 1;
  min-width: 200px;
  line-height: 1.5;
}

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

.iada,
.m9e {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.5rem);
  border-radius: var(--radius-sm);
  border: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

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

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

.m9e {
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
}

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

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

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

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

  .iada,
  .m9e {
    flex: 1 1 45%;
  }
}

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

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

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

.k9ad {
  max-width: 500px;
}

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

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

.pb93da37,
.pec528,
.j518e5 {
  display: block;
}

.pb93da37 h4,
.pec528 h4,
.j518e5 h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 700;
  letter-spacing: -0.3px;
}

.a1e5,
.e2d39 {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 0;
  margin: 0;
}

.a1e5 li,
.e2d39 li {
  display: inline-block;
}

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

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

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

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

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

.k63c11 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.3px;
}

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

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

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

  .pb93da37 {
    flex: 0 1 150px;
  }

  .pec528 {
    flex: 0 1 280px;
  }

  .j518e5 {
    flex: 0 1 180px;
  }

  .a1e5,
  .e2d39 {
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
  }

  .a1e5 li,
  .e2d39 li {
    display: block;
  }

  .o21 {
    flex-basis: 100%;
  }
}

@media (max-width: 767px) {
  .c8e4ba {
    gap: clamp(1.75rem, 4vw, 2.5rem);
  }

  .a1e5,
  .e2d39 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .pec528 p {
    margin-bottom: clamp(0.5rem, 1vw, 0.625rem);
  }
}

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

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

html {
  scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bitter', serif;
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.i197cfb.j12a {
  width: 100%;
  overflow: hidden;
}

.l32 {
  background: linear-gradient(135deg, #1e0a4e 0%, #2d1b4e 50%, #1a0d3a 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

.l32::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.l32::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -5%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(192, 132, 252, 0.06) 0%, transparent 70%);
  pointer-events: none;
}

.p12c {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  position: relative;
  z-index: 2;
}

.meea {
  text-align: center;
  padding: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

.f713a5 {
  text-align: center;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

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

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

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

.c54f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-tertiary) 100%);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
}

.c54f:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(168, 85, 247, 0.15);
}

.n13b36 {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

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

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

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

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

.le90 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
}

.le90 i {
  color: var(--color-accent);
  margin-right: 0.4rem;
}

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

.e2234:hover {
  background: var(--color-accent-hover);
  transform: translateX(4px);
  text-decoration: none;
}

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

.kc4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-tertiary) 100%);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  flex: 1 1 clamp(280px, 30vw, 380px);
  min-height: auto;
  padding: clamp(1rem, 2vw, 1.5rem);
}

.kc4:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(168, 85, 247, 0.12);
}

.kc4 img {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.kc4 .ce935 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
}

.kc4 .cf0ad07 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
}

.kc4 .e2234 {
  margin-top: auto;
}

@media (min-width: 768px) {
  .a44cd {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .kc4 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.7rem));
  }

  .c54f {
    flex-direction: row;
  }

  .n13b36 {
    flex: 1 1 50%;
    min-width: 300px;
  }

  .p1c15 {
    flex: 1 1 50%;
  }
}

@media (min-width: 1024px) {
  .kc4 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.7rem));
    max-width: 380px;
  }

  .a44cd {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .a44cd {
    flex-direction: column;
    align-items: stretch;
  }

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

  .c54f {
    flex-direction: column;
  }

  .n13b36 {
    flex: 1 1 auto;
    max-height: 280px;
  }
}

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

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

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

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

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

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

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

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

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

.l7c623b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(12, 3, 32, 0.85) 0%, rgba(21, 5, 56, 0.75) 50%, rgba(30, 10, 78, 0.8) 100%);
  z-index: 2;
}

.j712 .lbe9d56 {
  position: relative;
  z-index: 3;
}

.f3e5aa {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

.f3e5aa a {
  color: var(--color-secondary);
  transition: var(--transition-base);
}

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

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

.lef8e0 {
  max-width: 750px;
}

.be4f8 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  flex-wrap: wrap;
}

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

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

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

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

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

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

.n99acf {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.g98b91c7 {
  flex: 1;
}

.o93 {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

.o4d a:hover {
  color: var(--color-secondary);
}

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

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

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

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

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

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

.j6c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  justify-content: center;
  max-width: 900px;
  margin: 0 auto;
}

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

.h84f208:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.j9c1 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cc760:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.ad284e {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  font-family: var(--font-heading);
  flex-shrink: 0;
  min-width: 50px;
}

.g50e2 {
  flex: 1;
}

.l7ddedf {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

.m05 {
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-lg);
  max-width: 850px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.a70d584 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.95vw + 0.5rem, 0.95rem);
  transition: var(--transition-base);
  text-decoration: none;
  width: fit-content;
  margin-top: auto;
}

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

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

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

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

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

.k874f6f7 {
  margin-top: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  border-radius: var(--radius-lg);
  text-align: center;
}

.kb59 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  color: var(--color-text-on-accent);
  margin-bottom: 1rem;
  font-weight: 600;
}

.he5f {
  display: inline-block;
  padding: 0.9rem 2rem;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  border-radius: var(--radius-lg);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: var(--transition-base);
  text-decoration: none;
}

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

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

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

  .g98b91c7 {
    width: 100%;
  }

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

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

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

  .j6c {
    flex-direction: column;
  }

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

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

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

  .ad284e {
    width: 100%;
  }
}

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

  .h84f208 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: auto;
  }
}

@media (min-width: 1024px) {
  .j712 {
    min-height: 650px;
  }
}

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

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

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

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

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

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

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

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

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

.gc1a8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(12, 3, 32, 0.92) 0%, rgba(21, 5, 56, 0.85) 50%, rgba(30, 10, 78, 0.9) 100%);
  z-index: 2;
}

.ae7b3 {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 800px;
}

.l754a8ca {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

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

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

.i61fa0d {
  flex: 1;
  min-width: 0;
}

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

.p7d779 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h4c86f35:hover .cb2 {
  transform: scale(1.05);
}

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

.d8b45e {
  font-size: clamp(1rem, 2vw, 1.1875rem);
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.n9417f {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  display: inline-block;
  margin-top: auto;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

.i481cb {
  flex: 1;
}

.d5f {
  font-size: clamp(1rem, 2vw, 1.1875rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.k66d {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-card);
  border-radius: 50%;
  border: 2px solid var(--color-accent);
}

.pfda05ac {
  flex: 1;
  min-width: 0;
}

.laa5e {
  font-size: clamp(1rem, 2vw, 1.1875rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.cf2 {
  margin-top: 1rem;
}

.bcc098 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: var(--transition-base);
}

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

@media (max-width: 768px) {
  .n1298a,
  .m7b88,
  .pbd,
  .b7da1c {
    flex-direction: column;
  }

  .b0c3,
  .af0a58e,
  .a42,
  .jb9,
  .gb6f,
  .m21,
  .f92d3553,
  .ldc5086 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .i61fa0d {
    text-align: center;
  }

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

  .mecfc1d5 {
    margin-top: 0;
  }

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

  .k66d {
    margin: 0 auto;
  }

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

  .jcb6d9c1 {
    min-height: 450px;
  }
}

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

  .h4c86f35 {
    flex: 1 1 100%;
  }

  .ce2 {
    flex-direction: column;
  }

  .g33eeed {
    gap: 1rem;
  }
}

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.l1a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(12, 3, 32, 0.85) 0%, rgba(21, 5, 56, 0.75) 50%, rgba(30, 10, 78, 0.8) 100%);
  z-index: 2;
}

.k6565 {
  position: relative;
  z-index: 3;
  text-align: center;
  max-width: 800px;
}

.b7b {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-primary);
  padding: 0.5rem 1.5rem;
  border-radius: 50px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  letter-spacing: 0.5px;
}

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

.hf48 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  margin-bottom: 2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

.e849f {
  flex: 1;
}

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

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

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

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

.j2c4d918 {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mda91 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-primary);
  border-radius: 50%;
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

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

.o32 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(192, 132, 252, 0.05) 100%);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  border-radius: clamp(0.5rem, 2vw, 0.75rem);
}

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

.d6ffc5 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g66f64 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 0.75rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.g66f64:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(168, 85, 247, 0.15);
}

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

.b8058690 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.g66f64:hover .b8058690 {
  transform: scale(1.05);
}

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

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

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

.l67 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: all 0.3s ease;
  width: fit-content;
  margin-top: auto;
}

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

.l67::after {
  content: '';
  transition: transform 0.3s ease;
}

.g66f64:hover .l67::after {
  transform: translateX(4px);
}

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

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

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

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

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

.c11 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-primary);
  font-weight: 600;
  border-radius: 50px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  text-decoration: none;
  border: 2px solid var(--color-accent);
}

.c11:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(168, 85, 247, 0.3);
}

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

  .d0a4,
  .p3f2c4cb,
  .gc22 {
    flex-direction: column;
  }

  .p934ac24,
  .ha63f0ff,
  .bb8,
  .e8582c,
  .p64,
  .hc366c2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .e849f {
    flex: 1;
  }

  .o32 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

.n0dc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(12, 3, 32, 0.75) 0%, rgba(21, 5, 56, 0.65) 100%);
  z-index: 1;
}

.na14ed3 .lbe9d56 {
  position: relative;
  z-index: 2;
  width: 100%;
}

.pe619 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
}

.pe619 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-fast);
}

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

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

.pe619 span:last-child {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.d01776 {
  max-width: 800px;
}

.d1d {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

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

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

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

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

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

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

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

.cbd43 {
  flex: 1;
}

.l4a6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.25rem 0;
}

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

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

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

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

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

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

.ja18 {
  flex: 1 1 55%;
}

.f846b {
  flex: 1 1 45%;
}

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

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

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

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

.mce3 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aabfad0 {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-md);
  align-items: flex-start;
}

.m0254 {
  color: var(--color-warning);
  font-size: clamp(1.5rem, 2vw, 2rem);
  flex-shrink: 0;
  line-height: 1;
}

.d86342 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

.c29944b7 {
  max-width: 900px;
}

.b55108 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.c5dde {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.g767d {
  flex: 1;
  padding-top: 0.5rem;
}

.i00 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l63f85 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

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

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

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

.cd042 {
  max-width: 100%;
}

.gaa724e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.o3fafe {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.g790e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ad4f446 {
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.p3bb0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1.2vw, 1.0625rem);
  font-weight: 600;
  transition: all var(--transition-fast);
  cursor: pointer;
  border: none;
}

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

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

  .ja18 {
    flex: 1 1 100%;
  }

  .f846b {
    flex: 1 1 100%;
  }

  .fb3,
  .l2f6,
  .ed83cf8a,
  .c42b {
    flex-direction: column;
  }

  .ka1517,
  .e109c,
  .i86,
  .nfad,
  .h7b873a,
  .pe07,
  .l75e,
  .l6e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

  .k0f40545 {
    gap: 1rem;
  }

  .c5dde {
    width: 45px;
    height: 45px;
    min-width: 45px;
  }
}

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

  .pe619 {
    font-size: 0.8125rem;
  }

  .h653 {
    margin-bottom: 0.75rem;
  }

  .lbe9d56 {
    padding: 0 1rem;
  }
}

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

html, body, main {
  width: 100%;
}

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

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

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

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

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

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

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

.k44279f {
  text-align: center;
}

.ee3252 {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 1rem;
  font-weight: 600;
}

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

.na8 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

.dd94b {
  text-align: center;
  margin-bottom: 1rem;
}

.pf5f222b {
  display: inline-block;
  color: var(--color-secondary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

.j95e {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
}

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

.j76ff3c {
  flex: 1 1 45%;
  min-width: 250px;
}

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

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

.ad2a {
  flex: 1 1 45%;
  min-width: 250px;
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

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

.dd7 {
  text-align: center;
  margin-bottom: 1.5rem;
}

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

.kabc5 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
}

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

.he9 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border);
  text-align: center;
  transition: all 0.3s ease;
}

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

.b2bf1 {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}

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

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

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

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

.h728b {
  text-align: center;
  margin-bottom: 1.5rem;
}

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

.o8b6 {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  max-width: 650px;
  margin: 0 auto;
}

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

.d0fd {
  flex: 1 1 calc(50% - 1rem);
  min-width: 220px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.d0fd:hover {
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

.c77 {
  font-size: 2rem;
  color: var(--color-primary);
}

.n69 {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

.n3d {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

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

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

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

.c0a8b66 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.lcd97 {
  color: var(--color-secondary);
  font-size: 1.25rem;
  margin-top: 0.25rem;
  flex-shrink: 0;
}

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

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

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

  .j76ff3c,
  .ad2a {
    flex: 1 1 100%;
  }

  .he9 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

section {
  overflow: hidden;
}

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

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

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

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

@media (min-width: 1024px) {
  .fe79a {
    flex: 1 1 50%;
    text-align: left;
  }
}

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

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

@media (min-width: 1024px) {
  .nb400073 {
    margin: 0;
  }
}

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

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

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

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

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

.j38789 {
  text-align: center;
  margin-bottom: var(--spacing-md);
}

.i5765585 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

.a3167,
.g52,
.l0a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

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

.l0a {
  color: var(--color-text-muted);
  font-style: italic;
}

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

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

.f34d827b {
  text-align: center;
}

.ae9 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

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

@media (min-width: 768px) {
  .d92 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.m582b3 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

@media (min-width: 768px) {
  .m582b3 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-height: 300px;
  }
}

.m582b3:hover {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 1px var(--color-accent);
  transform: translateY(-4px);
}

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

.nf9fc7 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
}

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

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

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

.i82 {
  text-align: center;
}

.pc01b862 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 768px) {
  .ca4e7 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.eb61e {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--color-bg-card);
  border-left: 3px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

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

.pdaf1884 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
}

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

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

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

.l0b6cf4d {
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

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

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

@media (min-width: 768px) {
  .kc91 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.bfc {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  text-align: center;
  align-items: center;
  transition: all var(--transition-base);
  min-height: 220px;
  justify-content: center;
}

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

@media (min-width: 1024px) {
  .bfc {
    flex: 1 1 calc(25% - 1.125rem);
  }
}

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

.bc92004 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}

.b880 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
}

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

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

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

.a79 {
  text-align: center;
}

.ad69 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

.pf0a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.oa8d {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(2rem, 5vw, 3.5rem);
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-xl);
  text-align: center;
  max-width: 600px;
  width: 100%;
}

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

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

.gbd {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  text-align: center;
}

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

@media (min-width: 768px) {
  .i046f1ba {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .l34043,
  .d939,
  .l59,
  .lf503fd2,
  .bde6b37b,
  .j3cb8 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .i046f1ba,
  .l34043,
  .d939,
  .l59,
  .lf503fd2,
  .bde6b37b,
  .j3cb8 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

.n29 {
  width: 100%;
}

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

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

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

.p50b36 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
}

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

.c66d53f {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.c1a3c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.j4d33 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.n4f {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.fceba {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.c1a3c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 var(--spacing-sm) 0;
}

.c1a3c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
}

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

.m04 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.b681025f h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 var(--spacing-md) 0;
}

.b681025f p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.bc793e {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
}

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

@media (min-width: 640px) {
  .p50b36 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j3cac0a {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .c66d53f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .j4d33 {
    height: 280px;
  }

  .b681025f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p50b36 {
    padding: 4rem var(--spacing-lg);
  }

  .j3cac0a {
    padding: 4rem var(--spacing-lg);
  }

  .c66d53f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .c1a3c {
    flex-direction: row;
  }

  .j4d33 {
    width: 45%;
    height: auto;
    min-height: 280px;
  }

  .n4f {
    width: 55%;
    padding: var(--spacing-xl);
    justify-content: center;
  }

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

  .c1a3c:nth-child(even) .j4d33 {
    width: 45%;
  }

  .c1a3c:nth-child(even) .n4f {
    width: 55%;
  }

  .j4d33 img {
    height: 100%;
  }

  .b681025f {
    padding: 5rem var(--spacing-lg);
  }

  .m04 {
    max-width: 700px;
  }
}

@media (min-width: 1280px) {
  .c66d53f {
    gap: var(--spacing-3xl);
  }

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

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

.dd93d01 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.mba170 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.eb68c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.p346cc75 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.ne6e83 {
  width: 100%;
  padding: var(--spacing-lg);
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: all var(--transition-fast);
}

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

.ne6e83[aria-expanded="true"] {
  color: var(--color-primary);
}

.db8fa9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.ne6e83[aria-expanded="true"] .db8fa9 {
  transform: rotate(45deg);
}

.dac3fed {
  flex: 1;
}

.oa453 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  animation: slideDown var(--transition-base) ease-out;
}

.oa453 p {
  margin: 0;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

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

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

.i3d {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.k5c35 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.paf9821 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.na59e689 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.k7f6 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.k7f6:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

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

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

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

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

  .db8fa9 {
    width: 20px;
    height: 20px;
    font-size: 1.25rem;
  }
}

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

.a9a2 .lbe9d56 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a9a2 .p29f1bc7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.a9a2 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: 1.3;
}

.a9a2 .j079 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.a9a2 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.a9a2 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.a9a2 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.a9a2 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.a9a2 section {
  margin-bottom: var(--spacing-3xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.a9a2 section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.b9dde4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.b9dde4 h2 {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.b9dde4 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .a9a2 .p29f1bc7 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .a9a2 .p29f1bc7 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.i69e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.pe45bd {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

.i2c0 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.f824 {
  font-size: clamp(3rem, 10vw, 5rem);
  color: var(--color-success);
  margin-bottom: var(--spacing-sm);
  animation: scaleIn 0.6s ease-out;
}

.i69e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
  letter-spacing: -0.5px;
}

.l7cc {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.3rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
  margin-top: var(--spacing-sm);
}

.j5c32b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  max-width: 550px;
}

.h2186b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 550px;
}

.f3354 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}

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

.c15:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.c15:active {
  transform: translateY(0);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .i69e {
    padding: var(--spacing-lg);
  }

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

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

@media (min-width: 768px) {
  .lbe9d56 {
    padding: 0 var(--spacing-lg);
  }

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

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

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

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

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

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

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

  .f3354 {
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

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

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

.d10 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p52 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.a0e {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.m20735 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: slideUp 0.8s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p3fa40 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.i6a89 {
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  letter-spacing: -0.02em;
}

.hf906 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 2px solid var(--color-border-light);
}

.gf4 {
  font-size: clamp(0.7rem, 1vw, 0.85rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.p03d4 {
  display: flex;
  gap: var(--spacing-xs);
  align-items: flex-end;
}

.lba481 {
  width: 4px;
  background-color: var(--color-danger);
  border-radius: var(--radius-xs);
  animation: pulse 1.5s ease-in-out infinite;
}

.o58 {
  height: 12px;
  animation-delay: 0s;
}

.ld310 {
  height: 18px;
  animation-delay: 0.2s;
}

.fd94222 {
  height: 10px;
  animation-delay: 0.4s;
}

@keyframes pulse {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}

.hb27 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.01em;
}

.e48b580 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.ee384a9c {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-full);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
}

.ab342ff {
  font-size: 1.25em;
}

.k20 {
  font-weight: 500;
}

.c9d46b {
  margin: var(--spacing-2xl) 0 var(--spacing-lg);
}

.f3354 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  font-family: var(--font-primary);
}

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

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

.c15:active {
  transform: translateY(0);
}

.d5e3e71 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
}

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

.kce26 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  font-style: italic;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .p52 {
    padding: var(--spacing-xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

  .p3fa40 {
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
  }

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

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

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

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

  .c9d46b {
    margin: var(--spacing-3xl) 0 var(--spacing-2xl);
  }
}

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

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

  .i6a89 {
    font-size: clamp(8rem, 20vw, 14rem);
  }

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

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

  .e48b580 {
    font-size: clamp(1rem, 1.1vw, 1.2rem);
    margin-bottom: var(--spacing-3xl);
  }

  .c9d46b {
    margin: var(--spacing-3xl) 0;
  }

  .b40c6fb {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-2xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .m20735 {
    animation: none;
  }

  .lba481 {
    animation: none;
    opacity: 0.8;
  }

  .c15:hover {
    transform: none;
  }
}

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

.bd11f {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.jd57 {
  text-align: center;
}

.oa24e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

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

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

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

.icda {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.eb22 {
  width: 100%;
}

.m61 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

@media (min-width: 768px) {
  .h7054e {
    flex: 1 1 calc(50% - 1.5rem);
  }

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

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

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

.id5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.kb54 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.i24769 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.ma02a8ae {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.ec151,
.l68 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 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 + 0.5rem, 1.1rem);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.ec151::placeholder,
.l68::placeholder {
  color: var(--color-text-muted);
}

.ec151:focus,
.l68:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.l68 {
  resize: vertical;
  min-height: 140px;
}

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

.f31a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.lceb9c {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.lceb9c:active {
  transform: translateY(0);
}

.lceb9c:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.m674a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.a294d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.f651a5 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: var(--spacing-3xl);
}

.c43382 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.d7d5 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.d3b3 {
  flex: 1;
}

.a1d4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
}

.a153 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.fb9 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

.pf1 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.ea71ae0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
}

.cd27 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.l48f8c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.h9dc {
  width: 100%;
}

.h6fd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  text-align: center;
}

.lbe71356 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
  margin: 0 auto var(--spacing-2xl);
  max-width: 600px;
}

.a59e12 {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr;
}

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

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

  .a59e12 {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

.f20f7 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

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

.b0136 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

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

@media (max-width: 767px) {
  .m61 {
    gap: 2.5rem;
  }

  .h7054e,
  .h96328b {
    flex: 1 1 100%;
  }
}
.j2c7,.lc1c38{
  width: 34px;
}

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

.nbc0{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .nbc0{
    max-width: 100%;
  }
}

.nbc0.n7acd98{
  z-index: 999;
}

.aa2{
  padding-top: 50px;
}

.j2c7[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .b5a799 {
    aspect-ratio: 6 / 9;
  }
}